Foros del Web » Creando para Internet » CSS »

visibility: hidden no me funciona

Estas en el tema de visibility: hidden no me funciona en el foro de CSS en Foros del Web. 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.... ...
  #1 (permalink)  
Antiguo 08/06/2009, 16:26
 
Fecha de Ingreso: mayo-2009
Mensajes: 45
Antigüedad: 8 años, 6 meses
Puntos: 0
visibility: hidden no me funciona

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

Última edición por sattua; 08/06/2009 a las 16:27 Razón: ortografia
  #2 (permalink)  
Antiguo 08/06/2009, 20:03
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
Respuesta: visibility: hidden no me funciona

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
__________________
¡ hey, hou, hou, hey !
  #3 (permalink)  
Antiguo 08/06/2009, 22:18
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: visibility: hidden no me funciona

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.
__________________
twitter: @imbuzu
  #4 (permalink)  
Antiguo 08/06/2009, 22:20
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: visibility: hidden no me funciona

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!!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #5 (permalink)  
Antiguo 08/06/2009, 22:30
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: visibility: hidden no me funciona

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.
__________________
twitter: @imbuzu
  #6 (permalink)  
Antiguo 08/06/2009, 22:52
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: visibility: hidden no me funciona

No se pierde nada con probar no?
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #7 (permalink)  
Antiguo 09/06/2009, 01:08
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: visibility: hidden no me funciona

No, por el contrario, gana mucho. Yo solo explicaba la diferencia entre ambos métodos.
__________________
twitter: @imbuzu
  #8 (permalink)  
Antiguo 09/06/2009, 17:59
 
Fecha de Ingreso: mayo-2009
Mensajes: 45
Antigüedad: 8 años, 6 meses
Puntos: 0
Respuesta: visibility: hidden no me funciona

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
  #9 (permalink)  
Antiguo 09/06/2009, 19:05
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: visibility: hidden no me funciona

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.
__________________
twitter: @imbuzu
  #10 (permalink)  
Antiguo 10/06/2009, 00:42
 
Fecha de Ingreso: mayo-2009
Mensajes: 45
Antigüedad: 8 años, 6 meses
Puntos: 0
Respuesta: visibility: hidden no me funciona

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
  #11 (permalink)  
Antiguo 10/06/2009, 01:31
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: visibility: hidden no me funciona

Totalmente seguro provado en FF:
Código html:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5.     <title>Untitled</title>
  6.     <script type="text/javascript">
  7.         function ToPrint(elemento){                            
  8.     elemento.setAttribute('class','fuera');
  9. }
  10.     </script>
  11.     <style type="text/css">
  12.         input.fuera{
  13.     visibility: hidden;
  14. }
  15. input.dentro{
  16.     visibility: visible;
  17. }
  18.     </style>
  19. </head>
  20.     <form>
  21.         <input type="button" id="Bimprime" value="Imprimir" class="dentro" onclick="ToPrint(this)">
  22.     </form>
  23. </body>
  24. </html>
__________________
twitter: @imbuzu
  #12 (permalink)  
Antiguo 10/06/2009, 16:52
 
Fecha de Ingreso: mayo-2009
Mensajes: 45
Antigüedad: 8 años, 6 meses
Puntos: 0
Respuesta: visibility: hidden no me funciona

jajaja gracias pero q raro q fue lo que hise mal???? quien sabe pero gracias =)
  #13 (permalink)  
Antiguo 10/06/2009, 17:02
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: visibility: hidden no me funciona

¿Quizá lo que probaste es que no funciona en IE6?
  #14 (permalink)  
Antiguo 10/06/2009, 17:44
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: visibility: hidden no me funciona

eso mismo me imaginava yo, por eso le pregunté, pero dice que lo ha probado en FF.
__________________
twitter: @imbuzu
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:48.