Demo Dynamic HTML

Cookie

Compatibilidad: Ms Internet Explorer

Gestionar los cookie con HTML dinámico. Pequeña demostración.

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

<TITLE>Demo Dynamic HTML: ejemplo práctico </TITLE>

</HEAD>

<FONT SIZE=5 COLOR="#0000FF" FACE="ARIAL">Demostración de Cookie.<BR>Para hacer una prueba vuelve a cargar esta página.</FONT>

<SCRIPT LANGUAGE="JavaScript">
        function parseCookie() {
          // Separate each cookie.
          var cookieList = document.cookie.split("; ");
          // Array for each cookie in cookieList
          var cookieArray = new Array();
          for (var i = 0; i < cookieList.length; i++) {
             // Separate name-value pairs.
             var name = cookieList[i].split("=");
             // Decode and add to cookie array.
             cookieArray[unescape(name[0])] = unescape(name[1]);
          }
          return cookieArray;
       }

// This code requires the parseCookie function.

function setCookie(visits) {
         /* This routine sets up the cookie by setting its value
            to the number of visits and setting its expiration date
            to 1 year from now. */
         var expireDate = new Date();
         var today = new Date();
         // Set an expiration date in the future.
         expireDate.setDate(365 + expireDate.getDate());
         // Save the number of visits.
         document.cookie = "Visits=" + visits + "; expires=" +
           expireDate.toGMTString() + ";"; 
         // Save today's time and date as the last visit.
         document.cookie = "LastVisit=" + 
               escape(today.toGMTString()) + 
               "; expires=" + expireDate.toGMTString() + ";";
         }

if ("" == document.cookie) {
            // Initialize the cookie.
            setCookie(1);
            document.write("<H2>Ésta es tu primera visita a esta página</H2>");
         }
         else {
            // Parse the cookie.
            var cookies = parseCookie();

// Output the Welcome Back message, and increment the 
            // visit counter.
            document.write("<H2>¡Bienvenido otra vez! Nos has visitado ya " +
               cookies.Visits++ + " veces</H2>");
            document.write("<H3>Tú última visita: " + 
               cookies.LastVisit + ".</H3>");
            // Replace existing cookie with an updated one.
            setCookie(cookies.Visits);
         }
      </SCRIPT>

</body>
</html>

[Baja en un único archivo .zip, las imágenes y demás archivos necesarios
para el funcionamiento de las demo de esta sección]