Foros del Web » Creando para Internet » HTML »

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

Estas en el tema de Cargar diferentes páginas web, en una misma zona. en el foro de HTML en Foros del Web. 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. ...
  #1 (permalink)  
Antiguo 29/06/2011, 21:14
 
Fecha de Ingreso: marzo-2005
Mensajes: 9
Antigüedad: 11 años, 10 meses
Puntos: 0
Cargar diferentes páginas web, en una misma zona.

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!
  #2 (permalink)  
Antiguo 30/06/2011, 01:41
 
Fecha de Ingreso: enero-2011
Mensajes: 60
Antigüedad: 6 años
Puntos: 0
Respuesta: Cargar diferentes páginas web, en una misma zona.

Busca ej google: AJAX
  #3 (permalink)  
Antiguo 30/06/2011, 08:53
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 9 años, 6 meses
Puntos: 1567
Respuesta: Cargar diferentes páginas web, en una misma zona.

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:
Ver original
  1. <script type="text/javascript">
  2. //<![CDATA[
  3. $(document).ready(function(){ // inicio ready.function
  4.  
  5. $("#menu_uno").click(function(){
  6.     $("#video").load("/visores/diffrents_directions.html");
  7. });
  8.  
  9. $("#menu_dos").click(function(){
  10.     $("#video").load("/visores/this_old_guitar.html");
  11. });
  12.  
  13. $("#menu_tres").click(function(){
  14.     $("#video").load("/shangai_breeze.html");
  15. });
  16.    
  17. }); // fin ready.function
  18.  
  19. //]]>
  20. </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
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #4 (permalink)  
Antiguo 30/06/2011, 09:49
 
Fecha de Ingreso: noviembre-2010
Mensajes: 1.241
Antigüedad: 6 años, 2 meses
Puntos: 73
Respuesta: Cargar diferentes páginas web, en una misma zona.

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.
__________________
:)
  #5 (permalink)  
Antiguo 30/06/2011, 09:51
 
Fecha de Ingreso: marzo-2005
Mensajes: 9
Antigüedad: 11 años, 10 meses
Puntos: 0
Respuesta: Cargar diferentes páginas web, en una misma zona.

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

Etiquetas: diferentes, páginas, zonas
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 18:20.