javascript - ejemplo - ¿Incrustar una página externa sin un iframe?
iframe javascript (6)
¿Por qué no usar PHP? Todo es del lado del servidor:
<?php print file_get_contents("http://foo.com")?>
Si posee ambos sitios, puede que tenga que aceptar esta transacción con una declaración completa de encabezados al final del servidor. Funciona maravillosamente
¿Hay alguna forma de insertar una página web externa sin usar un iframe? Tengo acceso a ambos sitios, solo quiero que la página en la que está incrustado el contenido cambie de tamaño en función del contenido que está incrustado (cambiará con el tiempo y estará en varios sitios).
¡Gracias!
EDITAR: No creo que ningún tipo de AJAX funcione porque es de sitios cruzados, y JavaScript no permite cargar contenido externo (hasta donde yo sé).
¿Qué tal algo así?
<?php
$URL = "http://example.com";
$base = ''<base href="''.$URL.''">'';
$host = preg_replace(''/^[^//]+/////'', '''', $URL);
$tarray = explode(''/'', $host);
$host = array_shift($tarray);
$URI = ''/'' . implode(''/'', $tarray);
$content = '''';
$fp = @fsockopen($host, 80, $errno, $errstr, 30);
if(!$fp) { echo "Unable to open socked: $errstr ($errno)/n"; exit; }
fwrite($fp,"GET $URI HTTP/1.0/r/n");
fwrite($fp,"Host: $host/r/n");
if( isset($_SERVER["HTTP_USER_AGENT"]) ) { fwrite($fp,''User-Agent: ''.$_SERVER
["HTTP_USER_AGENT"]."/r/n"); }
fwrite($fp,"Connection: Close/r/n");
fwrite($fp,"/r/n");
while (!feof($fp)) { $content .= fgets($fp, 128); }
fclose($fp);
if( strpos($content,"/r/n") > 0 ) { $eolchar = "/r/n"; }
else { $eolchar = "/n"; }
$eolpos = strpos($content,"$eolchar$eolchar");
$content = substr($content,($eolpos + strlen("$eolchar$eolchar")));
if( preg_match(''/<head/s*>/i'',$content) ) { echo( preg_replace(''/<head/s*>/i'',''<head>''.
$base,$content,1) ); }
else { echo( preg_replace(''/<([a-z])([^>]+)>/i'',"<//1//2>".$base,$content,1) ); }
?>
HTML Imports, parte del elenco de Web Components, también es una forma de incluir documentos HTML en otros documentos HTML. Ver http://www.html5rocks.com/en/tutorials/webcomponents/imports/
La pregunta es buena, pero la respuesta es: depende de eso.
Si la otra página web no contiene ningún formulario o texto, por ejemplo, puede utilizar el método CURL para recoger el contenido exacto y luego mostrarlo en su página. Puedes hacerlo sin usar un iframe.
Pero, si la página que desea incorporar contiene, por ejemplo, un formulario, no funcionará correctamente, porque el manejo del formulario se encuentra en ese sitio.
O podría usar la etiqueta de objeto:
<!--[if IE]>
<object classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data="http://www.google.be">
<p>backup content</p>
</object>
<![endif]-->
<!--[if !IE]> <-->
<object type="text/html" data="http://www.flickr.com" style="width:100%; height:100%">
<p>backup content</p>
</object>
<!--> <![endif]-->
Puede cargar la página externa con jquery:
<script>$("#testLoad").load("http://www.somesite.com/somepage.html");</script> <div id="testLoad"></div> //would this help