duda con formulario input hidden

[bombadil2100]

Hola,

Tengo el siguiente código que me permite al clickar en el checkbox mostar un textarea

<form>
<input type="checkbox" onclick = " txt.style.visibility = (this.checked) ? 'visible' : 'hidden'" />
<textarea name="txt" cols="85" rows="5" style="visibility:hidden"></textarea>
</form>

Lo que necesitaba es que en el momento de clickar en el checkbox no sólo mostrarse el textarea sino que además mostrase un texto justo encima del textarea, del tipo "Escribe aquí:"

Alguna idea?

[_cronos2]

Yo cambiaría visibility por display, porque queda mejor, pero aparte de eso, seguramente en IE te funcionará txt.style.visibility, pero en otros navegadores probablemente tengas problemas. La manera correcta es document.forms['miForm'].elements['miCampo']. Después de esto, el código quedaría así:

Código Javascript:

function ver(chk){
 var boleano = chk.checked;
 document.getElementById('miDiv').style.display = boleano ? 'block' : 'none';
}
 

Código HTML:

<input type='checkbox' onclick='ver(this);' />
<div id='miDiv' style="display:none;">Escribe aquí:
<br />
<textarea name='txt' cols="85" rows="5"></textarea>
</div>
 

Saludos (:

[bombadil2100]

ups, lapsus mío, funciona perfectamente. Muchísimas gracias, crack!

[bombadil2100]

Ahora necesitaba complicarlo un poco, pero soy incapaz

Necesito un comportamiento repetitivo para que salgan varios textarea (cada checkbox se corresponda con un textarea).

He probado algo así con php:

Código PHP:

  <?php 
for ($i=1;$i<=2;$i++) { ?> 
  <script> 
function ver(chk){ 
 var boleano = chk.checked; 
 document.getElementById('<?php echo "miDiv".$i; ?>').style.display = boleano ? 'block' : 'none'; 
} 
</script> 
   
   
   
   
  <input type='checkbox' onclick='ver(this);' /> 
lak fjlaksf d</p> 
<p>asdflha lsdkfja</p> 
<p>dfaskdfh aklsdfh </p> 
<p>asfdkhlas df  </p> 
<div id='<?php echo "miDiv".$i; ?>' style="display:none;">Escribe aquí: 
<br /> 
<textarea name='<?php echo "txt".$i; ?>' cols="85" rows="5"></textarea> 
</div> 
<?php }?>   

Sin embargo, de esta forma al picar en cualquiera de los checkbox se me abre la misma capa (no identifica cada checkbox con una única capa)

alguna sugerencia?¿

[_cronos2]

Porque por cada iteración del bucle estás cambiando el name o el id o lo que sea en cada caso, cuando lo que creo que necesitas es crear varios checkbox con sus correspondientes divs y textareas, ¿no?. Si es eso, deberías hacer un echo de todo el código que necesites que se repita, pero no ponerlo sólo en la id o el name, ¿me entiendes? Creo que sería algo así, aunque PHP no lo domino demasiado xD.

Código PHP:

<script type='text/javascript'>
function ver(chk, num){
 var boleano = chk.checked;
 document.getElementById('miDiv' + num).style.display = boleano ? 'block' : 'none';
}
</script>
<?php
for ($i=1;$i<=2;$i++) { 
 echo"  
  <input type='checkbox' onclick='ver(this, \"".$i."\");' />
lak fjlaksf d</p>
<p>asdflha lsdkfja</p>
<p>dfaskdfh aklsdfh </p>
<p>asfdkhlas df  </p>
<div id='miDiv".$i."' style='display:none;'>Escribe aquí:
<br />
<textarea name='txt".$i."' cols='85' rows='5'></textarea>
</div>";
}?>
 

Saludos (:

[Adler]

Hola

Solo una puntualizaci´´on no embebáis código, que puede ser ejecutado en el cliente, dentro de código del lado del servidor, de esta manera se ahorra recursos

Suerte