Modificar un objeto desde el evento de otro objeto

[cslbcn]

Hola a todos. Hoy he empezado a usar javascripts y creo que le voy pillando el truco... pero me he quedado enganchado en una cosa y por internet no veo ejemplos que me puedan servir, espero que alguna alma caritativa me pueda ayudar...

Tengo un Botón y un textarea.
Inicialmente el textarea esta con 'visibilidad = false'. La función del botón es que cuando le haga click cambie la propiedad del textarea a 'visibilidad = true'.

El botón tiene el siguiente código:

<input type='button' onClick='comen(this)'>

y el Script al cual hace referencia es:

function comen(obj) {

}


Alguna idea?

Gracias

[David]

Puedes usar document.getElementById() para obtener la referencia a un elemento con el id especificado. Por ejemplo, supongamos que tu textarea tiene id="comentario". Entonces sólo tienes que usar:

Código javascript:

var obj = document.getElementById("comentario");
 

Con eso ya obtienes la referencia y puedes trabajar con ella.

Saludos.

[buzu]

La referencia this que le pasas como parametro, en tu caso te devolvería una referencia al mismo botn que ha sido precionado, o en el peor de los casos, a la ventana del navegador. En tu caso no necesitas mandar una referencia a this. Como dice David, solo usa getElementById. Después para asignar el valor basta con modificar el estilo del elemento:

Código javascript:

obj.style.visibility = 'visible'
 

[cslbcn]

No me funciona!

Tengo este textarea:

<textarea style='color: black; background-color: white; border-color:lightgrey; border-width:1px; visibility:hidden' id='txa1' cols='70' rows='1' onKeyPress='cambiaLineas(event,this)' onBlur='salir(event,this)' onClick='visible()'></textarea>

Y en el script

Código PHP:

  <SCRIPT type="text/javascript">
    function cambiaLineas(e, obj) {
        if (window.event) // IE
        { keynum = e.keyCode; }
        else if (e.which) // Netscape/Firefox/Opera
        { keynum = e.which; }
        if (keynum == 13)
         obj.rows += 1;}

     function salir(e, obj) {
        var rows = obj.rows ;
        var text = obj.value;
        if (obj.value == "") 
        {  obj.rows = 1; }
        else if (e.which)
        { }
        }
               

    function visible() {
        var obj = document.getElementById(txa1);
        obj.style.visibility = 'visible';      
    }

</SCRIPT> 
  

Que hago mal?
Los eventos cambialineas y sarlir me funcionan, pero el visible no

[David]

txa1 no es una variable, es una cadena, por lo que debe ser:

Código Javascript:

var obj = document.getElementById("txa1");