Consegui fazer apenas com jquery usando um proxy, agora basta trabalhar com o css e o script para funcionar as tabs, mas isso deixo com você:
jquery:
$('#divframe').load(
'http://www.corsproxy.com/' +
'www.cptec.inpe.br/widget/widget.php?p=3819&w=h&c=474647&f=ffffff .tabtop', function() {
$('#divframe').html( $('#divframe').html().replace(new RegExp('src="', 'g'),'src="http://www.cptec.inpe.br/widget/') );
});
HTML:
<div id="divframe"></div>
jsfiddle: http://jsfiddle.net/jaderw/kuLdmnm4/
EDIT: jsfiddle com o script das tabs funcionando: http://jsfiddle.net/jaderw/kuLdmnm4/2/
Alternativa com proxy próprio em PHP:
proxy.php (com apenas esse conteúdo, e mais nada)
<?php
$cache_file = 'proxy_cache.html'; // nome do arquivo para salvar cache
if (!@file_exists($cache_file) || (time() - @filemtime($cache_file) > (60 * 60 * 6))) { // verificar se o cache expirou e fazer uma nova requisição ao cptec.inpe.br
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, "http://www.cptec.inpe.br/widget/widget.php?p=3819&w=h&c=474647&f=ffffff");
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
$retorno = str_replace('src="','src="http://www.cptec.inpe.br/widget/',curl_exec($ch)); // adicionar o endereço absoluto a todos os src
curl_close($ch);
file_put_contents($cache_file, $retorno); // salvar conteudo no arquivo de cache
} else { // cache não expirou abrir o conteudo do arquivo sem nova requisição ao cptec.inpe.br
$retorno = file_get_contents($cache_file);
}
echo $retorno; // imprimir o conteudo
?>
O conteúdo abaixo deve estar em outro arquivo, juntamente com o css e
tudo mais... arquivo ex: teste.html
jquery:
$('#divframe').load(
'proxy.php .tabtop', function() {
$('#divframe .tab_content').hide();
$('#divframe .tabs li:first').addClass('active');
$('#divframe .tab_content:first').show();
$('#divframe .tabs li').click(function(){
$('#divframe .tabs li').removeClass('active');
$(this).addClass('active');
$('#divframe .tab_content').hide();
$($(this).children('a').attr('href')).show();
});
});
HTML:
<div id="divframe"></div>
iframe
que não pertença à mesma origem (esquema, domínio e talvez porta) da sua página principal. O máximo que você pode fazer - se o browser der suporte - é colocar oiframe
num sandbox, bloqueando Ajax, JavaScript, etc (nesse caso, para página principal se proteger contra conteúdo malicioso embutido). Mas modificações arbitrárias, receio ser impossível, e com boa razão.