Foros del Web - FAQs JavaScript

Página 7 de 14

Último »

Mostrar 50 mensajes desde este tema en una página

Foros del Web (http://www.forosdelweb.com/)

- Javascript (http://www.forosdelweb.com/f13/)

- - FAQs JavaScript (http://www.forosdelweb.com/f13/faqs-javascript-105325/)

Kaopectate

29/04/2003 10:42

123.- Resta de fechas

P: ¿Como puedo saber la cantidad de días, meses y años que hay entre dos fechas?

R: [ver ejemplo]

Código PHP:

   <html>

 <head>

  <script language="JavaScript">

   function cerosIzq(sVal, nPos){

    var sRes = sVal;

    for (var i = sVal.length; i < nPos; i++)

     sRes = "0" + sRes;

    return sRes;

   }

 
   function armaFecha(nDia, nMes, nAno){

    var sRes = cerosIzq(String(nDia), 2);

    sRes = sRes + "/" + cerosIzq(String(nMes), 2);

    sRes = sRes + "/" + cerosIzq(String(nAno), 4);

    return sRes;

   }

 
   function sumaMes(nDia, nMes, nAno, nSum){

    if (nSum >= 0){

     for (var i = 0; i < Math.abs(nSum); i++){

      if (nMes == 12){

       nMes = 1;

       nAno += 1;

      } else nMes += 1;

     }

    } else {

     for (var i = 0; i < Math.abs(nSum); i++){

      if (nMes == 1){

       nMes = 12;

       nAno -= 1;

      } else nMes -= 1;

     }

    }

    return armaFecha(nDia, nMes, nAno);

   }

 
   function esBisiesto(nAno){

    var bRes = true;

    res = bRes && (nAno % 4 == 0);

    res = bRes && (nAno % 100 != 0);

    res = bRes || (nAno % 400 == 0);

    return bRes;

   }

 
   function finMes(nMes, nAno){

    var nRes = 0;

    switch (nMes){

     case 1: nRes = 31; break;

     case 2: nRes = 28; break;

     case 3: nRes = 31; break;

     case 4: nRes = 30; break;

     case 5: nRes = 31; break;

     case 6: nRes = 30; break;

     case 7: nRes = 31; break;

     case 8: nRes = 31; break;

     case 9: nRes = 30; break;

     case 10: nRes = 31; break;

     case 11: nRes = 30; break;

     case 12: nRes = 31; break;

    }

    return nRes + (((nMes == 2) && esBisiesto(nAno))? 1: 0);

   }

 
   function diasDelAno(nAno){

    var nRes = 365;

    if (esBisiesto(nAno)) nRes++;

    return nRes;

   }

 
   function anosEntre(nDi0, nMe0, nAn0, nDi1, nMe1, nAn1){

    var nRes = Math.max(0, nAn1 - nAn0 - 1);

    if (nAn1 != nAn0)

     if ((nMe1 > nMe0) || ((nMe1 == nMe0) && (nDi1 >= nDi0)))

      nRes++;

    return nRes;

   }

 
   function mesesEntre(nDi0, nMe0, nAn0, nDi1, nMe1, nAn1){

    var nRes;

    if ((nMe1 < nMe0) || ((nMe1 == nMe0) && (nDi1 < nDi0))) nMe1 += 12;

    nRes = Math.max(0, nMe1 - nMe0 - 1);

    if ((nDi1 > nDi0) && (nMe1 != nMe0)) nRes++;

    return nRes;

   }

 
   function diasEntre(nDi0, nMe0, nAn0, nDi1, nMe1, nAn1){

    var nRes;

    if (nDi1 < nDi0) nDi1 += finMes(nMe0, nAn0);

    nRes = Math.max(0, nDi1 - nDi0);

    return nRes;

   }

 
   function mayorOIgual(nDi0, nMe0, nAn0, nDi1, nMe1, nAn1){

    var bRes = false;

    bRes = bRes || (nAn1 > nAn0);

    bRes = bRes || ((nAn1 == nAn0) && (nMe1 > nMe0));

    bRes = bRes || ((nAn1 == nAn0) && (nMe1 == nMe0) && (nDi1 >= nDi0));

    return bRes;

   }

 
   function calcula(){

    var sFc0 = document.frm.fecha0.value; // Se asume válida

    var sFc1 = document.frm.fecha1.value; // Se asume válida

    var nDi0 = parseInt(sFc0.substr(0, 2), 10);

    var nMe0 = parseInt(sFc0.substr(3, 2), 10);

    var nAn0 = parseInt(sFc0.substr(6, 4), 10);

    var nDi1 = parseInt(sFc1.substr(0, 2), 10);

    var nMe1 = parseInt(sFc1.substr(3, 2), 10);

    var nAn1 = parseInt(sFc1.substr(6, 4), 10);

    if (mayorOIgual(nDi0, nMe0, nAn0, nDi1, nMe1, nAn1)){

     var nAno = anosEntre(nDi0, nMe0, nAn0, nDi1, nMe1, nAn1);

     var nMes = mesesEntre(nDi0, nMe0, nAn0, nDi1, nMe1, nAn1);

     var nDia = diasEntre(nDi0, nMe0, nAn0, nDi1, nMe1, nAn1);

     var nTtM = nAno * 12 + nMes;

     var nTtD = nDia;

     for (var i = nAn0; i < nAn0 + nAno; i++) nTtD += diasDelAno(nAno);

     for (var j = nMe0; j < nMe0 + nMes; j++) nTtD += finMes(j, nAn1);

     var nTSS = Math.floor(nTtD / 7);

     var nTSD = nTtD % 7;

     document.frm.difDMA.value = String(nAno) + " años, " + String(nMes) + " meses, " + String(nDia) + " días";

     document.frm.difDM.value = String(nTtM) + " meses, " + String(nDia) + " días";

     document.frm.difD.value = String(nTtD) + " días";

     document.frm.difSD.value = String(nTSS) + " semanas, " + String(nTSD) + " días";

    } else alert("Error en rango");

   }

  </script>

 </head>

 <body>

  <form name="frm">

   <table border="0">

    <tr>

     <td>

      <table border="1">

       <tr>

        <td align="right">

         Fecha inicial (dd/mm/aaaa)

        </td>

        <td>

         <input type="text" name="fecha0" value="31/08/1996">

        </td>

       </tr>

       <tr>

        <td align="right">

         Fecha final (dd/mm/aaaa)

        </td>

        <td>

         <input type="text" name="fecha1" value="09/07/1999">

        </td>

       </tr>

       <tr>

        <td align="right">

         Diferencia (D,M,A)

        </td>

        <td>

         <input type="text" name="difDMA" readonly>

        </td>

       </tr>

       <tr>

        <td align="right">

         Diferencia (D,M)

        </td>

        <td>

         <input type="text" name="difDM" readonly>

        </td>

       </tr>

       <tr>

        <td align="right">

         Diferencia (D)

        </td>

        <td>

         <input type="text" name="difD" readonly>

        </td>

       </tr>

       <tr>

        <td align="right">

         Diferencia (SD)

        </td>

        <td>

         <input type="text" name="difSD" readonly>

        </td>

       </tr>

      </table>

     </td>

    </tr>

    <tr>

     <td align="center">

      <input type="button" value="Calcular" onclick="calcula()">

     </td>

    </tr>

   </table>

  </form>

 </body>

</html>

KarlanKas

29/04/2003 10:55

124.- Controlar que se rellenan todos los campos

P.- ¿Cómo indicar a un visitante de un formulario que se ha dejado campos sin rellenar?
R.- Estando delante cuando lo rellene o de esta manera:
Se pueden poner todos los campos que se quiera.

Código PHP:

   <html>

<head>

 
    <script>

    //Script original de KarlanKas para Forosdelweb.com

 
 
    function comprobar(){var mal=false;

    numero=document.forms[0].elements.length;

    for(a=0;a<numero;a++){

    if (document.forms[0].elements[a].value==""){document.forms[0].elements[a].style.backgroundColor="#ffffcc";mal=true;}

    else{document.forms[0].elements[a].style.backgroundColor="white";}

    }

    if(mal){alert("Por favor, rellene las cajas coloreadas");}

    else{document.forms[0].submit()}

    }

    

    </script>

</head>

 
<body>

<form action="javascript:alert('enviando')"

      method="post"

      name="formulario"

      id="formulario"

      style="font:normal 10px/10px verdana;border:solid 1px black;text-align:right;width:300px;"

      >

      Nombre: <input type="text"

             name="cosa"

             id="cosa"><br>

      Apellidos: <input type="text"

             name="cosa"

             id="cosa"><br>

      Dirección: <input type="text"

             name="cosa"

             id="cosa"><br>

      Nombre del perro: <input type="text"

             name="cosa"

             id="cosa"><br>

      Pais: <input type="text"

             name="cosa"

             id="cosa"><br>

      Conocidos con perro: <input type="text"

             name="cosa"

             id="cosa"><br>

             <input onclick="comprobar()"

                     type="button"

                    name="enviar"

                    value="Enviar!">

    

      

      

      

      </form>

 
 
</body>

</html>

KarlanKas

29/04/2003 11:11

125.- Contar caracteres iguales seguidos en un input

P.-Cómo saber si han rellenado un input con varios caracteres iguales?
R.-Por medio de este script:

Tema: Formularios

Código PHP:

   <html>

<head>

    <title>Contando letritas</title>

    <script>

//Script original de KarlanKas para Forosdelweb.com

 
 
    record=0;

    igual=1;

    var letraRecord

    var b=0

    var letra=""

    function comprobar(esto){

    

    for (a=1;a<esto.length;a++){

    

    if (esto.charAt(a)==esto.charAt(b)){

    igual=igual+1;

    letra=esto.charAt(a);}

    else{

    if(igual>record){record=igual;letraRecord=letra}

    igual=1

    }

    b=a

    }

    if(igual>record){record=igual;letraRecord=letra}

    if (record>1){alert("La letra que más se repite es la "+letraRecord+" que aparece seguida "+record+" veces.")}

    else {alert("Ninguna letra se repite seguida");}

    }

    </script>

</head>

 
<body>

<form action="javascript:alert('HOLAA!!')"

      method="post"

      name="formuario"

      id="formuario">

      

      <input type="text"

             name="caja"

             size="130"

             onblur="comprobar(this.value)">

      

      

      </form>

 
 
</body>

</html>

Dernuke propone una versión usando expresiones regulares y propone algún variante:

Código:

<html>

<head>

<title>Contando letritas</title>

<script>

// por derkeNuke

function comprobar(str) {
 
 

    var res=str.match(/([a-z]){1}\1+/gi);

    

    

    mensaje="Las repeticiones de letras seguidas son: \r";

    for(a=0; a<res.length; a++)

        mensaje+="- "+res[a].substring(0,1)+" "+res[a].length+" veces.\r";

    alert(mensaje);

    

    

    // si queremos ordenar el resultado de mayor a menor repeticion:

    res.sort( function(a,b) {

        if(a.length>b.length) return -1;

        else if(a.length==b.length) return 0;

        else return 1;

    } );

    

    

    mensaje="Las repeticiones de letras seguidas ya ordenadas son: \r";

    for(a=0; a<res.length; a++)

        mensaje+="- "+res[a].substring(0,1)+" "+res[a].length+" veces.\r";

    alert(mensaje);

    

    

}

</script>

</head>
 

<body>

<form action="javascript:alert('HOLAA!!')"

      method="post"

      name="formuario"

      id="formuario">

       

      <input type="text"

             name="caja"

             size="130"

             value="eqewwqFaaaasscccFasaeqw"

             onblur="comprobar(this.value)">

      </form>
 
 

</body>

</html>

KarlanKas

29/04/2003 11:25

126.- Botones de indicación de navegación

P.- Me gustaría saber cómo puedo hacer para que además de que mis botones cambien de imagen cuando paso por encima con el ratón (de imagen A a Imagen B), también cambie a una tercera imagen diferente cuando hago ‘clic’ con el ratón sobre el botón, y que permanezca así hasta que pinche con el ratón en otra opción diferente del menú, momento en el que el enlace anteriormente abierto debe volver a la imagen A.

R.- Con este código:

Código PHP:

   <html>

<head>

 
    <script>

    //Script original de KarlanKas para forosdelweb.com

    var imagen=new Array;

    imagen[0]=new Image;

    imagen[0].no=new Image();

    imagen[0].pincha=new Image();

    imagen[0].si=new Image();

    

    imagen[1]=new Image;

    imagen[1].no=new Image();

    imagen[1].pincha=new Image();

    imagen[1].si=new Image();

 
    imagen[2]=new Image;

    imagen[2].no=new Image();

    imagen[2].pincha=new Image();

    imagen[2].si=new Image();

 
    imagenAnterior=new Image;

    

    var numeroAnterior=0

//--------- PON AQUÍ LA RUTA DE LAS IMÁGENES (NO HAN DE SER ABSOLUTAS)---------------

    

    imagen[0].no.src="no.gif";

    imagen[0].pincha.src="hazclick.gif";

    imagen[0].si.src="si.gif";

    

    imagen[1].no.src="no1.gif";

    imagen[1].pincha.src="hazclick1.gif";

    imagen[1].si.src="si1.gif";

    

    imagen[2].no.src="no2.gif";

    imagen[2].pincha.src="hazclick2.gif";

    imagen[2].si.src="si2.gif";

    

    

 
//------------------------------------------------------------------------------------    

    function cliqueo(esto,numero){

    imagenAnterior.src=imagen[numeroAnterior].no.src;

    imagenAnterior=esto;

    numeroAnterior=numero

    esto.src=(esto.src!=imagen[numero].si.src)?imagen[numero].si.src:imagen[numero].no.src;

    }

    

    </script>

    </head>

 
<body>

<a onfocus="this.blur()" href=#>

    <img     

            border=0 

            src="no.gif" 

            onclick="cliqueo(this,0)"

            onmouseover="if (this.src==imagen[0].no.src){this.src=imagen[0].pincha.src}"

            onmouseout="if (this.src==imagen[0].pincha.src){this.src=imagen[0].no.src}"

            >

</a>

 
<a onfocus="this.blur()" href=#>

    <img     border=0 

            src="no1.gif" 

            onclick="cliqueo(this,1)"

            onmouseover="if (this.src==imagen[1].no.src){this.src=imagen[1].pincha.src}"

            onmouseout="if (this.src==imagen[1].pincha.src){this.src=imagen[1].no.src}"

            >

</a>

 
<a onfocus="this.blur()" href=#>

    <img     border=0 

            src="no2.gif" 

            onclick="cliqueo(this,2)"

            onmouseover="if (this.src==imagen[2].no.src){this.src=imagen[2].pincha.src}"

            onmouseout="if (this.src==imagen[2].pincha.src){this.src=imagen[2].no.src}"

            >

</a>

</body>

</html>

KarlanKas

29/04/2003 11:28

127.- Rellenar cajas de texto con select de un pop up

P.- Cómo rellenar cajas de texto con elementos seleccionados de un pop up?

R.- Con este código:

Tema:Formularios

Código PHP:

   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

 
<html>

<head>

    <title>Untitled</title>

    <script>

//Script original de KarlanKas para forosdelweb.com

 
    camisa=["Seleccione...","Roja","Verde","Amarilla"];

    pantalon=["Seleccione...","De campana","pitillo","chino","pata de elefante"]

    sombrero=["Seleccione...","De Ala Ancha","Hongo","Chistera","Boina","Gorra"]

 
    function elegir(esto){

 
    lista=esto.value

    opcion=eval(lista);

    codigo='<select style="font: normal 10px/20px verdana; color: navy" name="opciones" onChange="opener.formulario.enviar.disabled=false;opener.formulario.que'+lista+'.value=unescape(this.options.value); self.close()" >';

    for (a=0;a<opcion.length;a++){

    codigo+="<option value="+escape(opcion[a])+">"+opcion[a]+"</option>\n";

    }

    codigo+="</select>";

 
    pepe=window.open('','','width=200,height=50');

    pepe.document.write("<html>");

    pepe.document.write("<head>");

    pepe.document.write("    <title>Elige Opción</title>");

    pepe.document.write("</head>");

    pepe.document.write('<body bgcolor="#ffffcc">');

    pepe.document.write(codigo);

    pepe.document.write("</body>");

    pepe.document.write("</html>");

    }

    

    </script>

</head>

 
<body>

<form action="javascript:alert('Enviandooo!!')"

      name="formulario"

      id="formulario"

      style="font: normal 10px/20px verdana; color: navy"

      title="Elige que comprar">

      <input type="radio"

             name="opcion"

             value="camisa"

             onClick="elegir(this)">camisa<br>

    <input style="border:solid 1px black" type="text"

           name="quecamisa"

           readonly><br>

           

    <input type="radio"

             name="opcion"

             value="pantalon"

             onClick="elegir(this)">pantalón<br>

             

    <input style="border:solid 1px black" type="text"

           name="quepantalon"

           readonly><br>

                

    <input type="radio"

             name="opcion"

             value="sombrero"

             onClick="elegir(this)">sombrero<br>

             

    <input style="border:solid 1px black" type="text"

           name="quesombrero"

           readonly><br><br>

           

    

                      

    <input     style="heigth:15px;font: normal 10px/10px verdana; color: navy"

            type="submit"

            id="enviar"

           value="Enviar!"

           disabled>  

      </form>

 
 
</body>

</html>

alan	29/04/2003 16:46

128. Como mostrar 4 imagenes de la BDs para luego hacer navegacion con MouseOver?

La respuesta

Código PHP:

   <head>

<script>

 
function changeimage(towhat,url){

if (document.images){

document.images.targetimage.src=towhat.src

gotolink=url

}

}

function warp(){

window.location=gotolink

}

 
</script>

 
<script language="JavaScript1.1">

var myimages=new Array()

var gotolink="#"

 
function preloadimages(){

for (i=0;i<preloadimages.arguments.length;i++){

myimages[i]=new Image()

myimages[i].src=preloadimages.arguments[i]

}

}

</script>

</head>

 
Esto dentro del body para la precarga de las imagenes:

 
 
<script>

    preloadimages("<%=rs("foto1")%>","<%=rs("foto2")%>","<%=rs("foto3")%>","<%=rs("foto4")%>")

</script>

 
 
Aqui va la imagen mas grande que sera reemplazada por las de abajo cuando se haga el mouseover:

ponerla donde quiera 

 
<a href="javascript:warp()"><img src="<%= rs("foto1") %>" name="targetimage" border=0 width=175 height=200></a>

 
Y esto donde van las imagenes para hacer el mouse over:

 
<td><a href="verfoto.asp?id=<%=rs("id")%>" onMouseover="changeimage(myimages[0],this.href)">

  <img src="<%=rs("foto1") %>" border=0 width="36" height="41"></a></td>

 
<td><a href="verfoto.asp?id=<%=rs("id")%>" onMouseover="changeimage(myimages[1],this.href)"> 

  <img src="<%= rs("foto1") %>" border=0 width="36" height="41"></a></td>

 
<td><a href="verfoto.asp?id=<%=rs("id")%>" onMouseover="changeimage(myimages[2],this.href)"> 

  <img src="<%= rs("foto1") %>" border=0 width="36" height="41"></a></td>

 
<td><a href="verfoto.asp?id=<%=rs("id")%>" onMouseover="changeimage(myimages[3],this.href)"> 

  <img src="<%= rs("foto1") %>" border=0 width="36" height="41"></a></td>

Renegado

30/04/2003 21:57

129.- Validar Campo Vacio

P.- Como validar que un campo sea vacio,aunque se haya presionado la barra espaciadora ?

R.-

Código:

<html>

<head>

<script language="JavaScript">

<!-- 

function verificar()

{

if(form1.nombre_campo.value.replace(/ /g, '') == '')

{

alert("Debe Ingresar un valor ");

form1.nombre_campo.focus();

form1.nombre_campo.select();

return false;

}

}

-->

</script>

<title>Validar Campo Vacio</title>

</head>

<body>

<form name="form1">

<input name="nombre_campo" type="text" size="15" maxlength="15">

<input type="button" name="Validar" value="Validar" onclick="verificar()">

</form>

</body>

</html>

caricatos

01/05/2003 01:44

130. Fondo degradado

P .- Como puedo poner un fondo degradado en una página.

R .- Poniendo mediante un script que en primer lugar averigue las dimensiones de la página, y luego inserte en una capa vacía una tabla vacía pero con el fondo de cada celda con distinto color.
Los tamaños de las celdas, se calculan a partir de los datos del tamaño de la página, y los colores se generan dinámicamente.

Ejemplo:

Código PHP:

   <html>

<head>

<title>

    Degradado

</title>

<script language=javascript>

function color(n)    {

    return "0123456789ABCDEF".charAt(parseInt(n / 16)) + "0123456789ABCDEF".charAt(parseInt(n % 16));

}

 
function ini()    {

    var elFondo = document.getElementById("fondo").style;

    var ancho = document.body.clientWidth;

    var alto =  document.body.clientHeight;

    elFondo.width = ancho;

    elFondo.height = alto;

    var altoCelda = alto / 256;

    var tabla = "<table cellpadding=0 cellspacing=0 width=100% height=100%>";

    for (var i = 255; i >= 0; i --)

        tabla += "<tr><td width=100% height=" + altoCelda + " style='background-color: #FF" + color(i) + "00' ></td></tr>"

    tabla += "</table>";

    document.getElementById("fondo").innerHTML = tabla;

}

</script>

 </head>

<body style="margin:0" onresize=ini() onload="ini()">

<div style="position: relative">

<div id=fondo style="position:absolute; top:0; left:0;"></div>

<div id=general style="position:absolute; top:0; left:0;">

<table border=1>

<tr>

<td >

Tabla sin importancia

</td></tr></table>

<div>

</div>

</body>

</html>

Para que funcione con otros colores y otro nº de pasos intermedios, se puede usar otra FAQ: http://www.forosdelweb.com/showthrea...567#post903567

Y quedaría así:

Código:

<html> 

<head> 

<title> 

    Degradado 

</title> 

<script language=javascript src="gradientes.js"> 

</script>

<script language=javascript> 
 

function ini()    { 

    var colores = transitar("ff0000", "0000ff", 256);

    var elFondo = document.getElementById("fondo").style; 

    var ancho = document.body.clientWidth; 

    var alto =  document.body.clientHeight; 

    elFondo.width = ancho; 

    elFondo.height = alto; 

    var altoCelda = alto / 256; 

    var tabla = "<table cellpadding=0 cellspacing=0 width=100% height=100%>"; 

    for (var i = 0; i < colores.length; i ++) 

        tabla += "<tr><td width=100% height=" + altoCelda + " style='background-color: " + colores[i] + "' ></td></tr>" 

    tabla += "</table>"; 

    document.getElementById("fondo").innerHTML = tabla; 

} 

</script> 

</head> 

<body style="margin:0" onresize=ini() onload="ini()"> 

<div style="position: relative"> 

<div id=fondo style="position:absolute; top:0; left:0;"></div> 

<div id=general style="position:absolute; top:0; left:0;"> 

<table border=1> 

<tr> 

<td > 

Tabla sin importancia 

</td></tr></table> 

<div> 

</div> 

</body> 

</html>

Notas: Deben indicarse los colores y el nº de pasos en la función transitar:
var colores = transitar("ff0000", "0000ff", 256);
Es preferible no usar un número de pasos muy grande para evitar una ralentización innecesaria.

:adios:

Kaopectate

06/05/2003 15:22

131.- Validar la entrada de un campo numérico y dar formato al resultado

P: ¿Como puedo hacer una entrada de datos donde se valide el ingreso de caracteres numéricos o los signos ",.-" y que al salir del mismo aparezca el resultado con decimales y formato para los miles?

Créditos: Mackpipe

R: [ver ejemplo]

Código PHP:

   <html>

 <head>

  <script>

   function NumberFormat(num, numDec, decSep, thousandSep){

    var arg;

    var Dec;

    Dec = Math.pow(10, numDec); 

    if (typeof(num) == 'undefined') return; 

    if (typeof(decSep) == 'undefined') decSep = ',';

    if (typeof(thousandSep) == 'undefined') thousandSep = '.';

    if (thousandSep == '.')

     arg=/./g;

    else

     if (thousandSep == ',') arg=/,/g;

    if (typeof(arg) != 'undefined') num = num.toString().replace(arg,'');

    num = num.toString().replace(/,/g, '.'); 

    if (isNaN(num)) num = "0";

    sign = (num == (num = Math.abs(num)));

    num = Math.floor(num * Dec + 0.50000000001);

    cents = num % Dec;

    num = Math.floor(num/Dec).toString(); 

    if (cents < (Dec / 10)) cents = "0" + cents; 

    for (var i = 0; i < Math.floor((num.length - (1 + i)) / 3); i++)

     num = num.substring(0, num.length - (4 * i + 3)) + thousandSep + num.substring(num.length - (4 * i + 3));

    if (Dec == 1)

     return (((sign)? '': '-') + num);

    else

     return (((sign)? '': '-') + num + decSep + cents);

   } 

 
   function EvaluateText(cadena, obj){

    opc = false; 

    if (cadena == "%d")

     if (event.keyCode > 47 && event.keyCode < 58)

      opc = true;

    if (cadena == "%f"){ 

     if (event.keyCode > 47 && event.keyCode < 58)

      opc = true;

     if (obj.value.search("[.*]") == -1 && obj.value.length != 0)

      if (event.keyCode == 46)

       opc = true;

    }

    if(opc == false)

     event.returnValue = false; 

   }

  </script>

 </head>

 <body>

  <form name="frm">

   numero

   <input type="text" name="input1" size="15" value="500034567" onkeypress="EvaluateText('%f', this);" onBlur="this.value = NumberFormat(this.value, '2', '.', ',')"><br><br>

  </form>

 </body>

</html>

davidvamo

08/05/2003 01:45

132.- Cambiar color a las celdas de una tabla

P: ¿Como puedo alterar el color de una celda donde se ha producido un click, retornando luego al color original cuando se produzca un click en otra celda?

R:

Código PHP:

   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

 
<html>

<head>

    <title>Untitled</title>

    <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

  <!--

        var celda_ant;

        

        celda_ant="";

        

      function ilumina(celda){

          if (celda_ant=="")

            {

                celda_ant = celda;

            }

          celda_ant.style.backgroundColor="green";

            celda.style.backgroundColor="yellow";

            celda_ant = celda;

        }

  //-->

  </SCRIPT>

</head>

 
<body>

 
<table border="1" width="50%">

    <tr>

        <td bgcolor="green" onclick="ilumina(this)">rrr</td>

        <td bgcolor="green" onclick="ilumina(this)">iii</td>

        <td bgcolor="green" onclick="ilumina(this)">rrr</td>

        <td bgcolor="green" onclick="ilumina(this)">iii</td>

    </tr>

    <tr>

        <td bgcolor="green" onclick="ilumina(this)">rrr</td>

        <td bgcolor="green" onclick="ilumina(this)">iii</td>

        <td bgcolor="green" onclick="ilumina(this)">rrr</td>

        <td bgcolor="green" onclick="ilumina(this)">iii</td>

    </tr>

</table>

 
</body>

</html>

Kaopectate

12/05/2003 12:52

133.- Llenar un campo de un formulario desde un popup

P: ¿Como puedo llenar un campo de un formulario a partir de un valor seleccionado en un popup?

R: [ver ejemplo]

Formulario.htm

Código PHP:

   <html>

 <head>

  <script language="JavaScript">

   function buscar(){

    open("Popup.htm");

   }

  </script>

 </head>

 <body>

  <form name="frm">

   <table border="0">

    <tr>

     <td align="right">

      Editorial

     </td>

     <td>

      <input type="text" name="editorial">

      <input type="button" value="buscar" onclick="buscar()"><br>

     </td>

    </tr>

   </table>

  </form>

 </body>

</html>

Popup.htm

Código PHP:

   <html>

 <head>

  <script language="JavaScript">

   var seleccionado = "";

   var aEdit = new Array(

                "MacGraw_Hill",

                "Microsoft_Press",

                "Salvat"

               );

 
   function cambiaSel(chk){

    seleccionado = chk.value;

   }

 
   function envia(){

    opener.document.frm.editorial.value = seleccionado;

    close();

   }

  </script>

 </head>

 <body>

  <form name="frm2">

   <script language="JavaScript">

    for (var i = 0; i < aEdit.length; i++)

     document.write("<input type='radio' name='ed' value='" + aEdit[i] + "' onclick='cambiaSel(this)'>" + aEdit[i] + "<br>");

   </script>

   <input type="button" name="enviar" value="Enviar" onclick="envia()">

  </form>

 </body>

</html>

joseisrael

13/05/2003 07:07

134.- Trabajando con Múltiples Checkbox

P: ¿Cómo Selecciono o Desmarco Varios Checkbox al mismo tiempo?

R:

Cita:

Este Código va en el Header

Código:

<SCRIPT LANGUAGE="JavaScript">
 

<!-- Begin

var checkflag = "false";

function check(field) {

if (checkflag == "false") {

for (i = 0; i < field.length; i++) {

field[i].checked = true;}

checkflag = "true";

return "Uncheck All"; }

else {

for (i = 0; i < field.length; i++) {

field[i].checked = false; }

checkflag = "false";

return "Check All"; }

}

// End -->

</script>

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

Cita:

Este Código va dentro del BODY

Código:

<form name="name">
 

<input type="checkbox" name="SLT_ALL" value="Check All" onClick="this.value=check(this.form.lista)">
 

<input type="checkbox" name="lista" value="a">

<input type="checkbox" name="lista" value="b">

<input type="checkbox" name="lista" value="c">

<input type="checkbox" name="lista" value="d">

<input type="checkbox" name="lista" value="e">

<input type="checkbox" name="lista" value="f">
 

</form>

Este Script lo consegui en:






Suerte

Carlitos

28/05/2003 14:38

135.- Rotador de banner

P.- ¿Cómo puedo realizar un rotador de banners sencillo?

R.- Probado en: IE 5+, Netscape 7, Opera 7, Firefox 1[Ejemplo]

Código:

<script>

// Rotador de banner's . Carlitos. [email protected]
 

var ban = new Array()

var enl = new Array()

var indice = 0
 

ban[0] = new Image()

ban[0].src = "mdw.gif"

enl[0] = "http://www.maestrosdelweb.com"
 

ban[1] = new Image()

ban[1].src = "faq.gif"

clara[1] = "http://www.faqsdelweb.com"
 

ban[2] = new Image()

ban[2].src = "script.gif"

enl[2] = "http://www.webtutorial.com.ar/scriptmaster/"
 

ban[3] = new Image()

ban[3].src = "webest.gif"

enl[3] = "http://www.webestilo.com"
 

function rota()

{

if (indice ==  ban.length) indice = 0
 

if (document.images)

 {

  document.images.fotico.src = ban[indice].src  

 }

else

 {

  document.getElementById('fotico').src=ban[indice].src

 }

indice++

setTimeout('rota()',2000)

}

function vete()

{

window.open(enl[indice-1])

}

</script>

<body onload=rota()>

<img src="" id="fotico" onclick="vete()">

eriso79

06/06/2003 14:48

136.- Agregar elementos dinámicamente

P: ¿Como puedo agregar dinámicamente en una forma, elementos tipo text y textarea?

R:

Código PHP:

   <html>

<head>

<title>Form Page</title>

<!-- Javascript code for the dynamic form elements. -->

<script>

    // Declare the form field count javascript variable so you know how many the user have added.

    //The CGI.REQUEST_METHOD bit is the CF code for setting this variable back to the count where it was last up to.

    var tFormFieldCount = 1;

    var tFormFieldList = "";

    

    // Function to dynamically insert the form field to the cell below. If you want textareas or other form elements, just create another function and change the html insert text below.

    function MakeOne(FieldType) {

        // Depending on what type of form fields the user choose then dynamically write the appropriate form element to the page

        if (FieldType == 'TextInput') {

            document.getElementById('DynamicContent').innerHTML += 'Form Element ' + tFormFieldCount + '- Text input box&nbsp;&nbsp;<input type="text" name="TextInput' + tFormFieldCount + '"><br>';

        } else if (FieldType == 'Textarea') {

            document.getElementById('DynamicContent').innerHTML += 'Form Element ' + tFormFieldCount + '- Textarea&nbsp;&nbsp;<textarea name="Textarea' + tFormFieldCount + '" cols=30 rows=3></textarea><br>';

        }

        

        // Populate the form element list.

        if (tFormFieldList == "") {

            tFormFieldList = FieldType;

        } else {

            tFormFieldList += "," + FieldType;

        }

        

        document.forms[0].FormFieldCount.value = tFormFieldCount;

        document.forms[0].FormFieldList.value = tFormFieldList;

        tFormFieldCount++;

    }

    

    // Just a function to check if the user have added any text input fields.

    function CheckIt() {

        if (tFormFieldCount == 1) {

            alert('You must add at least one text input field.');

            return false;

        }

    return true;

    }

</script>

</head>

 
<body bgcolor="#FFFFFF">

<!-- HTML form tag. -->

<!-- Action attribute specify where the form data is to be sent to  -->

<!-- Method attribute specify what method the form data is to be sent. POST or GET. Default is GET. -->

<form action="ResultsPage.cfm" method="post" onSubmit="return CheckIt();">

    <table cellspacing=0 cellpadding=4 border=1>

        <tr><td align="right"><input type="button" value="Add Form Text Fields" onClick="MakeOne('TextInput');">&nbsp;&nbsp;<input type="button" value="Add Form Textarea" onClick="MakeOne('Textarea');"></td></tr>

        <tr>

            <td id="DynamicContent" valign="top">

                <!-- Cold fusion code again to test to see if the request method of this page is POST or GET. -->

                <!-- If is POST then you know is from the result page and there's data to be output. -->

                

            </td>

        </tr>

        <tr>

            <td align="right" colspan=2>

                <!-- Hidden form field to pass the count of the text inputs to the result page. -->

                <input type="hidden" name="FormFieldList">

                <input type="hidden" name="FormFieldCount">

                <input type="submit" value="Send It">

            </td>

        </tr>

    </table>

</form>

</body>

</html>

Kaopectate

11/06/2003 15:24

137.- Comparar las palabras de dos listas

P: ¿Como puedo comparar las palabras de un elemento textarea respecto a las palabras existentes en otro textarea?

R:

Código PHP:

   <html>

 <head>

  <script language="JavaScript">

 
   function separa(sTxt, sSep){

    var sTx2 = "";

    var bPalabra = false;

    for (var j = 0; j < sTxt.length; j++){

     if (sSep.indexOf(sTxt.charAt(j)) != -1){

      if (bPalabra) sTx2 += " ";

      bPalabra = false;

     } else {

      bPalabra = true;

      sTx2 += sTxt.charAt(j);

     }

    }

    return sTx2;

   }

 
   function comunes(aIzq, aDer){

    var i, j, nRes, sPal;

    nRes = 0;

    sPal = "";

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

     for (j = 0; j < aDer.length; j++)

      if (aIzq[i] == aDer[j])

       if (sPal.indexOf(aIzq[i]) == -1){

        nRes++;

        sPal += " " + aIzq[i];

       }

    document.frm.comunes.value = String(nRes);

   }

 
   function soloEnA(aIzq, aDer){

    var i, j, nRes, sPal, bPresente;

    nRes = 0;

    sPal = "";

    for (i = 0; i < aIzq.length; i++){

     bPresente = false;

     for (j = 0; (j < aDer.length) && !bPresente; j++)

      bPresente = (aIzq[i] == aDer[j])

     if (!bPresente && (sPal.indexOf(aIzq[i]) == -1)){

      nRes++;

      sPal += " " + aIzq[i];

     }

    }

    document.frm.soloA.value = String(nRes);

   }

 
   function soloEnB(aIzq, aDer){

    var i, j, nRes, sPal, bPresente;

    nRes = 0;

    sPal = "";

    for (i = 0; i < aDer.length; i++){

     bPresente = false;

     for (j = 0; (j < aIzq.length) && !bPresente; j++)

      bPresente = (aDer[i] == aIzq[j])

     if (!bPresente && (sPal.indexOf(aDer[i]) == -1)){

      nRes++;

      sPal += " " + aDer[i];

     }

    }

    document.frm.soloB.value = String(nRes);

   }

 
   function calcula(){

    var sIzq, sDer, aIzq, aDer;

    sIzq = separa(document.frm.texto.value, ";.,:");

    sDer = separa(document.frm.diccionario.value, ";.,:");

    sIzq = sIzq.replace(/[rnf]/g, " ");

    sDer = sDer.replace(/[rnf]/g, " ");

    aIzq = sIzq.split(" ");

    aDer = sDer.split(" ");

    comunes(aIzq, aDer);

    soloEnA(aIzq, aDer);

    soloEnB(aIzq, aDer);

   }

  </script>

 </head>

 <body>

  <form name="frm">

   <table border="0">

    <tr>

     <td align="center">

      Area A

     </td>

     <td align="center">

      Area B

     </td>

    </tr>

    <tr>

     <td align="left">

      <textarea name="texto" onkeyup="calcula()"></textarea>

     </td>

     <td align="right">

      <textarea name="diccionario" onkeyup="calcula()"></textarea>

     </td>

    </tr>

    <tr>

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

      <table border="0">

       <tr>

        <td align="left">

         En A y no en B

        </td>

        <td align="center">

         Comunes

        </td>

        <td align="right">

         En B y no en A

        </td>

       </tr>

       <tr>

        <td align="left">

         <input type="text" name="soloA">

        </td>

        <td align="center">

         <input type="text" name="comunes">

        </td>

        <td align="right">

         <input type="text" name="soloB">

        </td>

       </tr>

      </table>

     </td>

    </tr>

   </table>

  </form>

 </body>

</html>

Kaopectate

13/06/2003 12:13

138.- Manipulación de strings

P: ¿Como puedo eliminar los espacios en blanco del comienzo o del final de una cadena?

R:

Código PHP:

   <html>

 <head>

   <script language="JavaScript">

 
    function lTrim(sStr){

     while (sStr.charAt(0) == " ") 

      sStr = sStr.substr(1, sStr.length - 1);

     return sStr;

    }

 
    function rTrim(sStr){

     while (sStr.charAt(sStr.length - 1) == " ") 

      sStr = sStr.substr(0, sStr.length - 1);

     return sStr;

    }

 
    function allTrim(sStr){

     return rTrim(lTrim(sStr));

    }

 
    function prueba(){

     with (document.frm){

      original.value = ">" + usuario.value + "<";

      lTrimmed.value = ">" + lTrim(usuario.value) + "<";

      rTrimmed.value = ">" + rTrim(usuario.value) + "<";

      allTrimmed.value = ">" + allTrim(usuario.value) + "<";

     }

    }

 
   </script>

  </head>

 <body>

  <form name="frm">

   <table border="0">

    <tr>

     <td align="right">

      Valor

     </td>

     <td>

      <input type="text" name="usuario" value="    Un valor      "><br>

     </td>

    </tr>

    <tr>

     <td align="right">

      Original

     </td>

     <td>

      <input type="text" name="original" readonly><br>

     </td>

    </tr>

    <tr>

     <td align="right">

      Trim izquierdo

     </td>

     <td>

      <input type="text" name="lTrimmed" readonly><br>

     </td>

    </tr>

    <tr>

     <td align="right">

      Trim derecho

     </td>

     <td>

      <input type="text" name="rTrimmed" readonly><br>

     </td>

    </tr>

    <tr>

     <td align="right">

      Trim completo

     </td>

     <td>

      <input type="text" name="allTrimmed" readonly><br>

     </td>

    </tr>

    <tr>

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

      <input type="button" value="Calcula" onclick="prueba()">

     </td>

    </tr>

   </table>

  </form>

 </body>

</html>

Kaopectate

24/06/2003 17:53

139.- Calendario

P: ¿Como puedo poner un calendario para seleccionar los campos fecha?

R:

Calendario.htm

Código PHP:

   <html>

 <head>

  <script language="JavaScript">

 
   var dFec = new Date();

   var aMonthNames = new Array(

                          "January", "February", "March", "April", "May", "June",

                          "July", "August", "September", "October", "November", "December");

 
   function firstOfMonth(dFec){

    var dRes = new Date();

    dRes.setYear(dFec.getYear());

    dRes.setMonth(dFec.getMonth());

    dRes.setDate(1);

    return dRes;

   }

 
   function lastDayOfMonth(dFec){

    var dRes = new Date();

    var nYear = dFec.getYear();

    var nMonth = dFec.getMonth() + 1;

    if (nMonth == 12){

     nMonth = 0;

     nYear++;

    }

    dRes.setYear(nYear);

    dRes.setMonth(nMonth);

    dRes.setDate(1);

    return new Date(dRes.valueOf() - (24 * 60 * 60 * 1000));

   }

 
   function dayToWrite(nDay){

    var dToday = new Date();

    var bisThisMonth = ((dFec.getYear() == dToday.getYear()) && (dFec.getMonth() == dToday.getMonth()));

    var sDay = String(nDay);

    sDay = (nDay == dFec.getDate() && bisThisMonth? "<b><font color='red'>" + sDay + "</font></b>": sDay);

    return sDay;

   }

 
   function selectDay(nDay){

    var sRes, sDay, sMon, sYea;

    sDay = "0" + String(nDay);

    sDay = sDay.substr(sDay.length - 2, 2);

    sMon = "0" + String(dFec.getMonth() + 1);

    sMon = sMon.substr(sMon.length - 2, 2);

    sYea = String(dFec.getFullYear());

    sRes = sDay + "/" + sMon + "/" + sYea;

    opener.document.forms[0].dateResult.value = sRes;

    opener.fillDateField();

    close();

   }

 
   function showCalenContents(){

    var dFec0 = firstOfMonth(dFec);

    var nDay = 1;

    var nLastDay = lastDayOfMonth(dFec).getDate();

    var sWeek = "";

    var bEnd = false;

    var bWri = false;

    var nDOW0 = dFec0.getDay();

    for (var j = 0; !bEnd; j++){

     sWeek = "<tr>";

     for (var i = 0; (i < 7) && !bEnd; i++){

      bWri = bWri || (i == nDOW0);

      if (bWri)

       sWeek += "<td align='right' style='cursor: hand' onclick='parent.selectDay(" + String(nDay) + ")'>" + dayToWrite(nDay, bWri) + "</td>";

      else

       sWeek += "<td>&nbsp;</td>";

      if (bWri) nDay++;

      bEnd = (nDay > nLastDay);

     }

     if (bEnd) 

      for (var k = i; k < 7; k++)

       sWeek = sWeek + "<td>&nbsp;&nbsp;</td>";

     window.usefull.document.writeln(sWeek + "</tr>");

    }

   }

 
   function backMonth(){

    var nMonth = dFec.getMonth();

    var nYear = dFec.getFullYear();

    if (--nMonth == -1){

     nMonth = 11;

     nYear--;

    }

    dFec.setMonth(nMonth);

    dFec.setYear(nYear);

    calendary();

   }

 
   function forthMonth(){

    var nMonth = dFec.getMonth();

    var nYear = dFec.getFullYear();

    if (++nMonth == 12){

     nMonth = 0;

     nYear++;

    }

    dFec.setMonth(nMonth);

    dFec.setYear(nYear);

    calendary();

   }

 
   function backYear(){

    var nYear = dFec.getFullYear();

    dFec.setYear(--nYear);

    calendary();

   }

 
   function forthYear(){

    var nYear = dFec.getFullYear();

    dFec.setYear(++nYear);

    calendary();

   }

 
   function showCalen(){

    with (window.usefull.document){

     write("<table border='0' width='100%' height='100%'><tr><td><table border='0' width='100%'><tr>");

     write("<td width='10'><input type='button' name='bckYear' value='<<' onclick='parent.backYear()'></td>");

     write("<td width='10'><input type='button' name='bckMonth' value='<' onclick='parent.backMonth()'></td>");

     write("<td align='center'><b>" + aMonthNames[dFec.getMonth()].substr(0, 3) + ", " + String(dFec.getYear()) + "</b></td>");

     write("<td width='10'><input type='button' name='ForMonth' value='>' onclick='parent.forthMonth()'></td>");

     write("<td width='10'><input type='button' name='ForYear' value='>>' onclick='parent.forthYear()'></td>");

     write("</tr></table></tr><tr><td>");

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

     write("<tr><td><b>Su</b></td><td><b>Mo</b></td><td><b>Tu</b></td><td><b>We</b></td><td><b>Th</b></td><td><b>Fr</b></td><td><b>Sa</b></td></tr>");

     showCalenContents();

     write("</table></td></tr></table>");

    }

   }

 
   function calendary(){

    with (window.usefull.document){

     open();

     writeln("<html><head></head><body>");

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

     showCalen();

     writeln("</form></body></html>");

     close();

    }

   }

 
  </script>

 <head>

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

  <frame name="usefull" src="DummyPg.htm" frameborder="no" marginheight="0" marginwidth="0" scrolling="no">

  <frame name="useless" src="DummyPg.htm" frameborder="no" marginheight="0" marginwidth="0" scrolling="no">

 </frameset>

<html>

Modo de uso: testCalen.htm

Código PHP:

   <html>

 <head>

  <script language="JavaScript">

 
   var nInput;

 
   function calen(n){

    var oWnd;

    nInput = n;

    oWnd = open("Calendario.htm", "fechas", "location=no,menubar=no,resizable=no,scrollbars=no,status=no,toolbar=no,width=180,height=200");

    oWnd.focus();

   }

 
   function fillDateField(){

    with (document.frm)

     if (nInput == 1)

      fechaInicial.value = dateResult.value;

     else

      fechaFinal.value = dateResult.value;

   }

 
  </script>

 <head>

 <body>

  <form name="frm">

   <table border="0">

    <tr>

     <td>

      Desde

     </td>

     <td>

      <input type="text" name="fechaInicial">

      <input type="button" value="..." onclick="calen(1)">

     </td>

    </tr>

    <tr>

     <td>

      Hasta

     </td>

     <td>

      <input type="text" name="fechaFinal">

      <input type="button" value="..." onclick="calen(2)">

     </td>

    </tr>

   </table>

   <input type="hidden" name="dateResult">

  </form>

 <body>

<html>

Página "dummy": DummyPg.htm

Código PHP:

   <html>

 <head>

 </head>

 <body>

 </body>

</html>

Mickel

30/06/2003 11:00

140. P:Como validar que se seleccionen solo archivos de determinado tipo en un INPUT TYPE='FILE'?

R: Usa esta funcion

Código PHP:

   function LimitAttach(tField,iType) {

file=tField.value;

if (iType==1) {

extArray = new Array(".gif",".jpg",".png");

}

if (iType==2) {

extArray = new Array(".swf");

}

if (iType==3) {

extArray = new Array(".exe",".sit",".zip",".tar",".swf",".mov",".hqx",".ra",".wmf",".mp3",".qt",".med",".et");

}

if (iType==4) {

extArray = new Array(".mov",".ra",".wmf",".mp3",".qt",".med",".et",".wav");

}

if (iType==5) {

extArray = new Array(".html",".htm",".shtml");

}

if (iType==6) {

extArray = new Array(".doc",".xls",".ppt");

}

allowSubmit = false;

if (!file) return;

while (file.indexOf("\\") != -1) file = file.slice(file.indexOf("\\") + 1);

ext = file.slice(file.indexOf(".")).toLowerCase();

for (var i = 0; i < extArray.length; i++) {

if (extArray[i] == ext) {

allowSubmit = true;

break;

}

}

if (allowSubmit) {

} else {

tField.value="";

alert("Usted sólo puede subir archivos con extensiones " + (extArray.join(" ")) + "\nPor favor seleccione un nuevo archivo");

}

}

de tal forma que en tu input type='file' agreges
onBlur='LimitAttach(this,n);' donde n es el tipo de validacion que deseas hacer

Nota. Los tipos de validaciones mostrados son
1: gif, jpg, png
2: swf
3: exe, sit, zip, tar, swf, mov, hqx, ra, wmf, mp3, qt, med, et
4: mov, ra, wmf, mp3, qt, med, et, wav
5: htm, html, shtml
6: doc, xls, ppt
pero pueden agregarse o cambiarse segun se necesiten

JavierB

30/06/2003 11:44

141.- Calcular el tiempo que tarda en cargarse una página.

P: ¿Como puedo poner en una página el tiempo que ha tardado en cargarse en el navegador del usuario?

R:

Código PHP:

   <html>

<head>

<script>

var inicio=new Date();

inicio=inicio.getTime();

function ini() {

    fin=new Date();

    fin=fin.getTime();

    tiempo=(fin-inicio)/1000; //Gracias por el consejo, Ferny

    document.getElementById('tmp').innerHTML=tiempo;

}

</script>

</head>

 
<body onLoad="ini()">

Tiempo que ha tardado la página en cargarse: <span id="tmp">Calculando...</span> segundos.

</body>

</html>

Kaopectate

08/07/2003 14:36

142.- Generar dinámicamente campos de texto

P: ¿Como puedo generar sobre mi página un número distinto de campos de texto según lo que indique el usuario?

R:

Código PHP:

   <html>

 <head>

  <script language="JavaScript">

 
   var nValores = 0;

 
   function cambiaPg(){

    with (window.pantalla.document){

     nValores = parseInt(frm.cant.value, 10);

    }

    formulario();

   }

 
   function formulario(){

    with (window.pantalla.document){

     open();

     writeln("<html>\n<body>");

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

     writeln(" Número de textos:");

     writeln(" <input type='text' name='cant'>");

     writeln(" <input type='button' name='btn' value='Aplicar' onclick='parent.cambiaPg()'>");

     writeln("<br>");

     for (var i = 0; i < nValores; i++){

      writeln("Valor " + String(i) + ":");

      writeln("<input type='text' name='c" + String(i) + "'><br>");

     }

     writeln("</form>");

     writeln("</body>\n</html>");

     close();

    }

   }

 
   document.writeln("<frameset rows='100%,*' onload='javascript:parent.formulario()'>");

   document.writeln("     <frame name='pantalla' src='DummyPage.htm'>");

   document.writeln("     <frame src=''>");

   document.writeln("</frameset>");

 
  </script>

 </head>

</html>

La zona horaria es GMT -6. Ahora son las 16:42.

Página 7 de 14

Último »

Mostrar 50 mensajes desde este tema en una página