Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Cargar el head de una página con $.load

Estas en el tema de Cargar el head de una página con $.load en el foro de Frameworks JS en Foros del Web. Hola a todos pues yo estoy creando una extensión para Youtube. Voy hacer una navegación mediante hashes (#). Voy a cargar la página que esté ...
  #1 (permalink)  
Antiguo 03/03/2012, 04:05
Avatar de tomymolina  
Fecha de Ingreso: noviembre-2010
Mensajes: 50
Antigüedad: 13 años, 5 meses
Puntos: 1
Cargar el head de una página con $.load

Hola a todos pues yo estoy creando una extensión para Youtube.
Voy hacer una navegación mediante hashes (#). Voy a cargar la página que esté en el hash en una div de youtube.

El problema llega cuando intento cargar paginas de youtube que tienen scripts diferentes, porque mediante $.get, $.ajax o $.load no me cargan los scripts de la página, es decir, si hiciera:

Código Javascript:
Ver original
  1. $("#page").load(window.location.hash.substr(6));

Me carga en la div #page algo así:
Código HTML:
Ver original
  1. <div id="page">
  2.     <!-- machid: wU05DSE1MMFkteExaNXRDTkJkcjBiZ3QxNjZKU294cjFEVjZFb2hXazVhbElCWnRheWFlM2h3
  3.    -->
  4.     <title>[Electro] - Arion - Blow ExXxplode (Extended Mix) [Monstercat Release]
  5.         - YouTube</title>
  6.     <link rel="search" type="application/opensearchdescription+xml"
  7.    href="http://www.youtube.com/opensearch?locale=es_ES" title="Búsqueda de vídeos en YouTube">
  8.     <link rel="icon" href="http://s.ytimg.com/yt/favicon-refresh-vfldLzJxy.ico"
  9.    type="image/x-icon">
  10.     <link rel="shortcut icon" href="http://s.ytimg.com/yt/favicon-refresh-vfldLzJxy.ico"
  11.    type="image/x-icon">
  12.     <link rel="canonical" href="/watch?v=az-3h31I0HI">
  13.     <link rel="alternate" media="handheld" href="http://m.youtube.com/watch?desktop_uri=%2Fwatch%3Fv%3Daz-3h31I0HI%26feature%3Dg-vrec%26context%3DG24a5230RVAAAAAAAABA&amp;feature=g-vrec&amp;context=G24a5230RVAAAAAAAABA&amp;v=az-3h31I0HI&amp;gl=ES">
  14.     <link rel="shortlink" href="http://youtu.be/az-3h31I0HI">
  15.     <meta name="title" content="[Electro] - Arion - Blow ExXxplode (Extended Mix) [Monstercat Release]">
  16.     <meta name="description" content="Get this track and 14 of your other favourites for only $10, links below: Download Link: http://itunes.apple.com/us/album/monstercat-002-early-stage/id467544...">
  17.     <meta name="keywords" content="blow, explode, exxxplode, aron, blew, exxplodearion, monster, cat, media, heavy, electro, house, bass, mix, new, techno, dance, remix, 2012, original, electr...">
  18.     <link rel="alternate" type="application/json+oembed" href="http://www.youtube.com/oembed?url=http%3A//www.youtube.com/watch?v%3Daz-3h31I0HI&amp;format=json"
  19.    title="[Electro] - Arion - Blow ExXxplode (Extended Mix) [Monstercat Release]">
  20.     <link rel="alternate" type="text/xml+oembed" href="http://www.youtube.com/oembed?url=http%3A//www.youtube.com/watch?v%3Daz-3h31I0HI&amp;format=xml"
  21.    title="[Electro] - Arion - Blow ExXxplode (Extended Mix) [Monstercat Release]">
  22.     <meta property="fb:app_id" content="87741124305">
  23.     <meta property="og:url" content="http://www.youtube.com/watch?v=az-3h31I0HI">
  24.     //Y más meta
  25.     <link id="www-core-css" rel="stylesheet" href="http://s.ytimg.com/yt/cssbin/www-refresh-vfll-f0-R.css">
  26.     <style>
  27.     //Aqui algunos estilos
  28.     </style>
  29.     <form name="logoutForm" method="POST" action="/">
  30.         <input type="hidden" name="action_logout" value="1">
  31.         <input name="session_token" type="hidden" value="LDlYqQ8HtlSw2LnWYLbfSzuIiL18MTMzMDg1NDc5NEAxMzMwNzY4Mzk0">
  32.     </form>
  33.     <!-- begin page -->
  34.     <div id="page" class="  watch  ">
  35.     //Aqui todo la página
  36.     </div>
  37.     <!-- end page -->
  38. </div>
Esto me cargaría las etiquetas: <title>, <meta>, <link> <style> y <div>, quiero decir que no aparece por ningún lado la etiqueta head ni body, ni los scripts que es lo que me interesa, hay alguna forma de cargar lo que es todo el código html?

Estoy usando Chrome 18 beta y en Firefox tampoco funciona. Alguna solución?
Gracias de antemano.
  #2 (permalink)  
Antiguo 03/03/2012, 06:18
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 15 años, 8 meses
Puntos: 1532
Respuesta: Cargar el head de una página con $.load

Precisamente porque dicha api carga HTML., más no javascript, debes de extraer los bloques js y ejecutarlos con eval
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...

Etiquetas: ajax, head, jquery, load
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 20:36.