Foros del web, para los que viven de bits

Carlitos · 11-dic-2002, 10:55

61.- Onload [Ejemplo]

P.- ¿Cómo ejecutar un script al entrar en una página?

R.- Añadiendo el evento onLoad a la etiqueta <body>

Ejemplo:

Código:

<head>
<script>
function entrada()
{
alert("Hola!!")
}
</script>
</head>
<body onLoad="entrada()">
...
...
</body>

Carlitos · 11-dic-2002, 10:58

62.- Onunload [Ejemplo]

P.- ¿Cómo ejecutar un script al salir de una página?

R.- Añadiendo el evento onUnload a la etiqueta <body>

Ejemplo:

Código:

<head>
<script>
function salida()
{
alert("Adios!!")
}
</script>
</head>
<body onUnload="salida()">
...
...
</body>

Carlitos · 11-dic-2002, 11:23

63.- Detectar tecla [Ejemplo]

P.- ¿Como puedo detectar la tecla pulsada?

R.- Código de ejemplo:

Código:

<html>
<script>
function mostrar(caracter) {
esNetscape=(document.layers);
letra = (esNetscape) ? caracter.which : event.keyCode;
l = String.fromCharCode(letra)
alert("Usted presionó la letra: "+l+" Codigo: "+letra) 
}
document.onkeypress = mostrar;
</script>
<body>
Pulsa una tecla.
</body>
</html>

Kaopectate · 11-dic-2002, 11:44

P: ¿Como puedo hacer una interfase con la que pueda llenar una lista en base a los elementos de otra lista?

R: [ver ejemplo]

Código PHP:


			
<html>

 <head>

  <script language="javascript">

   var aList = new Array("uno", "dos", "tres", "cuatro", "cinco", "seis", "siete", "ocho", "nueve", "diez");

   var aIzqu = new Array(true, true, true, true, true, true, true, true, true, true);

   var i, j, nIzq, nDer, maxIzq, maxDer;



   nIzq = 0;

   nDer = 0;

   maxIzq = aList.length;

   maxDer = 0;



   function agregaTodos(){

    for (i = 0; i < aList.length; i++)

      aIzqu[i] = false;

    maxIzq = 0;

    maxDer = aList.length;

    nIzq = 0;

    formulario();

   }



   function indiceIzqReal(nInd){

    var bFin = false;

    var i = 0;

    var j = -1;

    for (;!bFin;){

     if (aIzqu[i]) j++;

     bFin = ((j == nInd) || (i >= aList.length));

     if (!bFin) i++;

    }

    return i;

   }



   function indiceDerReal(nInd){

    var bFin = false;

    var i = 0;

    var j = -1;

    for (;!bFin;){

     if (!aIzqu[i]) j++;

     bFin = ((j == nInd) || (i >= aList.length));

     if (!bFin) i++;

    }

    return i;

   }



   function agregaActual(){

    var bFin = false;

    var nInd = indiceIzqReal(nIzq);

    aIzqu[nInd] = false;

    if (nIzq == maxIzq - 1) nIzq--;

    maxIzq--;

    maxDer++;

    formulario();

   }



   function eliminaActual(){

    var bFin = false;

    var nInd = indiceDerReal(nDer);

    aIzqu[nInd] = true;

    if (nDer == maxDer - 1) nDer--;

    maxIzq++;

    maxDer--;

    formulario();

   }



   function eliminaTodos(){

    for (i = 0; i < aList.length; i++)

      aIzqu[i] = true;

    maxIzq = aList.length;

    maxDer = 0;

    nDer = 0;

    formulario();

   }



   function primeroIzq(){

    nIzq = 0;

    formulario();

   }



   function primeroDer(){

    nDer = 0;

    formulario();

   }



   function siguienteIzq(){

    if (nIzq < maxIzq - 1)

     nIzq++;

    formulario();

   }



   function siguienteDer(){

    if (nDer < maxDer - 1)

     nDer++;

    formulario();

   }



   function anteriorIzq(){

    if (nIzq > 0)

     nIzq--;

    formulario();

   }



   function anteriorDer(){

    if (nDer > 0)

     nDer--;

    formulario();

   }



   function ultimoIzq(){

    nIzq = maxIzq - 1;

    formulario();

   }



   function ultimoDer(){

    nDer = maxDer - 1;

    formulario();

   }



   function formulario(){

    with (window.pantalla.document){

     open();

     writeln("<html>");

     writeln(" <head>");

     writeln(" </head>");

     writeln(" <body>");

     writeln("  <form name='formulario'>");

     writeln("   <table border='0'>");

     writeln("    <tr>");

     writeln("     <td>");

     writeln("      <textarea name='opciones' rows='10'>");

     for (i = 0, j = 0; i < aList.length; i++){

      if (aIzqu[i]){

       if (j == nIzq)

        writeln('>>' + aList[i] + '<<')

       else

        writeln(aList[i]);

       j++;

      }

     }

     writeln("      </textarea>");

     writeln("     </td>");

     writeln("     <td>");

     writeln("      <table border='0'>");

     writeln("       <tr>");

     writeln("        <td>");

     writeln("         <input type='button' value='>>' onclick='parent.agregaTodos()'>");



     writeln("        </td>");

     writeln("       </tr>");

     writeln("       <tr>");

     writeln("        <td>");

     writeln("         <input type='button' value='> ' onclick='parent.agregaActual()'>");



     writeln("        </td>");

     writeln("       </tr>");

     writeln("       <tr>");

     writeln("        <td>");

     writeln("         <input type='button' value=' <' onclick='parent.eliminaActual()'>");



     writeln("        </td>");

     writeln("       </tr>");

     writeln("       <tr>");

     writeln("        <td>");

     writeln("         <input type='button' value='<<' onclick='parent.eliminaTodos()'>");



     writeln("        </td>");

     writeln("       </tr>");

     writeln("      </table>");

     writeln("     </td>");

     writeln("     <td>");



     writeln("      <textarea name='seleccionados' rows='10'>");

     for (i = 0, j = 0; i < aList.length; i++){

      if (!aIzqu[i]){

       if (j == nDer)

        writeln('>>' + aList[i] + '<<')

       else

        writeln(aList[i]);

       j++;

      }

     }

     writeln("      </textarea>");



     writeln("     </td>");

     writeln("    </tr>");

     writeln("    <tr>");

     writeln("    </tr>");

     writeln("     <td>");

     writeln("      <table border='0'>");

     writeln("       <tr>");

     writeln("        <td>");

     writeln("         <input type='button' value='Pri' onclick='parent.primeroIzq()'>");

     writeln("        </td>");

     writeln("        <td>");

     writeln("         <input type='button' value='Ant' onclick='parent.anteriorIzq()'>");

     writeln("        </td>");

     writeln("        <td>");

     writeln("         <input type='button' value='Sig' onclick='parent.siguienteIzq()'>");

     writeln("        </td>");

     writeln("        <td>");

     writeln("         <input type='button' value='Ult' onclick='parent.ultimoIzq()'>");

     writeln("        </td>");

     writeln("       </tr>");

     writeln("      </table>");

     writeln("     </td>");

     writeln("     <td>");

     writeln("     </td>");

     writeln("     <td>");

     writeln("      <table border='0'>");

     writeln("       <tr>");

     writeln("        <td>");

     writeln("         <input type='button' value='Pri' onclick='parent.primeroDer()'>");

     writeln("        </td>");

     writeln("        <td>");

     writeln("         <input type='button' value='Ant' onclick='parent.anteriorDer()'>");

     writeln("        </td>");

     writeln("        <td>");

     writeln("         <input type='button' value='Sig' onclick='parent.siguienteDer()'>");

     writeln("        </td>");

     writeln("        <td>");

     writeln("         <input type='button' value='Ult' onclick='parent.ultimoDer()'>");

     writeln("        </td>");

     writeln("       </tr>");

     writeln("      </table>");

     writeln("     </td>");

     writeln("   </table>");

     writeln(" </form>");

     writeln("</body>");

     writeln("</html>");

     close();

    }

   }



  </script>



 </head>

 <frameset rows="100%,*" frameborder="no" border="0" framespacing="0" onload="javascript:formulario()">

  <frame name="pantalla" src="pruDummy.htm" frameborder="no" border="0">

  <frame name="dummy" src="pruDummy.htm">

 </frameset>

</html>

JavierB · 11-dic-2002, 13:13

P.- ¿Como puedo abrir un Pop-up y que quede centrado en la pantalla en cualquier resolución?

R.- Haciendo el Pop-up parecido a esto:

Código PHP:


			
<html>

<head>

<script>

function centrar() {

    iz=(screen.width-document.body.clientWidth) / 2;

    de=(screen.height-document.body.clientHeight) / 2;

    moveTo(iz,de);

}    

</script>

</head>

<body bgcolor="#FFFFFF" text="#000000" onload="centrar()">

Segunda página

</body>

</html>

Kaopectate · 13-dic-2002, 13:58

P: ¿Cual es el esquema usado para identificar un usuario registrado en una página?

R: [ver ejemplo]

Aunque la identificación de un usuario es un problema que debe atenderse en el lado del servidor usando PHP o ASP o JSP, hay también una porción del código que debe hacerse del lado del cliente usando JavaScript.

El siguiente esquema es una "simulación" del proceso de validación, que pasa como parámetro el nombre del usuario. En una solución real, dicho usuario debe ser registrado en una variable del lado del servidor o una cookie.

Login0.htm

Código PHP:


			
<html>

 <head>

  <script language="JavaScript">



   var usuario = "";



   function valParam(url, prmName){ 

    var prmUpper = prmName.toUpperCase();

    var prmPosic = url.indexOf(prmUpper);

    var sepPos;

    if (prmPosic != -1){

     var sepPos = url.indexOf("&", prmPosic);

     if (sepPos != -1){

      return url.substring(prmPosic + prmUpper.length + 1, sepPos);

     } else {

      return url.substring(prmPosic + prmUpper.length + 1, url.length);

     }

    } else {

     return "";

    }

   }



   function getParameters(){

    var remplaza = /+/gi; 

    var url = window.location.href;

    var variable;

    url = unescape(url);

    url = url.replace(remplaza, " ");

    url = url.toUpperCase();

    usuario = valParam(url, "Usr");

   }



   function popup(){

    open("login1.htm");

   }



   function salir(){

    location.href = "login0.htm?Usr=.";

   }

  </script>

 </head>

 <body>

  <form name="frm">

   <table border="0" width="100%">

    <tr>

     <td width="100%" align="right">

      <script language="JavaScript">

       getParameters();

       if (usuario == "" || usuario == "."){

        document.write("<a href='#' onclick='popup()'>Conectarse</a>");

       } else {

        document.write("Hola " + usuario + "&nbsp;");

        document.write("<a href='login0.htm?Usr='>Desconectarse</a>");

       }

      </script>

     </td>

    </tr>

   </table>

  </form>

 </body>

</html>

Login1.htm

Código PHP:


			
<html>

 <head>

  <script language="JavaScript">

   function reposiciona(){

    var ancho = screen.width;

    var alto  = screen.height;

    resizeTo(300, 250);

    moveTo((ancho - 300) / 2, (alto - 250) / 2);

   }



   function entrar(){

    opener.location.href = "login0.htm?Usr=" + document.form2.nomb.value;

    close();

   }

  </script>

 </head>

 <body onload="reposiciona()">

  <form name="form2">

   <table border="0">

    <tr>

     <td align="right">

      Nombre:

     </td>

     <td>

      <input type="text" name="nomb"><br>

     </td>

    </tr>

    <tr>

     <td align="right">

      Clave:

     </td>

     <td>

      <input type="password" name="key"><br>

     </td>

    </tr>

    <tr>

     <td align="center" colspan="2">

      <input type="button" value="Login" onclick="entrar()">

     </td>

    </tr>

  </form>

 </body>

</html>

Carlitos · 13-dic-2002, 14:53

67.- Precarga

P.- ¿Cómo realizo una precarga de imágenes?

R.- Colocando esto en el head

Código:

<script>
var foto=new Array()
foto[0]=new Image()
foto[0].src="pepito.jpg"
foto[1]=new Image()
foto[1].src="jaimito.jpg"
foto[2]=new Image()
foto[2].src="jorgito.jpg"
</script>

En este ejemplo, se precargan tres imágenes. La forma de llamar a esas imagenes, es la habitual:

Código:

<img src="pepito.jpg">

Carlitos · 13-dic-2002, 15:21

68.- Rollover [Ejemplo]

P.- ¿Cómo cambio una imagen por otra al pasar por encima con el puntero del ratón?

R.- Podemos usar esto, por ejemplo para cambiar la apariencia de un boton. (Normal, sobre y pulsado)

Esto en el head

Código:

<script>
var foto=new Array()
foto[0]=new Image()
foto[0].src="boton.gif"
foto[1]=new Image()
foto[1].src="boton_sobre.gif"
foto[2]=new Image()
foto[2].src="boton_pulsado.gif"
</script>

Esto en el body

Código:

<img src="boton.gif" onmouseover="this.src=foto[1].src" onmouseout="this.src=foto[2].src" onclick="this.src=foto[0].src">

onmouseover = encima
onmouseout = fuera
onmousedown = click

Kaopectate · 13-dic-2002, 16:14

P: ¿Donde puedo conseguir manuales, tutoriales, cursos o información técnica de JavaScript?

R:

Algunos sitios en español:

1.- Curso en WebMonkey
2.- Tutorial en Wanadoo
3.- Manual en webEstilo
4.- Tutorial en Lovecraft
5.- ElGuruProgramador
6.- Un tutorial de Productos QRT
7.- Tutorial en TeleProgramadores
8.- Tutorial en Programacion.com
9.- Manual en DesarrolloWeb
10.- Tutorial en El rincón del programador
11.- JavaScript desde cero en Ciudad Futura
12.- Curso en Programacion.com
13.- Manual en 148.216.5.25
14.- Tutorial en Orbita
15.- Tutorial de la Universidad de Málaga
16.- Tutorial en LoboWeb_2
17.- Manual en AUI
18.- Introducción al JavaScript por Stefan Koch
19.- Archivo zip descargable desde servidor gratuito

Sitios en inglés:

1.- Documentación oficial de Netscape
2.- Documentación de JScript de Microsoft
3.- Estandard ECMA-262
4.- Propuesta Netscape para un ECMAScript 4
5.- Propuesta de JavaScript 2.0
6.- Reporte Técnico DOM (Document Object Model)
7.- DOM en Mozilla
8.- Referencia JavaScript en NetScape
9.- Referencia JavaScript en MSDN
10.- Diferencias en Opera 6 respecto al estandard DOM
11.- Especificaciones soportadas por Opera 7

(Si deseas añadir una dirección distinta a las anteriores, hazlo aqui y será agregada a la lista lo antes posible).

Kaopectate · 16-dic-2002, 10:49

P: ¿Donde puedo conseguir código JavaScript?

R:

He aqui algunas direcciones:

1.- Softonic.com
2.- Elosan
3.- WebTutorial.com.ar
4.- DynamicDrive.com
5.- MundoJavaScript.com
6.- HotScripts.com
7.- JavaScript.com

11-dic-2002, 10:55	#61 (permalink)
Carlitos Colaborador Fecha de Ingreso: noviembre-2002 Ubicación: Zaragoza Mensajes: 1.300	61.- Onload [Ejemplo] P.- ¿Cómo ejecutar un script al entrar en una página? R.- Añadiendo el evento onLoad a la etiqueta <body> Ejemplo: Código: <head> <script> function entrada() { alert("Hola!!") } </script> </head> <body onLoad="entrada()"> ... ... </body> Última edición por Carlitos; 21-dic-2002 a las 04:18.

11-dic-2002, 10:58	#62 (permalink)
Carlitos Colaborador Fecha de Ingreso: noviembre-2002 Ubicación: Zaragoza Mensajes: 1.300	62.- Onunload [Ejemplo] P.- ¿Cómo ejecutar un script al salir de una página? R.- Añadiendo el evento onUnload a la etiqueta <body> Ejemplo: Código: <head> <script> function salida() { alert("Adios!!") } </script> </head> <body onUnload="salida()"> ... ... </body> Última edición por Carlitos; 21-dic-2002 a las 04:19.

11-dic-2002, 11:23	#63 (permalink)
Carlitos Colaborador Fecha de Ingreso: noviembre-2002 Ubicación: Zaragoza Mensajes: 1.300	63.- Detectar tecla [Ejemplo] P.- ¿Como puedo detectar la tecla pulsada? R.- Código de ejemplo: Código: <html> <script> function mostrar(caracter) { esNetscape=(document.layers); letra = (esNetscape) ? caracter.which : event.keyCode; l = String.fromCharCode(letra) alert("Usted presionó la letra: "+l+" Codigo: "+letra) } document.onkeypress = mostrar; </script> <body> Pulsa una tecla. </body> </html> Última edición por Carlitos; 21-dic-2002 a las 04:20.

11-dic-2002, 11:44	#64 (permalink)
Kaopectate Colaborador Fecha de Ingreso: noviembre-2002 Ubicación: Curaçao (Antillas Holandesas) Mensajes: 3.126	64.- Llenar una lista en base a otra lista P: ¿Como puedo hacer una interfase con la que pueda llenar una lista en base a los elementos de otra lista? R: [ver ejemplo] Código PHP: <html> <head> <script language="javascript"> var aList = new Array("uno", "dos", "tres", "cuatro", "cinco", "seis", "siete", "ocho", "nueve", "diez"); var aIzqu = new Array(true, true, true, true, true, true, true, true, true, true); var i, j, nIzq, nDer, maxIzq, maxDer; nIzq = 0; nDer = 0; maxIzq = aList.length; maxDer = 0; function agregaTodos(){ for (i = 0; i < aList.length; i++) aIzqu[i] = false; maxIzq = 0; maxDer = aList.length; nIzq = 0; formulario(); } function indiceIzqReal(nInd){ var bFin = false; var i = 0; var j = -1; for (;!bFin;){ if (aIzqu[i]) j++; bFin = ((j == nInd) \|\| (i >= aList.length)); if (!bFin) i++; } return i; } function indiceDerReal(nInd){ var bFin = false; var i = 0; var j = -1; for (;!bFin;){ if (!aIzqu[i]) j++; bFin = ((j == nInd) \|\| (i >= aList.length)); if (!bFin) i++; } return i; } function agregaActual(){ var bFin = false; var nInd = indiceIzqReal(nIzq); aIzqu[nInd] = false; if (nIzq == maxIzq - 1) nIzq--; maxIzq--; maxDer++; formulario(); } function eliminaActual(){ var bFin = false; var nInd = indiceDerReal(nDer); aIzqu[nInd] = true; if (nDer == maxDer - 1) nDer--; maxIzq++; maxDer--; formulario(); } function eliminaTodos(){ for (i = 0; i < aList.length; i++) aIzqu[i] = true; maxIzq = aList.length; maxDer = 0; nDer = 0; formulario(); } function primeroIzq(){ nIzq = 0; formulario(); } function primeroDer(){ nDer = 0; formulario(); } function siguienteIzq(){ if (nIzq < maxIzq - 1) nIzq++; formulario(); } function siguienteDer(){ if (nDer < maxDer - 1) nDer++; formulario(); } function anteriorIzq(){ if (nIzq > 0) nIzq--; formulario(); } function anteriorDer(){ if (nDer > 0) nDer--; formulario(); } function ultimoIzq(){ nIzq = maxIzq - 1; formulario(); } function ultimoDer(){ nDer = maxDer - 1; formulario(); } function formulario(){ with (window.pantalla.document){ open(); writeln("<html>"); writeln(" <head>"); writeln(" </head>"); writeln(" <body>"); writeln(" <form name='formulario'>"); writeln(" <table border='0'>"); writeln(" <tr>"); writeln(" <td>"); writeln(" <textarea name='opciones' rows='10'>"); for (i = 0, j = 0; i < aList.length; i++){ if (aIzqu[i]){ if (j == nIzq) writeln('>>' + aList[i] + '<<') else writeln(aList[i]); j++; } } writeln(" </textarea>"); writeln(" </td>"); writeln(" <td>"); writeln(" <table border='0'>"); writeln(" <tr>"); writeln(" <td>"); writeln(" <input type='button' value='>>' onclick='parent.agregaTodos()'>"); writeln(" </td>"); writeln(" </tr>"); writeln(" <tr>"); writeln(" <td>"); writeln(" <input type='button' value='> ' onclick='parent.agregaActual()'>"); writeln(" </td>"); writeln(" </tr>"); writeln(" <tr>"); writeln(" <td>"); writeln(" <input type='button' value=' <' onclick='parent.eliminaActual()'>"); writeln(" </td>"); writeln(" </tr>"); writeln(" <tr>"); writeln(" <td>"); writeln(" <input type='button' value='<<' onclick='parent.eliminaTodos()'>"); writeln(" </td>"); writeln(" </tr>"); writeln(" </table>"); writeln(" </td>"); writeln(" <td>"); writeln(" <textarea name='seleccionados' rows='10'>"); for (i = 0, j = 0; i < aList.length; i++){ if (!aIzqu[i]){ if (j == nDer) writeln('>>' + aList[i] + '<<') else writeln(aList[i]); j++; } } writeln(" </textarea>"); writeln(" </td>"); writeln(" </tr>"); writeln(" <tr>"); writeln(" </tr>"); writeln(" <td>"); writeln(" <table border='0'>"); writeln(" <tr>"); writeln(" <td>"); writeln(" <input type='button' value='Pri' onclick='parent.primeroIzq()'>"); writeln(" </td>"); writeln(" <td>"); writeln(" <input type='button' value='Ant' onclick='parent.anteriorIzq()'>"); writeln(" </td>"); writeln(" <td>"); writeln(" <input type='button' value='Sig' onclick='parent.siguienteIzq()'>"); writeln(" </td>"); writeln(" <td>"); writeln(" <input type='button' value='Ult' onclick='parent.ultimoIzq()'>"); writeln(" </td>"); writeln(" </tr>"); writeln(" </table>"); writeln(" </td>"); writeln(" <td>"); writeln(" </td>"); writeln(" <td>"); writeln(" <table border='0'>"); writeln(" <tr>"); writeln(" <td>"); writeln(" <input type='button' value='Pri' onclick='parent.primeroDer()'>"); writeln(" </td>"); writeln(" <td>"); writeln(" <input type='button' value='Ant' onclick='parent.anteriorDer()'>"); writeln(" </td>"); writeln(" <td>"); writeln(" <input type='button' value='Sig' onclick='parent.siguienteDer()'>"); writeln(" </td>"); writeln(" <td>"); writeln(" <input type='button' value='Ult' onclick='parent.ultimoDer()'>"); writeln(" </td>"); writeln(" </tr>"); writeln(" </table>"); writeln(" </td>"); writeln(" </table>"); writeln(" </form>"); writeln("</body>"); writeln("</html>"); close(); } } </script> </head> <frameset rows="100%," frameborder="no" border="0" framespacing="0" onload="javascript:formulario()"> <frame name="pantalla" src="pruDummy.htm" frameborder="no" border="0"> <frame name="dummy" src="pruDummy.htm"> </frameset> </html> Última edición por Kaopectate; 24-dic-2002 a las 10:26.*

11-dic-2002, 13:13	#65 (permalink)
JavierB Moderata Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 19.550	65.- Abrir un Pop-up centrado en la pantalla P.- ¿Como puedo abrir un Pop-up y que quede centrado en la pantalla en cualquier resolución? R.- Haciendo el Pop-up parecido a esto: Código PHP: `<html> <head> <script> function centrar() { iz=(screen.width-document.body.clientWidth) / 2; de=(screen.height-document.body.clientHeight) / 2; moveTo(iz,de); } </script> </head> <body bgcolor="#FFFFFF" text="#000000" onload="centrar()"> Segunda página </body> </html>`

13-dic-2002, 13:58	#66 (permalink)
Kaopectate Colaborador Fecha de Ingreso: noviembre-2002 Ubicación: Curaçao (Antillas Holandesas) Mensajes: 3.126	66.- Login P: ¿Cual es el esquema usado para identificar un usuario registrado en una página? R: [ver ejemplo] Aunque la identificación de un usuario es un problema que debe atenderse en el lado del servidor usando PHP o ASP o JSP, hay también una porción del código que debe hacerse del lado del cliente usando JavaScript. El siguiente esquema es una "simulación" del proceso de validación, que pasa como parámetro el nombre del usuario. En una solución real, dicho usuario debe ser registrado en una variable del lado del servidor o una cookie. Login0.htm Código PHP: <html> <head> <script language="JavaScript"> var usuario = ""; function valParam(url, prmName){ var prmUpper = prmName.toUpperCase(); var prmPosic = url.indexOf(prmUpper); var sepPos; if (prmPosic != -1){ var sepPos = url.indexOf("&", prmPosic); if (sepPos != -1){ return url.substring(prmPosic + prmUpper.length + 1, sepPos); } else { return url.substring(prmPosic + prmUpper.length + 1, url.length); } } else { return ""; } } function getParameters(){ var remplaza = /+/gi; var url = window.location.href; var variable; url = unescape(url); url = url.replace(remplaza, " "); url = url.toUpperCase(); usuario = valParam(url, "Usr"); } function popup(){ open("login1.htm"); } function salir(){ location.href = "login0.htm?Usr=."; } </script> </head> <body> <form name="frm"> <table border="0" width="100%"> <tr> <td width="100%" align="right"> <script language="JavaScript"> getParameters(); if (usuario == "" \|\| usuario == "."){ document.write("<a href='#' onclick='popup()'>Conectarse</a>"); } else { document.write("Hola " + usuario + " "); document.write("<a href='login0.htm?Usr='>Desconectarse</a>"); } </script> </td> </tr> </table> </form> </body> </html> Login1.htm Código PHP: <html> <head> <script language="JavaScript"> function reposiciona(){ var ancho = screen.width; var alto = screen.height; resizeTo(300, 250); moveTo((ancho - 300) / 2, (alto - 250) / 2); } function entrar(){ opener.location.href = "login0.htm?Usr=" + document.form2.nomb.value; close(); } </script> </head> <body onload="reposiciona()"> <form name="form2"> <table border="0"> <tr> <td align="right"> Nombre: </td> <td> <input type="text" name="nomb"><br> </td> </tr> <tr> <td align="right"> Clave: </td> <td> <input type="password" name="key"><br> </td> </tr> <tr> <td align="center" colspan="2"> <input type="button" value="Login" onclick="entrar()"> </td> </tr> </form> </body> </html> Última edición por Kaopectate; 24-dic-2002 a las 10:27.

13-dic-2002, 14:53	#67 (permalink)
Carlitos Colaborador Fecha de Ingreso: noviembre-2002 Ubicación: Zaragoza Mensajes: 1.300	67.- Precarga P.- ¿Cómo realizo una precarga de imágenes? R.- Colocando esto en el head Código: <script> var foto=new Array() foto[0]=new Image() foto[0].src="pepito.jpg" foto[1]=new Image() foto[1].src="jaimito.jpg" foto[2]=new Image() foto[2].src="jorgito.jpg" </script> En este ejemplo, se precargan tres imágenes. La forma de llamar a esas imagenes, es la habitual: Código: <img src="pepito.jpg"> Última edición por Carlitos; 13-dic-2002 a las 15:22.

13-dic-2002, 15:21	#68 (permalink)
Carlitos Colaborador Fecha de Ingreso: noviembre-2002 Ubicación: Zaragoza Mensajes: 1.300	68.- Rollover [Ejemplo] P.- ¿Cómo cambio una imagen por otra al pasar por encima con el puntero del ratón? R.- Podemos usar esto, por ejemplo para cambiar la apariencia de un boton. (Normal, sobre y pulsado) Esto en el head Código: <script> var foto=new Array() foto[0]=new Image() foto[0].src="boton.gif" foto[1]=new Image() foto[1].src="boton_sobre.gif" foto[2]=new Image() foto[2].src="boton_pulsado.gif" </script> Esto en el body Código: <img src="boton.gif" onmouseover="this.src=foto[1].src" onmouseout="this.src=foto[2].src" onclick="this.src=foto[0].src"> onmouseover = encima onmouseout = fuera onmousedown = click Última edición por Carlitos; 04-jul-2003 a las 12:01.

13-dic-2002, 16:14	#69 (permalink)
Kaopectate Colaborador Fecha de Ingreso: noviembre-2002 Ubicación: Curaçao (Antillas Holandesas) Mensajes: 3.126	69.- Manuales, Tutoriales y Cursos electrónicos de JavaScript P: ¿Donde puedo conseguir manuales, tutoriales, cursos o información técnica de JavaScript? R: Algunos sitios en español: 1.- Curso en WebMonkey 2.- Tutorial en Wanadoo 3.- Manual en webEstilo 4.- Tutorial en Lovecraft 5.- ElGuruProgramador 6.- Un tutorial de Productos QRT 7.- Tutorial en TeleProgramadores 8.- Tutorial en Programacion.com 9.- Manual en DesarrolloWeb 10.- Tutorial en El rincón del programador 11.- JavaScript desde cero en Ciudad Futura 12.- Curso en Programacion.com 13.- Manual en 148.216.5.25 14.- Tutorial en Orbita 15.- Tutorial de la Universidad de Málaga 16.- Tutorial en LoboWeb_2 17.- Manual en AUI 18.- Introducción al JavaScript por Stefan Koch 19.- Archivo zip descargable desde servidor gratuito Sitios en inglés: 1.- Documentación oficial de Netscape 2.- Documentación de JScript de Microsoft 3.- Estandard ECMA-262 4.- Propuesta Netscape para un ECMAScript 4 5.- Propuesta de JavaScript 2.0 6.- Reporte Técnico DOM (Document Object Model) 7.- DOM en Mozilla 8.- Referencia JavaScript en NetScape 9.- Referencia JavaScript en MSDN 10.- Diferencias en Opera 6 respecto al estandard DOM 11.- Especificaciones soportadas por Opera 7 (Si deseas añadir una dirección distinta a las anteriores, hazlo aqui y será agregada a la lista lo antes posible). Última edición por Kaopectate; 31-dic-2002 a las 08:20.

16-dic-2002, 10:49	#70 (permalink)
Kaopectate Colaborador Fecha de Ingreso: noviembre-2002 Ubicación: Curaçao (Antillas Holandesas) Mensajes: 3.126	70.- Código JavaScript en la red P: ¿Donde puedo conseguir código JavaScript? R: He aqui algunas direcciones: 1.- Softonic.com 2.- Elosan 3.- WebTutorial.com.ar 4.- DynamicDrive.com 5.- MundoJavaScript.com 6.- HotScripts.com 7.- JavaScript.com