Foros del Web » Programando para Internet » Javascript »

Cambiar zona de la página (div, no Frames)

Estas en el tema de Cambiar zona de la página (div, no Frames) en el foro de Javascript en Foros del Web. Consultilla... He visto en más de una página q al pulsar en un enlace cambia solo una zona de la página sin cambiar la página, ...
  #1 (permalink)  
Antiguo 15/06/2007, 11:30
 
Fecha de Ingreso: mayo-2007
Mensajes: 15
Antigüedad: 17 años
Puntos: 0
Cambiar zona de la página (div, no Frames)

Consultilla...

He visto en más de una página q al pulsar en un enlace cambia solo una zona de la página sin cambiar la página, y aunque lo mismo lo hacen con Css, me gustaría saber si alguien me puede orientar sobre cual sería la manera más eficiente (con el código si no es muy complicado ;)).

Lo que me interesa es poder cambiar sin usar frames.

Ejemplo: https ://ww w.g oogle .c om/adse nse/log in/e s/ ?hl=es&sourceid=aso&subid=ww-es-et-ads&medium=link&gsessionid=ERyfMD4kJig

Ejemplo2: ht tp://ww w .netlo bo.com/div_hi ding.html

Un saludo
  #2 (permalink)  
Antiguo 22/12/2007, 18:05
 
Fecha de Ingreso: diciembre-2007
Mensajes: 10
Antigüedad: 16 años, 5 meses
Puntos: 0
Re: Cambiar zona de la página (div, no Frames)

Se puede hacer con un script. Sería algo así:
Código:
<style type="text/css">
.visible {display:block;}
.oculto {display:none;}
</style>
<script type="text/javascript">
function cambio()
{document.getElementById('uno').className = 'oculto';
document.getElementById('dos').className = 'visible';}
</script>
<div class="visible" id="uno">Lo que hay al principio en el div.</div>
<div class="oculto" id="dos">Lo que hay en el div después del cambio.</div>
Lo que haríamos no es cambiar el div, sino cambiar de atributo class, por lo que el div uno se ocultaría y el div dos se haría visible.
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 07:15.