Foros del Web » Programando para Internet » Javascript »

Mostrar/Ocultar divs

Estas en el tema de Mostrar/Ocultar divs en el foro de Javascript en Foros del Web. Hola a todos, tengo estas funciones en JS para cuando quiera ocultar y mostrar un div (simplemente tengo que llamar al div "flotante". Mi consulta ...
  #1 (permalink)  
Antiguo 06/03/2011, 11:16
Avatar de neb642  
Fecha de Ingreso: noviembre-2010
Ubicación: Argentina
Mensajes: 29
Antigüedad: 13 años, 5 meses
Puntos: 3
Mostrar/Ocultar divs

Hola a todos, tengo estas funciones en JS para cuando quiera ocultar y mostrar un div (simplemente tengo que llamar al div "flotante". Mi consulta es, cómo puedo hacer, si quiero tener varios de estos divs ocultos 'mostrables'.

Porque si a todos les pongo el id flotante, se van a mostrar todos cuando haya que mostrarse uno.

Cita:
<script>
function mostrardiv() {
div = document.getElementById('flotante');
div.style.display = '';
}
function cerrar() {
div = document.getElementById('flotante');
div.style.display='none';
}
</script>
Saludos y gracias por la antencion
  #2 (permalink)  
Antiguo 06/03/2011, 11:23
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Mostrar/Ocultar divs

Hola:

Los identificadores "id" no se pueden duplicar, así que tampoco pasaría lo que dices sino solo pasaría con un div (el primero con ese id)... eso se resuelve poniendo el id como parámetro .

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 06/03/2011, 11:28
Avatar de neb642  
Fecha de Ingreso: noviembre-2010
Ubicación: Argentina
Mensajes: 29
Antigüedad: 13 años, 5 meses
Puntos: 3
Respuesta: Mostrar/Ocultar divs

Hola caricatos, gracias por responder, dos preguntas:

1. ¿qué es un parámetro/cómo hago para poner el id como tal?
2. ¿puedo poner en la funcion JS para que funcione con varios id's? Por ejemplo:

Cita:
<script>
function mostrardiv() {
div = document.getElementById('flotante','flotante2','fl otante3');
div.style.display = '';
}
  #4 (permalink)  
Antiguo 06/03/2011, 11:40
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Mostrar/Ocultar divs

Hola:

Para el ejemplo que pusiste antes...

Código:
function mostrardiv(cual) {
div = document.getElementById(cual);
div.style.display = '';
}
function cerrar(cual) {
div = document.getElementById(cual);
div.style.display='none';
}
Y el botón para mostrar...

Código:
<button type="button" onclick="mostrardiv('flotante')">mostrar</button>
Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #5 (permalink)  
Antiguo 06/03/2011, 19:14
Avatar de neb642  
Fecha de Ingreso: noviembre-2010
Ubicación: Argentina
Mensajes: 29
Antigüedad: 13 años, 5 meses
Puntos: 3
Respuesta: Mostrar/Ocultar divs

Hola de nuevo. Usé el código que me pasaste, pero no me funcionó (el div no aparece)

Puede que sea porque puse la palabra "cual" entre los parentesis tal cual lo hiciste vos?

O quizás fue porque no lo hice a través de un botón:

<a href="javascript:mostrardiv('conteiner');">Mostrar Div</a>

Saludos
  #6 (permalink)  
Antiguo 07/03/2011, 00:48
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Mostrar/Ocultar divs

Hola:

Ese cual, en las funciones es el nombre de la variable, y no se debe entrecomillar, ya que en las llamadas equivaldría al parámetro.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #7 (permalink)  
Antiguo 07/03/2011, 11:20
Avatar de neb642  
Fecha de Ingreso: noviembre-2010
Ubicación: Argentina
Mensajes: 29
Antigüedad: 13 años, 5 meses
Puntos: 3
Respuesta: Mostrar/Ocultar divs

Ya me funcionó. Muchas gracias caricatos por tu tiempo. Pueden cerrar el tema

Etiquetas: oculto
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 18:55.