Ver Mensaje Individual
  #2 (permalink)  
Antiguo 22/06/2008, 09:22
Avatar de derkenuke
derkenuke
Colaborador
 
Fecha de Ingreso: octubre-2003
Ubicación: self.location.href
Mensajes: 2.665
Antigüedad: 20 años, 7 meses
Puntos: 45
Respuesta: getElementById y PHP

Hola SARALAI:

Bueno, creo que tenemos un documento con bastantes id's iguales, cosa que no puede ocurrir. Sería mejor que publicases el código que te genera PHP (ver código fuente en el navegador) y así poder analizarlo mejor.

Debes conseguir un documento con todo lo que quieres que se pueda ver, y luego actuaremos con javascript para mostrar u ocultar las partes que nos interesen. Lo que debes conseguir es algo como esto:

Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<
head>
<
meta http-equiv="Content-type" content="text/html;charset=iso-8859-1" />
<
meta name="Author" content="derkeNuke" />
<
title>Página nueva</title>
<
style type="text/css">
{
    
displayblock;
}
#uno, #dos, #tres {
    
displaynone;
}
</
style>
</
head>

<
body>


<
script type="text/javascript">
<!--

function 
alternar(id) {
    var 
laCapa document.getElementById(id);
    var 
estaOculta laCapa.style.display==="none" || laCapa.style.display==="";
    
laCapa.style.display estaOculta "block" "none";
}

// -->
</script>


<a href="#" onclick="alternar('uno')">Mostrar Uno</a>
<div id="uno">blablabla</div>
<a href="#" onclick="alternar('dos')">Mostrar Dos</a>
<div id="dos">blablabla</div>
<a href="#" onclick="alternar('tres')">Mostrar Tres</a>
<div id="tres">blablabla</div>


</body>
</html> 
El problema es más bien de PHP: Cómo generar ese código. Te recomiendo utilizar números para los id, así no tendrás tanto problema: capa1, capa2, capa3, capai...


Luego todo lo demás saldrá solito.


Un saludo
__________________
- Haz preguntas inteligentes, y obtendrás más y mejores respuestas.
- Antes de postearlo Inténtalo y Búscalo.
- Escribe correctamente tus mensajes.