[Jquery-Es] Consulta sobre cargar una pagina web en un div

Néstor rotsen en gmail.com
Mie Oct 3 12:20:47 PDT 2007


Cesar,

Me puse a leer la documentacion y dice
-------------
Load HTML From a remote file and inject it into the DOM
 CargaHTML de una pagina remota e inyectala dentro del DOM
$("#mydiv").load("pagina.html");
donde 'mydiv es <div id="mydiv"></div>
-------------

Asi que creo que todo lo que necesitas es:
  var href=$(this).attr(href);
  $("#contenido).load(href)

Nestor :-)

On 10/3/07, Néstor <rotsen en gmail.com> wrote:
> Cesar,
>
> Tendrias que ponerlo en el innerHTML del DIV
> A lo mejor algo como:
>   document.getElementById('contenido').innerHTML=
>
> Si pones el valor retornado en una variable y luego pones la variable
> en el innerHTML
>
> Pero no sabria como hacerlo.
>
> Nestor :-)
>
> On 10/3/07, cesar c <cessar5 en gmail.com> wrote:
> > Hola!
> >
> > Tengo la siguiente consulta....
> > Te una pagina que tiene lo siguiente....
> >
> > <div id="derecha">
> > <ul>
> > <li><a href="http://www.google.com.ar">google</li>
> > <li><a href="http://www.yahoo.com.ar">google</li>
> > </ul>
> > <div id="contenido"></div>
> >
> > lo que quiero es cargar google y yahoo (o cualquier pagina web) en el div
> > "contenido"
> >
> > yo estoy utilizando (a modo sintético) este método...
> >
> > $("#derecha").bind('click',cargarcontenido);
> >
> >
> > var cargarcontenido = function (e)
> > {
> > var href=$(this).attr(href);
> > $("#contenido).load(href).show();
> >
> >
> > return false;}
> >
> > Pero cuando hago click no carga en el div sino que carga la pagina completa,
> > Alguien tiene idea de cual es el metodo correcto
> >
> > alguien tiene algun pequeño ejemplo, que funcione?
> > Este funciona bien pero si el contenido de href esta dentro del mismo
> > directorio...
> >
> > Saludos, César.
> > ------------ próxima parte ------------
> > Se ha borrado un adjunto en formato HTML...
> > URL: http://lists.scriptia.net/pipermail/jquery-es-scriptia.net/attachments/20071003/e9b757e9/attachment.html
> > _______________________________________________
> > Jquery-Es Lista de correo en español para usuarios de jQuery
> >
> > * Recuerda que debes utiliza "responder a todos" para enviar tu respuesta a la lista
> > * Para abrir un tema de conversación, escribe a Jquery-Es en lists.scriptia.net
> > * Puedes gestionar tu suscripción en http://lists.scriptia.net/listinfo.cgi/jquery-es-scriptia.net
> >
>


Más información sobre la lista de distribución Jquery-Es