Embedding a <div> from a external third party web page - html

Question

I'm trying to show a div which contains a texbox and a button, in my web page.
the div is not in my server, is a third party web and I don't have access to modify the base code.
this is posible??? this is the code that I want to display in my web, from the third party web.
the div tag id is "body"
<div id="body">
<h2>Consulta de Teléfonos Robados o Bloqueados por IMEI</h2><div style="width:100%; height:auto;">
<script type="text/javascript">
function buscar(keyWords){
jQuery(document).ready(function($){
$.post('../../../bdtronline/sistema/areas.php',{
accion:'searchImei',
keyWords:keyWords},
function(data){$('#listImeiFound').html(data);});
});
}
</script>
<form>
Buscar <input type="text" id="keyWords" name="keyWords" size="50" /><input type="button" value="buscar" onclick="buscar(document.getElementById('keyWords').value);" />
</form>
</body>

Answer 1

If you have PHP running on the server your JavaScript runs at, you can load a page of your server, that takes the page content from the other domain via PHP:
proxy.php:
<?php
$opts = array('http' =>
array(
'method' => 'POST',
'header' => "Content-Type: application/x-www-form-urlencoded",
'content' => http_build_query($_POST)
)
);
$context = stream_context_create($opts);
echo file_get_contents('http://php.net/manual/en/function.file-get-contents.php', false, $context);
yoursite.html
// ...
jQuery(document).ready(function($){
$.post('proxy.php',{
accion:'searchImei',
keyWords:keyWords},
function(data){$('#listImeiFound').html(data);});
});
});
// ...