Foros del Web - Ver Mensaje Individual - FAQ: Como crear variables de sesion en JavaScript

lobo_php · #1 (**permalink**) 21/05/2009, 13:28

Bueno, un compa me dijo que se podia, por lo tanto me dio el link y nos dimos a la tarea de pillar como es el cuento, yo modifique un poco el cuento,,, para poder mostrar un inicio de sesion.

primero que todo debes tener este archivo: (ya le hice las modificaciones)
--- lo pongo mas abajo que aca no me alcanza.

por lo que pueden ver, no lo hice yo, ya estaba elaborado, el link es este:
http://www.thomasfrank.se/sessionvars.html

luego de eso,,, pueden empeszar a iniciar sesion,,, aun no esta autenticada en este ejemplo, el cual consta de dos archivos:

1. sessvarTestPage1.html

Código html:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>sessvars test page 1</title>
<script type="text/javascript" src="sessvars.js"></script>
<script type="text/javascript">
 
//sessvars.$.debug();
sessvars.$.finalizar();
 
sessvars.pageCount=sessvars.pageCount||0;
sessvars.pageCount++;
 
onload=function(){
    c=document.getElementById('cabecera');
};
setName=function(f){
    sessvars.username=document.getElementById(f).value;
    document.getElementById('cabecera').style.display="none";
    alert('Welcome to this test of sessvars.js, '+sessvars.username+'!');
    location.href="sessvarsTestPage2.html"
};
 
 
</script>
</head>
<body style="font-family:Verdana,Arial,Helvetica;font-size:12px">
    <div id="cabecera"></div>
<br><br><center>aqui el resto de la pagina</center>
</body>
</html>

y:
2. sessvarTestPage2.html

Código html:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>sessvars test page 1</title>
<script type="text/javascript" src="sessvars.js"></script>
<script type="text/javascript">
 
//sessvars.$.debug();
sessvars.$.finalizar2();
 
sessvars.pageCount=sessvars.pageCount||0;
sessvars.pageCount++;
 
onload=function(){
    c=document.getElementById('cabecera');
};
setName=function(f){
    sessvars.username=document.getElementById(f).value;
    document.getElementById('cabecera').style.display="none";
    alert('Welcome to this test of sessvars.js, '+sessvars.username+'!');
    location.href="sessvarsTestPage2.html"
};
 
 
</script>
</head>
<body style="font-family:Verdana,Arial,Helvetica;font-size:12px">
    <div id="cabecera"></div>
<br><br><center>aqui el resto de la pagina</center>
</body>
</html>

por lo que observan son practicamente iguales, la diferencia es que de sessionvar toman otra funcion, finalizar() o finalizar2()

---------------

ojala les guste, lo prueben, lo modifiquen y lo posteen nuevamente para que todos podamos usar estas variables de session en javascript q a veces son muy necesarias.