TUTOS.EU

Lire et écrire un cookie

Lire et écrire dynamiquement un cookie en JavaScript

Le code

<HTML>
	<HEAD>
		<meta http-equiv="X-UA-Compatible" content="IE=8" />
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	</HEAD>
	<BODY>

		<SCRIPT TYPE="text/javascript">	
			function recupValeurElement(IdElement)
			{
				if (document.getElementById)
				{
					return document.getElementById(IdElement);
				}
				else if (document.all)
				{
					return document.all[IdElement];
				}
			}

			function getCookie(sName) {
				//de http://www.siteduzero.com/tutoriel-3-4721-lire-un-cookie.html
				var oRegex = new RegExp("(?:; )?" + sName + "=([^;]*);?");
				if (oRegex.test(document.cookie)) {
						return decodeURIComponent(RegExp["$1"]);
				} else {
						return null;
				}
			}

			function setCookie(sName, sValue) {
				var today = new Date(), expires = new Date();
				expires.setTime(today.getTime() + (365*24*60*60*1000));
				document.cookie = sName + "=" + encodeURIComponent(sValue) + ";expires=" + expires.toGMTString();
			}

			function fctChargementdesCookies(){
			
				var varMaVariable01 = '';

				//Récupération des noms de serveurs
				varMaVariable01 = getCookie('TxtCase01');
				if (varMaVariable01 != null){recupValeurElement("TxtCase01").value = varMaVariable01;}
				
				varMaVariable01 = getCookie('TxtCase02');
				if (varMaVariable01 != null){recupValeurElement("TxtCase02").value = varMaVariable01;}

			}

			function fctSauvegardedesCookies(){
			
				var varMaVariable01 = '';
				
				varMaVariable01 = recupValeurElement("TxtCase01").value;
				if (varMaVariable01.length >= 0){setCookie('TxtCase01', varMaVariable01);}

				varMaVariable01 = recupValeurElement("TxtCase02").value;
				if (varMaVariable01.length >= 0){setCookie('TxtCase02', varMaVariable01);}

			}

		</SCRIPT>

<?php
	//Version du 29 mars 2013
	//Lire et ecrire des cookies en JavaScript

	echo "<TABLE>\n";
	echo "<TR><TD>Une première case :</TD><TD><INPUT type=\"Text\" ID=\"TxtCase01\" NAME=\"TxtCase01\" SIZE=50 onkeyup=\"fctSauvegardedesCookies();\"></TD></TR>\n";
	echo "</TR>\n";
	echo "<TR><TD>Une seconde case :</TD><TD><textarea name=\"TxtCase02\" id=\"TxtCase02\" cols=\"20\" rows=\"4\" onkeyup=\"fctSauvegardedesCookies();\"></textarea></TD></TR>\n";
	echo "</TABLE>\n";
	echo "<BR>\n";
	echo "\n";

?>

	<SCRIPT TYPE="text/javascript">
		function fctOnLoad(){
			fctChargementdesCookies();
			fctGenererCommande();
		}

		window.onload = fctOnLoad();
	</SCRIPT>

	</BODY>
</HTML>
Lien vers le fichier : cliquez ici

Avec une boucle

<HTML>
	<HEAD>
		<meta http-equiv="X-UA-Compatible" content="IE=8" />
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	</HEAD>
	<BODY>

		<SCRIPT TYPE="text/javascript">	
			function recupValeurElement(IdElement)
			{
				if (document.getElementById)
				{
					return document.getElementById(IdElement);
				}
				else if (document.all)
				{
					return document.all[IdElement];
				}
			}

			function getCookie(sName) {
				//de http://www.siteduzero.com/tutoriel-3-4721-lire-un-cookie.html
				var oRegex = new RegExp("(?:; )?" + sName + "=([^;]*);?");
				if (oRegex.test(document.cookie)) {
						return decodeURIComponent(RegExp["$1"]);
				} else {
						return null;
				}
			}

			function setCookie(sName, sValue) {
				var today = new Date(), expires = new Date();
				expires.setTime(today.getTime() + (365*24*60*60*1000));
				document.cookie = sName + "=" + encodeURIComponent(sValue) + ";expires=" + expires.toGMTString();
			}

			function fctChargementdesCookies(){				
				var MesChamps = "TxtCase01;TxtCase02";
				var varMaVariable01 = '';
				varTableauMesChamps=new Array();
			
				if (MesChamps.length > 0){
					varTableauMesChamps = MesChamps.split(';');	
					for (var Compteur in varTableauMesChamps)
					{
						varUneValeur = varTableauMesChamps[Compteur];
						if (varUneValeur.length > 0){
							varMaVariable01 = getCookie(varUneValeur);
							if (varMaVariable01 != null){recupValeurElement(varUneValeur).value = varMaVariable01;}
						}
					}
				}						
			}

			function fctSauvegardedesCookies(){			
				var MesChamps = "TxtCase01;TxtCase02";
				var varMaVariable01 = '';
				varTableauMesChamps=new Array();
			
				if (MesChamps.length > 0){
					varTableauMesChamps = MesChamps.split(';');	
					for (var Compteur in varTableauMesChamps)
					{
						varUneValeur = varTableauMesChamps[Compteur];
						if (varUneValeur.length > 0){
							varMaVariable01 = recupValeurElement(varUneValeur).value;
							if (varMaVariable01.length >= 0){setCookie(varUneValeur, varMaVariable01);}
						}
					}
				}
			}

		</SCRIPT>

<?php
	//Version du 29 mars 2013
	//Lire et ecrire des cookies en JavaScript

	echo "<TABLE>\n";
	echo "<TR><TD>Une première case :</TD><TD><INPUT type=\"Text\" ID=\"TxtCase01\" NAME=\"TxtCase01\" SIZE=50 onkeyup=\"fctSauvegardedesCookies();\"></TD></TR>\n";
	echo "</TR>\n";
	echo "<TR><TD>Une seconde case :</TD><TD><textarea name=\"TxtCase02\" id=\"TxtCase02\" cols=\"20\" rows=\"4\" onkeyup=\"fctSauvegardedesCookies();\"></textarea></TD></TR>\n";
	echo "</TABLE>\n";
	echo "<BR>\n";
	echo "\n";

?>

	<SCRIPT TYPE="text/javascript">
		function fctOnLoad(){
			fctChargementdesCookies();
			fctGenererCommande();
		}

		window.onload = fctOnLoad();
	</SCRIPT>

	</BODY>
</HTML>
Lien vers le fichier : cliquez ici