Cargar diferentes páginas web, en una misma zona.

[compuside]

Hola,

Quiero hacer una página, en la cual tenga una zona donde se carguen todos los vínculos, a medida que voy haciendo click sobre ellos. No quiero que se refresque toda la página, sino que únicamente lo haga la zona blanca del dibujo que pondré a continuación:

http://imageshack.us/photo/my-images/94/ejemplozl.jpg

¿Es posible hacer eso sin frames? porque he leído que ya está obsoleto el uso de este componente.

¡Gracias por sus respuestas!

[Jsc_dark25]

Busca ej google: AJAX

[emprear]

Si, con ajax, hay librerías específicas para eso que se pueden descargar, otra forma sencilla de hacerlo es con jQuery

Código Javascript:

<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){ // inicio ready.function
 
$("#menu_uno").click(function(){
    $("#video").load("/visores/diffrents_directions.html");
});
 
$("#menu_dos").click(function(){
    $("#video").load("/visores/this_old_guitar.html");
});
 
$("#menu_tres").click(function(){
    $("#video").load("/shangai_breeze.html");
});
    
}); // fin ready.function
 
//]]>
</script>
 

En el ejemplo, los elementos que en la página se identifican con #menno, #menu_dos , #menu_tres, cargan [con load()] al hacerles click las páginas correspondientes en un div cuyo id sea #video

Por supuesto que deberias cargar la libreria con
<script type="text/javascript" src="/js-css/jquery-1.6.1.min.js"></script>

Saludos

[luisgzafra]

En 2 simples enlaces lo digo todo: http://api.jquery.com/ y sobre todo, el evento .load() http://api.jquery.com/load-event/

No se te olvide llamar a http://code.jquery.com/jquery-1.6.1.min.js o incluir el código. Sin la librería, no podrás hacer nada.

[compuside]

Muchas gracias, no sabía que se podían utilizar otras tecnologías para generar ese efecto :). Investigaré al respecto!