Foros del Web » Programando para Internet » Jquery »

JQuery: Insertar url como la de forosdelweb.com en un div

Estas en el tema de JQuery: Insertar url como la de forosdelweb.com en un div en el foro de Jquery en Foros del Web. Holas, tengo el siguiente problema: Quiero cargar una página de internet completa externa en un div. Tengo este código pero no funciona: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código ...
  #1 (permalink)  
Antiguo 10/06/2010, 16:08
 
Fecha de Ingreso: diciembre-2009
Mensajes: 18
Antigüedad: 14 años, 11 meses
Puntos: 0
JQuery: Insertar url como la de forosdelweb.com en un div

Holas, tengo el siguiente problema:

Quiero cargar una página de internet completa externa en un div. Tengo este código pero no funciona:

Código Javascript:
Ver original
  1. $("#Mi-Div").load('http://www.forosdelweb.com/');

Damos por sentado que tengo el div y la dirección de la página web.

AYUDA!!! XD
  #2 (permalink)  
Antiguo 11/06/2010, 07:58
 
Fecha de Ingreso: enero-2008
Ubicación: Buenos Aires
Mensajes: 305
Antigüedad: 16 años, 10 meses
Puntos: 14
Respuesta: JQuery: Insertar url como la de forosdelweb.com en un div

Código PHP:
Ver original
  1. <?php include("http://www.forosdelweb.com"); ?>

Para qué rebuscarse ?
  #3 (permalink)  
Antiguo 11/06/2010, 10:11
 
Fecha de Ingreso: diciembre-2009
Mensajes: 18
Antigüedad: 14 años, 11 meses
Puntos: 0
Respuesta: JQuery: Insertar url como la de forosdelweb.com en un div

Genial, gracias kokoou.

Agregue en include en un archivo php y lo cargo con jquery cuando quiero... pero...

- La idea es navegar en el div de la página como en un frame, sin perder mi plataforma web.

- Otro detalle es q no se cargan las imágenes y estilos propios del subdominio.

Habrá solución a alguno de esos dos puntos???????
  #4 (permalink)  
Antiguo 14/06/2010, 04:46
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 867
Antigüedad: 14 años, 11 meses
Puntos: 65
Respuesta: JQuery: Insertar url como la de forosdelweb.com en un div

no podes cargar archivos externos con ajax, hace la llamada a un php para que lo lea y cargalo

el css y las imágenes no te van a cargar porque tiene url relativas
  #5 (permalink)  
Antiguo 16/06/2010, 13:27
 
Fecha de Ingreso: diciembre-2009
Mensajes: 18
Antigüedad: 14 años, 11 meses
Puntos: 0
Respuesta: JQuery: Insertar url como la de forosdelweb.com en un div

Bueno, primero quiero decir que CHILE LE GANO A HONDURAAAAS!!!! VIVA CHILE!!!!!!!!....

Y en segundo lugar... XD... ya solucioné el problema con un iframe:

Lo que hago es cargar mi página que tiene efectos de animación en unos menús al estilo dock de la Mac, y cuando agregaba un iframe en el html se borraban los estilos. El iframe lo cargaba así dentro del body:

Código HTML:
Ver original
  1. <iframe src="http://www.forosdelweb.com" frameborder="0">

Y para no perder esos efectos de JQuery, con este mismo framework de javascript cargo al final de la página el iframe dinamicamente de la siguiente manera:

Código Javascript:
Ver original
  1. $("#url").html('<iframe src="http://www.forosdelweb.com" frameborder="0">');

En donde #url hace referencia a un div con ese id en el body del documento.

Claro que esa línea va en una función que se gatilla al presionar un botón de carga de la url, tomándola de una caja de texto, lo que me permite abrir un espacio en mi página con una página externa todas las veces que quiera en mi html sin recargarlo todo y sin perder los efectos de animación que tenía.

Fin del problema XD.

Aqui va la función completa:

Código Javascript:
Ver original
  1. // Cargar una url externa en un iframe
  2. $("#Cargar").click(function(mievento)
  3. {
  4.     mievento.preventDefault();
  5.    
  6.     // Almaceno el link de la página externa ingresada por el usuario en un textbox de id="url_carga"
  7.     var url = $("#url_carga").val();
  8.    
  9.     // Si la caja de texto con la url esta vacía no se carga
  10.     if (url == '')
  11.         return;
  12.    
  13.     // Se carga el iframe en el div de id="url"
  14.     $("#url").html('&nbsp;<iframe width="99%" height="90%" src="'+url+'" frameborder="0">');
  15. });

Etiquetas: url
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 17:52.