Igualar Botones de Formulario, URGENTE!!

alexisfch · #1 (**permalink**) 10/02/2008, 01:46

Hola, tengo un formulario y quiero igualar algunos campos de texto y botones de seleccion (radio),

No logro igualar los botones de seleccion solo los campos de texto

hice esto (que estara mal)

::

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <p>
    <label></label>
    </p>
  <table width="200" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>Primero</td>
      <td><input name="nombre1" type="text" id="nombre1" value="Juanito Perez" /></td>
    </tr>
    <tr>
      <td>Segundo</td>
      <td><input type="text" name="nombre2" id="nombre2" /></td>
    </tr>
  </table>
  <br />
  <table width="200" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>Primero</td>
      <td><input name="radio1" type="radio" id="radio" value="Si" checked="checked" />
        <input type="radio" name="radio1" id="radio" value="No"/></td>
    </tr>
    <tr>
      <td>Segundo</td>
      <td><input type="radio" name="radio2" id="radio2" value="Si"/>
        <input type="radio" name="radio2" id="radio2" value="No"/></td>
    </tr>
  </table>
  <p>
    <input type="button" name="enviar" onclick="nombre2.value=nombre1.value; radio2.value=radio1.value; " value="Enviar Datos" id="enviar" />
  </p>
  <p>&nbsp;</p>
</form>
</body>
</html>

caricatos · #2 (**permalink**) 10/02/2008, 02:21

Hola:

Los radios debes controlarlos con su checked, pero no vale con distinto nombre, así que es mejor controlarlos por su id (que por cierto, no deben duplicarse)

por ejemplo puedes usar los id: radio[1/4], y para simplificar poner un alias al document.getElementById...
<script>
function tag(id) {return document.getElementById(id);}

...

Luego la valídación sería:
<form onsubmit="return tag('radio1').checked == tag('radio3').checked" ...

Saludos

alexisfch · #3 (**permalink**) 10/02/2008, 11:27

Pepe: Lo hice como me dijiste pero no funciona...

Asi lo hice, donde estara mi error?

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
</head>
<script language="JavaScript">
function tag(id) {return document.getElementById(id);
}
</script>

<body>
<form id="form1" name="form1" method="post" action="">
  <p>
    <label></label>
    </p>
  <table width="200" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>Primero</td>
      <td><input name="nombre1" type="text" id="nombre1" value="Juanito Perez" /></td>
    </tr>
    <tr>
      <td>Segundo</td>
      <td><input type="text" name="nombre2" id="nombre2" /></td>
    </tr>
  </table>
  <br />
  <table width="200" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>Primero</td>
      <td><input name="radio1" type="radio" id="radio1" value="Si" checked="checked" />
        <input type="radio" name="radio1" id="radio1" value="No"/></td>
    </tr>
    <tr>
      <td>Segundo</td>
      <td><input type="radio" name="radio2" id="radio2" value="Si2"/>
        <input type="radio" name="radio2" id="radio2" value="No2"/></td>
    </tr>
  </table>
  <p>
    <input type="button" name="enviar" onclick="nombre2.value=nombre1.value; return tag('radio2').checked == tag('radio1').checked; " value="Enviar Datos" id="enviar" />
  </p>
  <p>&nbsp;</p>
</form>
</body>
</html>

Bellenger · #4 (**permalink**) 10/02/2008, 11:41

Lo id de los radios deben ser distintos, nunca iguales como dijo Caricato...

alexisfch · #5 (**permalink**) 10/02/2008, 11:52

Le cambie el nombre a los id pero no pasa nada:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
</head>
<script language="JavaScript">
function tag(id) {return document.getElementById(id);
}
</script>

<body>
<form id="form1" name="form1" method="post" action="">
  <p>
    <label></label>
    </p>
  <table width="200" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>Primero</td>
      <td><input name="nombre1" type="text" id="nombre1" value="Juanito Perez" /></td>
    </tr>
    <tr>
      <td>Segundo</td>
      <td><input type="text" name="nombre2" id="nombre2" /></td>
    </tr>
  </table>
  <br />
  <table width="200" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>Primero</td>
      <td><input type="radio" name="radio1" id="radio1" value="Si" checked="checked" />
        <input type="radio" name="radio1" id="radio2" value="No"/></td>
    </tr>
    <tr>
      <td>Segundo</td>
      <td><input type="radio" name="radio3" id="radio3" value="Si2"/>
        <input type="radio" name="radio3" id="radio4" value="No2"/></td>
    </tr>
  </table>
  <p>
    <input type="button" name="enviar" onclick="nombre2.value=nombre1.value; return tag('radio1').checked == tag('radio3').checked; " value="Enviar Datos" id="enviar" />
  </p>
  <p>&nbsp;</p>
</form>
</body>
</html>

caricatos · #6 (**permalink**) 10/02/2008, 16:25

Hola:

Las validaciones por regla general deben hacerse en el tag form (tal como puse más arriba)...

Prueba así:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
</head>
<script language="JavaScript">
function tag(id) {return document.getElementById(id);
}
</script>

<body>
<form id="form1" name="form1" method="post" action="" onsubmit="return (nombre2.value==nombre1.value) && (tag('radio1').checked == tag('radio3').checked)">
  <p>
    <label></label>
    </p>
  <table width="200" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>Primero</td>
      <td><input name="nombre1" type="text" id="nombre1" value="Juanito Perez" /></td>
    </tr>
    <tr>
      <td>Segundo</td>
      <td><input type="text" name="nombre2" id="nombre2" /></td>
    </tr>
  </table>
  <br />
  <table width="200" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>Primero</td>
      <td><input type="radio" name="radio1" id="radio1" value="Si" checked="checked" />
        <input type="radio" name="radio1" id="radio2" value="No"/></td>
    </tr>
    <tr>
      <td>Segundo</td>
      <td><input type="radio" name="radio3" id="radio3" value="Si2"/>
        <input type="radio" name="radio3" id="radio4" value="No2"/></td>
    </tr>
  </table>
  <p>
    <input type="submit" name="enviar" value="Enviar Datos" id="enviar" />
  </p>
  <p>&nbsp;</p>
</form>
</body>
</html>

Tienes algunas cosas mal... el return debe implicar todas las comparaciones, debe estar en el tag form (onsubmit); el botón siempre debe ser tipo submit...

Saludos

alexisfch · #7 (**permalink**) 10/02/2008, 19:22

Lo que pasa es que no quiero que me envie el formulario, quiero que me los iguale en pantalla Onclik no Onsubmit, pero no se como se hara CON UN BOTON QUE NO SEA TIPO SUBMIT.

Cita:

Iniciado por caricatos

Hola:

Las validaciones por regla general deben hacerse en el tag form (tal como puse más arriba)...

Prueba así:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
</head>
<script language="JavaScript">
function tag(id) {return document.getElementById(id);
}
</script>

<body>
<form id="form1" name="form1" method="post" action="" onsubmit="return (nombre2.value==nombre1.value) && (tag('radio1').checked == tag('radio3').checked)">
  <p>
    <label></label>
    </p>
  <table width="200" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>Primero</td>
      <td><input name="nombre1" type="text" id="nombre1" value="Juanito Perez" /></td>
    </tr>
    <tr>
      <td>Segundo</td>
      <td><input type="text" name="nombre2" id="nombre2" /></td>
    </tr>
  </table>
  <br />
  <table width="200" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>Primero</td>
      <td><input type="radio" name="radio1" id="radio1" value="Si" checked="checked" />
        <input type="radio" name="radio1" id="radio2" value="No"/></td>
    </tr>
    <tr>
      <td>Segundo</td>
      <td><input type="radio" name="radio3" id="radio3" value="Si2"/>
        <input type="radio" name="radio3" id="radio4" value="No2"/></td>
    </tr>
  </table>
  <p>
    <input type="submit" name="enviar" value="Enviar Datos" id="enviar" />
  </p>
  <p>&nbsp;</p>
</form>
</body>
</html>

Tienes algunas cosas mal... el return debe implicar todas las comparaciones, debe estar en el tag form (onsubmit); el botón siempre debe ser tipo submit...

Saludos

caricatos · #8 (**permalink**) 10/02/2008, 23:48

Hola:

Entonces puedes usar un botón normal... pensaba que lo que querías era una especie de validación... creo que me despisté con el input "enviar".
Entonces los nombres veo que los iguales bien, así que quedaría igualar los radios... serían simples asignaciones de valores lógicos:
onclick="nombre2.value = nombre1.value; tag('radio3').checked = tag('radio1').checked; tag('radio4').checked = tag('radio2').checked"

Creo que no valdría la asignación en uno solo.

Saludos

alexisfch · #9 (**permalink**) 11/02/2008, 13:17

Gracias Pepe, funciono las mil maravillas, te debo otra mas.

Pd: Serias tan amable de darte una vuelta por un mensaje que publique ya que hasta la fecha no he tenido solucion.

Código HTML:

http://www.forosdelweb.com/f13/completar-inputbox-apretar-boton-ayuda-urgente-555840/

Saludos.

caricatos · #10 (**permalink**) 11/02/2008, 13:26

Hola:

Me alegro de que ya tengas solucionado el problem.

Sobre el otro tema, lo estuve viendo, y la respuesta que te dió JavierB es la misma que se me ocurre... sigue con ese mensaje, dándo más datos (pon lo que php genera en esa etiqueta)

Saludos

alexisfch · #11 (**permalink**) 11/02/2008, 14:03

Oka, gracias por el consejo, adjunte los archivos en el otro tema

, para ver si le pegas una mirada.

Saludos.