FAQs JavaScript

Kaopectate · #21 (**permalink**) 01/12/2002, 21:45

P: ¿Como puedo comprobar si un checkbox está seleccionado?

R: [ver ejemplo]

Código PHP:

  <html> 
 <head> 
  <script language="JavaScript"> 
   function estado(){ 
    if (document.frm.chk.checked) 
     alert("Marcado"); 
    else 
     alert("Desmarcado"); 
   } 
  </script> 
 </head> 
 <body> 
  <form name="frm" onClick="estado()"> 
   <input type="checkbox" name="chk">Selector<br> 
  </form> 
 </body> 
</html>

Kaopectate · #22 (**permalink**) 01/12/2002, 21:46

P: ¿Como puedo redireccionar mi página a otras dependiendo de la resolución del browser del cliente?

R:

Código PHP:

  <html> 
 <head> 
  <script language="JavaScript"> 
   function redireccionar() { 
    var url640x480 = "http://www.tu-sitio.com/640x480"; 
    var url800x600 = "http://www.tu-sitio.com/800x600"; 
    var url1024x768 = "http://www.tu-sitio.com/1024x768"; 
    var nWdt = screen.width; 
    var nHgh = screen.height; 
    if ((nWdt == 640) && (nHgh == 480)) window.location.href= url640x480; 
    else if ((((nWdt == 800) && (nHgh == 600)) window.location.href= url800x600; 
    else if ((nWdt == 1024) && (nHgh == 768)) window.location.href= url1024x768; 
    else window.location.href= url640x480; 
   } 
  </script> 
 </head> 
 <body onLoad="redireccionar()"> 
 </body> 
</html>

Kaopectate · #23 (**permalink**) 02/12/2002, 08:49

P: ¿Como puedo hacer una página "fullscreen"?

R: [ver ejemplo]

Nota: donde dice "java script" debería decir "JavaScript"

Código PHP:

  <html> 
 <head> 
  <script language="JavaScript"> 
 
   function fullFullScr(){ 
    var vent = null; 
    vent = window.open('','vVent','fullscreen=yes') 
    llenaVentana(vent); 
    // Para direccionar a una página específica, elimine la linea anterior 
    // y utilice la siguiente: 
    // vent.location = "miPagina.htm"; 
   } 
 
   function llenaVentana(vent){ 
    with (vent.document){ 
     open(); 
     write("<html><head></head><body>") 
     write("(Solo funciona sobre IE v.4 o superior)<br>") 
     write("Recuerde colocar un botón para carrar<br><br>") 
     write("<input type='button' value='Cerrar' onclick='JavaScript:window.close()'>") 
     write("</html>") 
     close(); 
    } 
   } 
 
  </script> 
 </head> 
 <body> 
  <input type="button" value="Abrir FullScreen" onclick="fullFullScr()"> 
 </body> 
</html>

Kaopectate · #24 (**permalink**) 02/12/2002, 09:17

P: ¿Como puedo meter mi codigo en un .js?

R:

Veamos como colocar una función dentro de un .js a través de un ejemplo:

Supongamos que tenemos la siguiente página y que deseamos aislar la función

cerrar() dentro de un archivo llamado librerias.js.

Página original

Código PHP:

  <html> 
 <head> 
  <script language="JavaScript"> 
   function cerrar(){ 
    window.close(); 
   } 
  </script> 
 </head> 
 <body> 
  <input type="button" value="Abrir FullScreen" onclick="cerrar()"> 
 </body> 
</html>

Lo primero que debemos hacer es "aislar" el código JavaScript contenido

entre las etiquetas <script> y </script> de la siguiente manera:

librerias.js

Código PHP:

  // Nótese que no se debe colocar ningún tag HTML. Ni siquiera <script>. 
function cerrar(){ 
 window.close(); 
}

La página transformada quedaría de la siguiente manera:

Página transformada

Código PHP:

  <html> 
 <head> 
  <script language="JavaScript" src="librerias.js"> 
  </script> 
 </head> 
 <body> 
  <input type="button" value="Abrir FullScreen" onclick="cerrar()"> 
 </body> 
</html>

Colocar el código de esta manera tiene las siguientes ventajas:
- Da mayor claridad a la página.
- Ayuda a reutilizar el código.
- Dificulta (no imposibilita) la lectura del código por terceros.

Notas:
- Se pueden incluir tantos archivos .js como se necesiten.
- La inclusión puede estar tanto en el <head> como en el <body>.

Mickel · #25 (**permalink**) 02/12/2002, 09:27

P: Como comprobar si todos los radios buttons de un formulario han sido respondidos

R:

Código PHP:

  var el = document.(tu formulario).elements; 
for (var i = 0 ; i < el.length ; ++i) { 
    if (el[i].type == "radio") { 
        var radiogroup = el[el[i].name]; 
        var itemchecked = false; 
        for (var j = 0 ; j < radiogroup.length ; ++j) { 
            if (radiogroup[j].checked) { 
            itemchecked = true; 
            break; 
            } 
        } 
        if (!itemchecked) {  
            i=0; 
            break; 
        } 
    } 
} 
if (i>0) { 
    return true; 
} else { 
    alert("No ha respondido todas las preguntas"); 
    return false; 
}

Kaopectate · #26 (**permalink**) 02/12/2002, 09:48

P: ¿Como puedo habilitar o deshabilitar un campo de texto según la opción seleccionada en un radiobutton?

R: [ver ejemplo]

Código PHP:

  <html> 
 <head> 
  <script language="JavaScript"> 
 
   function habilita(){ 
    document.frm.txt.disabled = false; 
   } 
 
   function deshabilita(){ 
    document.frm.txt.disabled = true; 
    document.frm.txt.value = ""; 
   } 
 
  </script> 
 </head> 
 <body> 
  <form name='frm'> 
   <b>Sexo:</b><br> 
   <input type="radio" name="rad" value="M" onclick="deshabilita()"> 
   Masculino<br> 
   <input type="radio" name="rad" value="F" onclick="deshabilita()"> 
   Femenino<br> 
   <input type="radio" name="rad" value="O" onclick="habilita()"> 
   Otro   (Indique cual: 
   <input type='text' name='txt' disabled>) 
  </form> 
 </body> 
</html>

Kaopectate · #27 (**permalink**) 02/12/2002, 10:06

P: ¿Como puedo ocultar o hacer aparecer un campo de texto según la opción seleccionada en un combobox?

R: [ver ejemplo]

Existen varias maneras de hacerlo. Esta es una de ellas:

NOTA: Hace uso de una página en blanco llamada DummyPg.htm la cual solo necesita contener los tags de <html>, <head> y <body>.

Código PHP:

  <html> 
 <head> 
  <script language="JavaScript"> 
 
   var muestraTexto = false; 
 
   function cambiaSelector(){ 
    with (window.pantalla.document){ 
     muestraTexto = (frm.selector.selectedIndex == 1? true: false); 
    } 
    formulario(); 
   } 
 
   function formulario(){ 
    with (window.pantalla.document){ 
     open(); 
     writeln("<html>\n<body>"); 
     writeln("<form name='frm'>"); 
     writeln("<select name='selector' onchange='parent.cambiaSelector()'>"); 
     writeln(" <option" + (muestraTexto? "": " selected") + ">Combo solo</option>"); 
     writeln(" <option" + (muestraTexto? " selected": "") + ">Combo y texto</option>"); 
     writeln("</select>"); 
     writeln("<br>"); 
     if (muestraTexto){ 
      writeln("<input type='text' name='campoTexto' value='algo'>"); 
     } 
     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>

Kaopectate · #28 (**permalink**) 02/12/2002, 16:25

P: ¿Como puedo presentar una vista preliminar de los datos de mi formulario para que desde ella el usuario envíe o cancele el envío de dicho formulario?

R: [ver ejemplo]

Código PHP:

  <html> 
 <head> 
  <script language="JavaScript"> 
 
   function enviar(){ 
    //document.frm2.submit(); 
    alert("Documento enviado"); 
    history.back(); 
   } 
 
   function regresar(){ 
    //document.frm2.submit(); 
    history.back(); 
   } 
 
   function confirma(){ 
    var sNmb; 
    sNmb = document.frm.nmb.value; 
    sApe = document.frm.ape.value; 
    sPrf = document.frm.prf.value; 
    with (document){ 
     open(); 
     write("<html><head>"); 
     write(" </head><body><form name='frm2'>"); 
     write("   <table border='0'>"); 
     write("    <tr>"); 
     write("     <td>"); 
     write("      Nombre:"); 
     write("     </td>"); 
     write("     <td width='50' align='right'>"); 
     write(sNmb); 
     write("     </td>"); 
     write("    </tr>"); 
     write("    <tr>"); 
     write("     <td>"); 
     write("      Apellido:"); 
     write("     </td>"); 
     write("     <td align='right'>"); 
     write(sApe); 
     write("     </td>"); 
     write("    </tr>"); 
     write("    <tr>"); 
     write("     <td>"); 
     write("      Profesión:"); 
     write("     </td>"); 
     write("     <td align='right'>"); 
     write(sPrf); 
     write("     </td>"); 
     write("    </tr>"); 
     write("    <tr>"); 
     write("     <td colspan='2' align='center'>"); 
     write("      <input type='submit' onclick='JavaScript:alert(" + '"' + "Documento enviado" + '"' + ");history.back()' value='Enviar estos valores'>"); 
     write("      <input type='button' onclick='JavaScript:history.back()' value='Volver sin enviar'>"); 
     write("     </td>"); 
     write("    </tr>"); 
     write("   </table>"); 
     write("</form></body></html>"); 
     close(); 
    } 
   } 
 
  </script> 
 </head> 
 <body> 
  <form name="frm"> 
   <table border="1"> 
    <tr> 
     <td> 
      Nombre: 
     </td> 
     <td> 
      <input type="text" name="nmb"> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      Apellido: 
     </td> 
     <td> 
      <input type="text" name="ape"> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      Profesión: 
     </td> 
     <td> 
      <input type="text" name="prf"> 
     </td> 
    </tr> 
    <tr> 
     <td colspan="2" align="center"> 
      <input type="button" onclick="confirma()" value="Enviar"> 
     </td> 
    </tr> 
   </table> 
  </form> 
 </body> 
</html>

chivi · #29 (**permalink**) 02/12/2002, 17:48

P: ¿Cómo puedo mostrar un texto(pregunta) tras seleccionar un radio button?

R:

Código PHP:

  <html> 
<head> 
<script> 
function Pregunta1(){ 
document.getElementById('pregunta').innerHTML = "¿Cual es la pregunta 1?<br>" 
document.form.texto.value = "Respuesta 1"} 
function Pregunta2(){ 
document.getElementById('pregunta').innerHTML = "¿Cual es la pregunta 2?<br>" 
document.form.texto.value = "Respuesta 2"} 
function Pregunta3(){ 
document.getElementById('pregunta').innerHTML = "¿Cual es la pregunta 3?<br>" 
document.form.texto.value = "Respuesta 3"} 
function Pregunta4(){ 
document.getElementById('pregunta').innerHTML = "¿Cual es la pregunta 4?<br>" 
document.form.texto.value = "Respuesta 4"} 
</script> 
</head> 
<body> 
<form name=form> 
<input type="radio" name="Radio" value="Uno" Onfocus="Pregunta1()">Uno<br> 
<input type="radio" name="Radio" value="Dos" Onfocus="Pregunta2()">Dos<br> 
<input type="radio" name="Radio" value="Tres" Onfocus="Pregunta3()">Tres<br> 
<input type="radio" name="Radio" value="cuatro" Onfocus="Pregunta4()">Cuatro<br> 
<table border=0 cellpadding=0 cellspacing=0 width="100%" style="border-collapse: collapse" bordercolor="#111111"> 
<tr> 
<td id="pregunta">Seleccione una Opción</td> 
</tr> 
<tr> 
<td><input type="text" name="texto"></td> 
</tr> 
</table> 
</form> 
</body> 
</html>

Kaopectate · #30 (**permalink**) 02/12/2002, 18:38

P: ¿Como puedo cerrar una ventana principal desde un botón sin que aparezca ningún mensaje de confirmación?

Créditos: Carlitos

Nota: Una versión mas sencilla y compatible con todas las plataformas puede ser encontrada en el FAQ-115.

R: [ver ejemplo]
El siguiente script se basa en una llamada a un OLE Object de Windows, lo que lo hace incompatible con otras plataformas.

Código PHP:

  <html> 
 <!-- Aportado por: Carlitos --> 
 <head> 
  <script language="JavaScript"> 
   function salir(){ 
    close(); 
   } 
  </script> 
 </head> 
 <body> 
  <form name="frm"> 
   <input type="button" value="Cerrar con confirmación" onclick="salir()"> 
   <br> 
   <object id="MyControl" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"  
codebase="HHCTRL.ocx#Version=4,72,8252,0" width="100" height="100"> 
    <PARAM name="Command" value="Close"> 
    <PARAM name="Button" value="Text:Cerrar sin confirmación"> 
   </object> 
  </form> 
 </body> 
</html>

Kaopectate · #31 (**permalink**) 02/12/2002, 18:39

P: ¿Como puedo construir con un texarea y algunos botones una pantalla de captura para que los usuarios escriban un texto y puedan insertar comandos para negritas, subrayado, etc. y que dichos comandos se inserten justo en el punto donde esté el cursor?

R: [ver ejemplo]
El siguiente script es un extracto del usado en los ForosDelWeb, en su versión anterior.

Créditos: Tukzone, SirMatrix y UnKnown.

NOTAS: Se debe reemplazar "java script" por "JavaScript" para que funcione.

Se ha reportado que no funciona correctamente en NetScape 4.

Código PHP:

  <HTML> 
 <HEAD> 
 </HEAD> 
 <BODY> 
  <SCRIPT language="Javascript" type="text/javascript"> 
 
   // Este genial Script fue desarrollado por Tukzone, SirMatrix y Unknow,  
   // todos usuarios del Foro.. Gracias a ellos por su colaboración 
 
  function storeCaret(text) {  
   if (text.createTextRange) { 
    text.caretPos = document.selection.createRange().duplicate(); 
   } 
  } 
 
  function meter(text) { 
   var postopic = document.PostTopic.Message; 
   if (postopic.createTextRange && postopic.caretPos) {       
    var caretPos = postopic.caretPos;       
    caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ?  
 
text + ' ' : text; 
   } 
   else postopic.value += text; 
   postopic.focus(caretPos) 
  } 
 
  function codigo(accion) { 
   switch(accion) { 
    case "url": 
     url = prompt("URL de el Enlace", "http://"); 
     if(url) { 
      url="[ a]"+url+"[ /a]"; 
      meter(url); 
     } 
     break; 
    case "bold": 
     negras = prompt("Texto en Negritas", ""); 
     if(negras) { 
      negras="[ b]"+negras+"[ /b]"; 
      meter(negras); 
     } 
     break; 
    case "italics": 
     italics = prompt("Texto en Italicas", ""); 
     if(italics) { 
      italics="[ i]"+italics+"[ /i]"; 
      meter(italics); 
     } 
     break; 
    case "code": 
     code="[ code]  [ /code]"; 
     meter(code); 
     break; 
    case "quote": 
     quote="[ quote]  [ /quote]"; 
     meter(quote); 
     break; 
    default: 
     meter(accion); 
     break; 
   } 
  } 
 
  function textCounter(field, countfield, maxlimit) { 
   if (field.value.length > maxlimit) 
    field.value = field.value.substring(0, maxlimit); 
   else  
    countfield.value = maxlimit - field.value.length; 
  } 
 </script> 
 <form name="PostTopic"> 
  Nombre de usuario: 
  <INPUT TYPE="text" NAME="UserName" SIZE="12" MAXLENGTH="25"  
 
VALUE='Kaopectate'>  
  Password: 
  <input maxLength="13" name="Password" size="12" type="password"  
 
VALUE='**********'> 
  Mensaje: 
  <textarea  
 
onKeyDown="textCounter(this.form.Message,this.form.remLen,2000);"  
 
onKeyUp="javascript:storeCaret(this);  
 
textCounter(this.form.Message,this.form.remLen,2000);" name="Message"  
 
onchange="javascript:storeCaret(this);"  
 
onclick="javascript:storeCaret(this);" rows="10" wrap="VIRTUAL" cols="45"> 
  </textarea> 
  <a href="javascript:codigo('url')">Enlace</a>  
  <a href="javascript:codigo('bold')">negrita</a> 
  <a href="javascript:codigo('italics')">italica</a>  
  <a href="javascript:codigo('code')">codigo</a> 
  <a href="javascript:codigo('quote')">citar</a> 
  Tiene 
  <input readonly type=text name=remLen size=5 maxlength=3 value="2000"> 
  caracteres para su mensaje. 
 </form> 
</BODY> 
</HTML>

Kaopectate · #32 (**permalink**) 03/12/2002, 07:56

P: ¿Como puedo incluír un salto de línea dentro de un mensaje de alert?

R: [ver ejemplo]

Código PHP:

  <html> 
 <head> 
  <script language="JavaScript"> 
   function mostrar(){ 
    alert("Este es un mensaje de alerta\ncon mas de una línea"); 
   } 
  </script> 
 </head> 
 <body> 
  <form name="frm"> 
   <input type="button" value="Alert multilínea" onclick="mostrar()"> 
  </form> 
 </body> 
</html>

Kaopectate · #33 (**permalink**) 03/12/2002, 10:20

Aportado por joseisrael

P: ¿Cómo valido que el email colocado por el usuario tenga el simbolo de "@" ?

R: [ver ejemplo]

Código PHP:

  <HTML> 
<HEAD> 
<TITLE></TITLE>  
<SCRIPT LANGUAGE="JavaScript"> 
function validar_email() { 
if (document.formu.EMAIL.value.indexOf('@') == -1) 
alert ("Debes colocar una \"Dirección de Email\" válida"); 
document.formu.EMAIL.focus() //Esto recorna el cursor al campo "Email" 
else { 
document.formu.submit(); 
} 
} 
</SCRIPT> 
</HEAD> 
 
<BODY> 
<FORM NAME="formu" METHOD="POST" ACTION="Tu.Accion"> 
Ingresa tu Email: <INPUT NAME="EMAIL" TYPE="text"><BR> 
<INPUT type="button" name="ENVIAR" value="Agregar" onClick="JavaScrpit:validar_email();"> 
</FORM>

Yanix · #34 (**permalink**) 03/12/2002, 16:19

P. ¿Cómo imprimir sin que aparezca la caja de diálogo para seleccionar impresora en IE 5.5?

R.

Código:

<HTML>
<HEAD>
<SCRIPT language="javascript"> 
function imprimir()
{ if ((navigator.appName == "Netscape")) { window.print() ; 
} 
else
{ var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>'; 
document.body.insertAdjacentHTML('beforeEnd', WebBrowser); WebBrowser1.ExecWB(6, -1); WebBrowser1.outerHTML = "";
}
}
</SCRIPT> 
</HEAD>
<BODY onload="imprimir();">
Esta es la pagina impresa de prueba!
</BODY>
</HTML>

Kaopectate · #35 (**permalink**) 04/12/2002, 08:10

P: ¿Cómo puedo hacer que una vez transcurridos "n" segundos de inactividad en mi página se dispare una rutina de screen saver?

R: [ver ejemplo]

Código PHP:

  <html> 
 <head> 
  <script language="JavaScript"> 
 
   var id = 0; 
   var bEjecutado = false; 
   var nMiliSegundos = 5000; 
 
   function iddle(){ 
    if (bEjecutado) window.clearTimeout(id); 
    bEjecutado = true; 
    id = window.setTimeout("screenSaver()", nMiliSegundos); 
   } 
 
   function screenSaver(){ 
    alert("Ponga aqui su método Screen Saver"); 
   } 
 
  </script> 
 </head> 
 <body onload="iddle()" onkeyup="iddle()" onclick="iddle()"> 
  <form name="frm"> 
   Este PopUp se autodestruirá en cinco segundos... 
  </form> 
 </body> 
</html>

Kaopectate · #36 (**permalink**) 04/12/2002, 10:33

P: ¿Cómo puedo sumar (o restar) una cantidad de meses a una fecha válida?

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 calcula(){ 
    var sFc0 = document.frm.fecha0.value; // Se asume válida 
    var nSum = parseInt(document.frm.meses.value); 
    var sFc1 = sFc0; 
    if (!isNaN(nSum)){ 
     var nDia = parseInt(sFc0.substr(0, 2)); 
     var nMes = parseInt(sFc0.substr(3, 2)); 
     var nAno = parseInt(sFc0.substr(6, 4)); 
     sFc1 = sumaMes(nDia, nMes, nAno, nSum); 
    } 
    document.frm.fecha1.value = sFc1; 
   } 
  </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="21/03/2002"> 
        </td> 
       </tr> 
       <tr> 
        <td align="right"> 
         Meses 
        </td> 
        <td> 
         <input type="text" name="meses" value="0"> 
        </td> 
       </tr> 
       <tr> 
        <td align="right"> 
         Fecha final (dd/mm/aaaa) 
        </td> 
        <td> 
         <input type="text" name="fecha1" readonly> 
        </td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
    <tr> 
     <td align="center"> 
      <input type="button" value="Calcular" onclick="calcula()"> 
     </td> 
    </tr> 
   </table> 
  </form> 
 </body> 
</html>

atlante · #37 (**permalink**) 06/12/2002, 20:59

P : Como se puede impedir que se ingrese un dato no numerico ?

R :

Código PHP:

  <HTML> 
<HEAD> 
<TITLE></TITLE> 
</HEAD> 
<script language="javascript"> 
<!-- 
function LP_data(){ 
var key=window.event.keyCode;//codigo de tecla. 
if (key < 48 || key > 57){//si no es numero  
window.event.keyCode=0;//anula la entrada de texto. 
}} 
--> 
</script>

Kaopectate · #38 (**permalink**) 07/12/2002, 11:46

P: ¿Como puedo preasignar el valor de un botón de radio?

R: [ver ejemplo]

Código PHP:

  <html> 
 <head> 
  <script language="JavaScript"> 
   function Sel(n){ 
    document.frm.rad[n - 1].checked = true; 
   } 
  </script> 
 </head> 
 <body> 
  <form name="frm"> 
   <input type="radio" name="rad" value="1">Uno<br> 
   <input type="radio" name="rad" value="2">Dos<br> 
   <input type="button" name="uno" value="Uno" onclick="Sel(1)"> 
   <input type="button" name="dos" value="Dos" onclick="Sel(2)"> 
  </form> 
 </body> 
</html>

Carlitos · #39 (**permalink**) 07/12/2002, 14:21

39.- Coodenadas

P.- ¿Como averiguar las coordenadas del ratón?

R.-

[code]<head>
<title>Coordenadas</title>
<script language="JavaScript">

</script>
</head>

<body onload="init()">
Eje X <input type="text" id="ejeX" value="0" size="4">
<br>Eje Y <input type="text" id="ejeY" value="0" size="4">
</body>

</html>

Carlitos · #40 (**permalink**) 07/12/2002, 14:26

P.- ¿Cómo substituir los botones de un formulario por imágenes?

R.- [Ejemplo]

Código:

<FORM name="frm" method="post" ACTION="javascript:alert('Este formulario no hace nada')">
<INPUT type="text" name="campo1">
<INPUT type="text" name="campo2">
<A href="javascript:document.frm.submit();"><IMG src="imagen_submit.gif" border="0"></A>

<A href="javascript:document.frm.reset();"><IMG src="imagen_reset.gif" border="0"></A>
</FORM>