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

Néstor rotsen en gmail.com
Mie Oct 3 15:10:02 PDT 2007


Cesar,

Entonces seria mas facil agarrar la informacion usando PHP y luego mostrarla.
Ejemplo:
<?php
// Get a file into an array.  In this example we'll go through HTTP to get
// the HTML source of a URL.
$file1 = file('http://www.example.com/');
$file2 = file('http://www.example2.com/');
?>
------------------
Luego  pones la informacion en dos <DIV> distintos
<DIV id=file1 style=display:;><?= $file1</DIV>
<DIV id=file2 style=display:;><?= $file2</DIV>
---------------------------------
Y dependiendo cual link el user empuje entonces cambia el style
asi que si el user empuja la primera link entonces
onClick="document.getElementById('file1').style.display=block"

Algo asi,

Nestor :-)

PD
Dejame saber como solucinas el problema  :-)


On 10/3/07, cesar c <cessar5 en gmail.com> wrote:
> Si yo también la leí la doc! y no pude hacerlo funcionar :-(
> Como dije antes...esto logro hacerlo funcionar cuando esta dentro de un
> mismo directorio..o
> porej... <a href="/holamundo.htm">Hola Mundo</a>
>
> Como sugiere Pablo en su mail.....
>
> > Cesar:
> >
> > Hay una restricción en el uso de load (o en general de Ajax) para cargar
> cosas en otro dominio ([1][2] por ejemplo)
> >
> > Saludos,
> >
> > --
> > Pablo Viojo
> > pviojo en gmail.com
> > http://pviojo.net
> >
>
> > [1] http://getahead.org/dwr/ajax/cross-domain-xhr
> > [2]
> http://ajaxian.com/archives/cross-domain-ajax-insecurity
> >
>
>
>
>
>
>
> creo que el tema viene por "esa cosa" del cross-domain!!!! :-P
>
> Adjunto a la data que me paso Pablo un link en español....
>
> http://www.librosweb.es/ajax/capitulo11/evitar_el_problema_de_los_dominios_diferentes.html
>
> Saludos, César.
>
>
>
>
> El día 3/10/07, Néstor <rotsen en gmail.com> escribió:
> > 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