Ocultar Textarea tras clic en submit

[SpankThru]

Hola buenas, he contestado un antiguo post (2006) pero lo hice antes de percatarme de la fecha asi que pongo esto por aquí porque no entiendo porque no funciona:

Código:

<table cellpadding="0" cellspacing="0">
<tr>
<th class="txt_cen">Escriba su respuesta y pulse Enviar:</th>
</tr>
<tr>
<th class="txt_cen"><textarea name="txtPregunta" id="txtPregunta" onkeyPress="return contar(this.value,event)" style=" visibility: visible; overflow: hidden; height: 350px; width: 700px;"></textarea></th>
</tr>
<tr>
<th class="txt_cen"><input type="submit" value="Enviar" onclick = "txtPregunta.style.visibility = 'hidden'"/>
</th>
</tr>														
</table>

Teoricamente tras pinchar en el submit, el textarea llamado "txtPregunta" deberia cambiar su estado de "visible" a "hidden", lo cual no hace, ¿alguien podria echarme una mano?

[miktrv]

Iniciado por SpankThru

Hola buenas, he contestado un antiguo post (2006) pero lo hice antes de percatarme de la fecha asi que pongo esto por aquí porque no entiendo porque no funciona:

Código:

<table cellpadding="0" cellspacing="0">
<tr>
<th class="txt_cen">Escriba su respuesta y pulse Enviar:</th>
</tr>
<tr>
<th class="txt_cen"><textarea name="txtPregunta" id="txtPregunta" onkeyPress="return contar(this.value,event)" style=" visibility: visible; overflow: hidden; height: 350px; width: 700px;"></textarea></th>
</tr>
<tr>
<th class="txt_cen"><input type="submit" value="Enviar" onclick = "txtPregunta.style.visibility = 'hidden'"/>
</th>
</tr>														
</table>

Teoricamente tras pinchar en el submit, el textarea llamado "txtPregunta" deberia cambiar su estado de "visible" a "hidden", lo cual no hace, ¿alguien podria echarme una mano?

No se usa la propiedad "display"?

[SpankThru]

Segun tengo entendido con display haría desaparecer tanto la caja como su hueco; cosa que no quiero que suceda. En cualquier caso tampoco funciona con display :/

[Pikus]

¿Con qué navegador lo estás haciendo? A mí me ha funcionado en IE8, Opera 11 y FF 3.6 sin modificar nada de lo que has escrito. En cualquier caso y a malas, podrías probar con getElementById.

[SpankThru]

El problema es que no entiendo muy bien el getElementById, vamos se asignarles iD a los objetos claro pero no se como meter el parametro para que recurra a tal objeto.

El Navegador es IE 7.

[Pikus]

Acabo de probarlo con el modo compatibilidad de IE8 y también funciona. Sigo diciendo que tu código está bien. ¿No estarás haciendo más cosas además de eso?¿Quizá el problema está en la función contar que estás usando? Quizá deberías usar alguna herramienta de debug para ver el error, porque el visibility funciona. O quizá es otra cosa, no sé, por ejemplo, un submit hacia esa misma página, porque en ese caso, es evidente que te volverá a aparecer, ya que has recargado la página.

Con getElementById sería

document.getElementById('txtPregunta').style.visib ility='hidden';