Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal estou tentando desenvolver um pequeno gadget para o windows sidebar que será apenas uma janela para mostrar um conteúdo de uma pag da internet.
Ja consegui criar tudo mas estou com 2 problemas
1- é q eu preciso adicionar um código JS q faça a verificação se houve atualizações na página de X em X minutos
2 - é que mesmo eu fechando e abrindo de novo o aplicativo ele não atualiza a página. É como se ele usassem um cache.
(se eu troco a url de www.meusite.com para meusite.com ele pega o novo conteudo mas se eu volto para www.meusite.com ele volta para o conteúdo antigo, claramente usando um cache)
código JS utilizado:
<html>
<head>
<title>News</title>
<script type="text/javascript">
function ajax(url,destino) {
req = null;
if (window.XMLHttpRequest) { // Procura por um objeto nativo (Mozilla/Safari)
req = new XMLHttpRequest();
req.onreadystatechange = processReqChange;
req.open("GET",url,true); //abre a requisição para o arquivo php que pesquisará o estado
req.send(null);
} else if (window.ActiveXObject) { // Procura por uma versão ActiveX (IE)
req = new ActiveXObject("Microsoft.XMLHTTP");
if (req) {
req.onreadystatechange = processReqChange;
req.open("GET",url,true); //abre a requisição para o arquivo php que pesquisará o estado
req.send();
}
}
destino_retorno = destino;
}
function processReqChange() {
if (req.readyState == 4) { // apenas quando o estado for "completado"
if (req.status == 200) { // apenas se o servidor retornar "OK"
document.getElementById(destino_retorno).innerHTML = req.responseText;
} else {
alert("Houve um problema ao obter os dados:n" + req.statusText);
}
} else if (req.readyState == 1) {
document.getElementById(destino_retorno).innerHTML = '<span style="font-family:Arial;color:#666666;">Carregando</span>';
}
}
function preenche() {
var url = "http://www.meusite.com.br/lista.php"; //monta a url que será "processada" pelo ajax
ajax(url,"meio"); //devolve a resposta no "campo" + id. Ou seja campo1, campo2, campo300
}
</script>
<style>
body{
background:url(fundo.png) repeat;
color:#F60;
font-family: helv, Verdana, Arial, sans-serif;
font-weight:bold;
font-size:14px;
width:520px;
height:600px;}
#gadgetContent{ margin-left:0px;}
#topo{ background:url(topo.png); height:28px; width:500px;}
#meio-1,#meio{ background:url(meio.png) repeat; padding-left:15px; width:500px;}
#meio-1{ padding-left:100px;}
#texto{ width:300px; text-align:center;}
#meio{ height:300px; padding-top:50px;}
#baixo{ background:url(baixo.png); height:28px; width:500px;}
.texto_link a { text-decoration:none; color:#F60; font-size:16px; height:35px;}
</style>
</head>
<body onLoad="preenche()">
<div id="gadgetContent">
<div id="meio-1"><img src="logo.png" width="300px" height="150px;" /></div>
<div id="meio"></div>
<div id="baixo"></div>
</div>
</body>
</html>Carregando comentários...