Hola necesito ayuda con un problema.
Necesito que al hacer click sobre una caja de texto pueda abrirse un textarea desapareciendo por completo la caja de texto.
Yo he conseguido con el codigo hacerla invisible o no, pero claro el problema es estan ahi las dos, y claro ocupa su espacio y se nota que hay algo ahi oculto.
Y la idea es que al hacer click sobre la caja de texto, esta desaparezca y solo aparezca en ese mismo espacio el textarea.
Este es el codigo que tengo de momento
Código:
<html><head><script language="JavaScript">
function A(f)
{
var vis="hidden";
var visible="visible";
f.c.style.visibility=vis;
f.tarea.style.visibility=visible;
}
</script></head><body><form name="a">
<table width="50%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td rowspan="2">Descripcion</td>
<td><input type="text" name="c" value="" onClick="A(this.form,this.value);" style="visibility:visible"></td>
</tr>
<tr>
<td><textarea name="tarea" cols="20" rows="5" style="visibility:hidden" spry:sort=""></textarea></td>
</tr>
</table>
</form>
</body></html>