Foros del Web » Programando para Internet » Javascript »

ayuda con layers..

Estas en el tema de ayuda con layers.. en el foro de Javascript en Foros del Web. Hola a todos, Tengo 5 palabras (actualidad, politica, economia, deporte, rosa) y 5 layers (una capa para cada palabra). como hago para que al hacer ...
  #1 (permalink)  
Antiguo 17/06/2003, 07:17
 
Fecha de Ingreso: abril-2003
Ubicación: Valencia
Mensajes: 223
Antigüedad: 21 años, 10 meses
Puntos: 7
ayuda con layers..

Hola a todos,

Tengo 5 palabras (actualidad, politica, economia, deporte, rosa) y 5 layers (una capa para cada palabra). como hago para que al hacer clic en actualidad, se active esta y desaparezcan las demas... al hacer clic en politica, aperezca la capa politica y desaparezcan las demas capas....

espero que me podais ayudar,
Hasta Pronto
  #2 (permalink)  
Antiguo 17/06/2003, 07:19
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 23 años, 5 meses
Puntos: 381
Buenas,

eso lo harás con DHTML (javascript que altera dinámicamente el html y css).

Traslado tu pregunta al foro de javascript

saludos
  #3 (permalink)  
Antiguo 17/06/2003, 07:44
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 23 años, 5 meses
Puntos: 381
---------------------------------------- ...un rato después.... ----------------------------------------

Bueno a ver si te sirve esto:

<script language="JavaScript">
var secciones = new Array('actualidad','politica','economia','deporte' ,'rosa') //aquí los nombres de las capas que quieras mostrar u ocultar
function capas(cual)
{
for (m=0; m < secciones.length; m++)
{
document.getElementById(secciones[m]).style.visibility = 'hidden'
}
document.getElementById(cual).style.visibility = 'visible'
}

</script>

Luego a cada uno de las palabras donde se haga click les pones una llamada a la función pasándole como parámetro el nombre de la capa que quieras que se muestre:

<a href="#" onclick="capas('actualidad');return false">actualidad</a>
<a href="#" onclick="capas('politica');return false">política</a>

etc.
  #4 (permalink)  
Antiguo 17/06/2003, 08:59
 
Fecha de Ingreso: abril-2003
Ubicación: Valencia
Mensajes: 223
Antigüedad: 21 años, 10 meses
Puntos: 7
Hola,

Perdon por mi ignorancia pero hay muchas cosas que no entiendo...

Por que pones a href="#" si solo quiero que al pulsar la palabra "politica" se muestre la capa "politica" y se oculten las demas (comentar que todas las capas estarian en el mismo sitio en la pagina). Si pulso "actualidad", la capa "politica" desaparece y aparece la de "actualidad"...

No he conseguido hacer funcionar tu script... no sé si es porque no sé...

Hasta Pronto
CHOCOVO
  #5 (permalink)  
Antiguo 17/06/2003, 09:12
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 23 años, 5 meses
Puntos: 381
Cita:
Por que pones a href="#" si solo quiero que al pulsar la palabra "politica" se muestre la capa "politica" y se oculten las demas
Para que tengan aspecto de enlace y el visitante sepa que ahí se puede hacer click.

Si no quieres un a href puedes usar otro tag que afecte a los textos.

Ahí te cuelgo un ejemplo para que lo veas, no tardo
  #6 (permalink)  
Antiguo 17/06/2003, 09:34
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 23 años, 5 meses
Puntos: 381
Bueno, pincha aquí para verlo funcionando
  #7 (permalink)  
Antiguo 17/06/2003, 09:42
 
Fecha de Ingreso: abril-2003
Ubicación: Valencia
Mensajes: 223
Antigüedad: 21 años, 10 meses
Puntos: 7
Muchas gracias Tunait

Es exactamente lo que quería hacer...
Voy a ver si estudio un poco el codigo y aprendo cosas sobre capas.

Muchas Gracias
CHOCOVO
  #8 (permalink)  
Antiguo 17/06/2003, 09:45
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 23 años, 5 meses
Puntos: 381
muchas de nadas.

Yá sabes, cualquier cosa, pues preguntas

Un saludo
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 20:32.