Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: ~ Ghost_Networks ~ en 26 Junio 2011, 23:53 pm



Título: pequeña ayuda con HTML
Publicado por: ~ Ghost_Networks ~ en 26 Junio 2011, 23:53 pm
Hola que tal como estan? bueno hace poco que empese a meter mano con html pero eh aqui un pequeño problema, yo empese hacerlo a mano, no uso programas .... cuestion es que tengo este codigo:
Código:
<html>
  <head> <title> Trabajo para Teleinformatica </title> </head>
  <body bgcolor="#FF0000"text="#00FFFF">
      <hr align=center width=50%>
       <h2><center><u>Datos Importantes de una persona</u></center></h2>
      <hr align=center width=50%>
   
<table width=25% align=center border=2>
<tr align=center>

  <td width=40% align=left>
    <td>
    <b><u> Apellido:</b></u></td><td><Input type ="text"></td>
    </tr>
    <td>
    </td>
    </td>
    </tr>
    <br>
    <br>
</tr>
<tr align=center>
<td width=40% align=left>
<td>
    <b><u> Nombre:</b></u></td><td><Input type ="text"></td>
    </tr>
    <td>
    </td>
    </tr>
<br>
<br>

<td width=20% align=right>
<td>
<b><u>Tipo de Documento:</b></u></td>
<td><SELECT NAME="Documentos">
  <OPTION>DNI</OPTION>
  <OPTION>Cedula</OPTION>
  <OPTION>Libreta de Enrolamiento</OPTION>
  <OPTION>Pasaporte</OPTION>
  <OPTION>Registro Geral</OPTION>
</SELECT></td>
</td>
</tr>
<br>
<br>
<tr align=center>
<td width=40% align=left>
<td>
<b><u>Nacionalidad:</b></u></td><td>
  <SELECT NAME="Nacionalidad">
  <OPTION>Argentina</OPTION>
  <OPTION>Alemania</OPTION>
  <OPTION>Japon</OPTION>
  <OPTION>Italia</OPTION>
  <OPTION>Brasil</OPTION>
</SELECT></td>
</td>
</tr>
<tr align=center>
<td width=40% align=left>
<td><b><u>Casado:</b></u></td><td>
<input type = "radio" name="Si" vaule "1">Si
<input type = "radio" name="Si" vaule "0">No
</SELECT></td>
</td>
</tr>
<br>
<br>
<tr align=center>
<td width=40% align=left>
<td><b><u>Estudios:</b></u></td>
<br>
<td><input type="checkbox" align= right> Jardin
<br>
<br>
<input type="checkbox" align= right> EGB
<br>
<br>
<input type="checkbox" align= right> Polimodal
<br>
<br>
<input type="checkbox" align= right> Univercitario
<br>
<br>
<input type="checkbox > Otros
<br>
<br>

</SELECT></td>

</td>
</tr>



</table>
</html>

Pero yo lo que quiero es x ej que los checkbox me queden alineados uno de bajo de otro, y que donde dice: nacionalidad y tipo de documento que los "combobox" queden al mismo tamaño que el texto de nombre y apellido, se entiende?
Gracias y dsiculpen las molestias


Título: Re: pequeña ayuda con HTML
Publicado por: ~ Ghost_Networks ~ en 27 Junio 2011, 00:08 am
Olviden lo de ordenar los checkbox ya lo logre jeje :P pero aun asi hay forma x ej de si selecciono 1 que los otros se selecciones ejemplo simple:
Estudios
Jardin
EGB (Primaria)
Polimodal(Secundaria)
Universitario

Si x ej yo elijo el checkbox Polimodal automaticamente deberia tildarse Jardin y EGB, se entiende?


Título: Re: pequeña ayuda con HTML
Publicado por: Spider-Net en 27 Junio 2011, 00:46 am
Para eso hay que utilizar javascript.


Título: Re: pequeña ayuda con HTML
Publicado por: dark_sargon en 28 Junio 2011, 18:04 pm
Hola. Como dice Spider-Net se puede hacer con javascript.

Acá te dejo una solución no muy pulida pero funciona:
Código:
<html>
<head>
<script type="text/javascript" language="javascript">
  function comprobar(){
      if(document.getElementById('ch2').checked){
        document.getElementById('ch1').checked = true;
      }else if(document.getElementById('ch3').checked){
        document.getElementById('ch1').checked = true;
        document.getElementById('ch2').checked = true;
      }else if(document.getElementById('ch4').checked){
        document.getElementById('ch1').checked = true;
        document.getElementById('ch2').checked = true;
        document.getElementById('ch3').checked = true;
      }
  }
</script>
</head>

<body>
<h1>Estudios</h1>

<form name="formulario">
  <input name="ch1" type="checkbox" id="ch1" onChange="comprobar();"/>Jardin
  <br/>

  <input name="ch2" type="checkbox" id="ch2" onChange="comprobar();"/>EGB (Primaria)

  <br/>

  <input name="ch3" type="checkbox" id="ch3" onChange="comprobar();"/>Polimodal (Secundaria)

  <br/>

  <input name="ch4" type="checkbox" id="ch4" onChange="comprobar();"/>Universitario

  <br/>
</form>
</body>
</html>

Saludos.