visibility: hidden no me funciona

sattua · #1 (**permalink**) 08/06/2009, 15:26

hola..

mi problema es q necesito hacer que un boton se esconda al dar click en el....
pero no dedo eliminarlo, solo que se esconda....

yo hago esto:

este el el boton

Código:

<input type="button" id="Bimprime" value="Imprimir" class="dentro" onclick="ToPrint(this)">

esta es la funcion

Código:

function ToPrint(elemento){								
	elemento.setAttribute('class','fuera');	
}

y esta es la parte CSS

Código:

input.fuera{
	visibility: hidden;
}
input.dentro{
	visibility: visible;
}

Como vene s muy simple, solo hago q cambien la class y deberia esconderse...pero en que estoy fallando??? me equivoco en algo???
y es q no puedo eliminar el boton, tiene q permanecer escondido

chao y gracias

PatomaS · #2 (**permalink**) 08/06/2009, 19:03

Hola

Si no has de contemplar más casos que ese, puedes acceder directamente al objeto mediante su Id, basta con que cambies un poco tu código y uses esto:

Código:

document.getElementById('Bimprime').setAttribute('class','fuera');

Felicidad

buzu · #3 (**permalink**) 08/06/2009, 21:18

function ToPrint(){
this.setAttribute('class','fuera');
}

Y la llamada:
onclick="ToPrint()"

Lo que pasa es que el this que tu le estas pasando en realidad no hace referencia al elemento html al que te quieres referir. O al menos eso es lo que sospecho.

Calizman · #4 (**permalink**) 08/06/2009, 21:20

Saludos!!

Se me ocurre que en vez de ponerle esa propiedad, uses esto:

Codigo:

Cita:

input.fuera{
display: none;
}
input.dentro{
display: block;
}

No se si funcione, pero se me ocurre que podrias hacerlo.

Hasta Luego!!

buzu · #5 (**permalink**) 08/06/2009, 21:30

Dependiendo de lo que estés haciendo y lo que quieras lograr puede ser que display te de resultados inesperados. Esto por que display saca el elemento del flujo del documento, a diferencia de visibility que te mantiene el documento en el flujo pero solo lo esconde.

Calizman · #6 (**permalink**) 08/06/2009, 21:52

No se pierde nada con probar no?

buzu · #7 (**permalink**) 09/06/2009, 00:08

No, por el contrario, gana mucho. Yo solo explicaba la diferencia entre ambos métodos.

sattua · #8 (**permalink**) 09/06/2009, 16:59

hola gracias lo de display fue lo adecuado....

Y acerca de lo del "this", pues si, si hace referencia al elemento en cuestion y eso por q lo probe asi:

Código:

alert(elemento.id);

y me muestra el id adecuado...pero muchas gracias muy amables en responder

buzu · #9 (**permalink**) 09/06/2009, 18:05

Hum, curioso, acabo de probar el código tal como lo tenías y me llevo la sorpresa de que funciona. Con que navegador te daba problemas? Digo solo por el gusto de averiguar en donde estava el problema y aprender un poco.

sattua · #10 (**permalink**) 09/06/2009, 23:42

en serio??? que raro, bueno estoy usando firefox en su ultima version...pero estas seguro?? osea te escondia el boton al cambiarle el atributo class???

paseme el archivito si no es mucha molestia jaja gracias

buzu · #11 (**permalink**) 10/06/2009, 00:31

Totalmente seguro provado en FF:

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Untitled</title>
    <script type="text/javascript">
        function ToPrint(elemento){                             
    elemento.setAttribute('class','fuera'); 
}
    </script>
    <style type="text/css">
        input.fuera{
    visibility: hidden;
}
input.dentro{
    visibility: visible;
}
    </style>
</head>
<body>
    <form>
        <input type="button" id="Bimprime" value="Imprimir" class="dentro" onclick="ToPrint(this)">
    </form>
</body>
</html>

sattua · #12 (**permalink**) 10/06/2009, 15:52

jajaja gracias pero q raro q fue lo que hise mal???? quien sabe pero gracias =)

Mikmoro · #13 (**permalink**) 10/06/2009, 16:02

¿Quizá lo que probaste es que no funciona en IE6?

buzu · #14 (**permalink**) 10/06/2009, 16:44

eso mismo me imaginava yo, por eso le pregunté, pero dice que lo ha probado en FF.