Ver Mensaje Individual
  #10 (permalink)  
Antiguo 27/01/2010, 13:38
luisascoobydoo
 
Fecha de Ingreso: abril-2009
Mensajes: 13
Antigüedad: 15 años, 1 mes
Puntos: 0
Respuesta: pulsar en un enlace y abrir informacion escondida

Cita:
Iniciado por David Ver Mensaje
¿Cuál es el código de los demás enlaces? ¿No será que estás asignando el mismo ID a los demás <div>?

Traslado el tema a la sección de Javascript.
opps hehe perdon pero como este empezo siendo de html :$

no no le asigno el mismo ID mira

Código:
function muestra_oculta(id){
if (document.getElementById){ //se obtiene el id
var el = document.getElementById(id); //se define la variable "el" igual a nuestro div
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div
}
}
window.onload = function(){/*hace que se cargue la función lo que predetermina que div estará oculto hasta llamar a la función nuevamente*/
muestra_oculta('contenido_a_mostrar');/* "contenido_a_mostrar" es el nombre de la etiqueta DIV que deseamos mostrar */
}
</script>
<script>
function muestra_oculta1(id2){
if (document.getElementById){ //se obtiene el id
var el1 = document.getElementById(id2); //se define la variable "el" igual a nuestro div
el1.style.display = (el1.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div
}
}
window.onload = function(){/*hace que se cargue la función lo que predetermina que div estará oculto hasta llamar a la función nuevamente*/
muestra_oculta1('abajito2');/* "contenido_a_mostrar" es el nombre de la etiqueta DIV que deseamos mostrar */
}
</script>
y los llamo asi

Código HTML:
<div id="contenido_a_mostrar">
<p>contenido<p>
</div>
<div id="abajito2">
<p>contenido<p>
</div> 
Código HTML:
<td><a style='cursor: pointer;' onclick="muestra_oculta('contenido_a_mostrar')"><IMG SRC="gmail.png" WIDTH="128" HEIGHT="128" ALT="gmail" BORDER="2"></a></td>

<td><a style='cursor: pointer;' onclick="muestra_oculta1('abajito2')"><IMG SRC="msn.png" WIDTH="128" HEIGHT="128" ALT="msn" BORDER="2"></a></td> 
grax ;)
LSD