Refresh com tempo em div

[zangoliers 0]

Bom dia.

 

Estou querendo fazer um refresh numa div dentro do meu código, já tentei e testei todos os scripts do fórum, a única coisa que consegui foi dar refresh na página inteira com o comando <meta http-equiv="Refresh" content="5">.

 

Como faço para dar o refresh apenas na div que eu quero ?

 

Segue a div:

CODE

.

.

.

<div id="anunciantes" style="position:absolute; width:149px; height:18px; z-index:3; left: 854px; top: 447px; background:#FFFFFF">

<font style="tahoma" size="2" color="red"><center><b>ANUNCIANTES</b></center></font>

 

<?php

include "base.php";

 

$result3=mysql_query('select * from fotospaginicial Order By Rand() Limit 10;',$conexao) or die ("erro 001" . mysql_error());

$quantos=mysql_num_rows($result3);

$i=0;

for ($i==0; $i<$quantos; $i++)

{

$chk=mysql_result($result3,$i,destaque);

$cat=mysql_result($result3,$i,categoria);

if (($chk == 1) and ($cat == 'Foto Parceiro em Destaque'))

{

echo '<a href="construcao.php" target="display" style="text-decoration: none">';

echo '<img src="adm/'.mysql_result($result3,$i,caminho).'" alt="'.mysql_result($result3,$i,nome).'" title="'.mysql_result($result3,$i,nome).'" border="0" width="145" height="110">';

echo '</a> ';

}

else

{

}

}

echo '<p><a href=""construcao.php" target="display"><font color="blue">+ Veja todos</font></a>';

?>

</div>

.

.

.

[hargon 64]

Para fazer isso, você terá que utilizar Ajax.

 

Pegue o código que está dentro da div e coloca em uma página separada.

 

Depois você coloca fora da div uma função Ajax que faça requisição dessa página que você criou.

 

Para atualizar de tempo em tempo, você pode utilizar a função de Javascript setTimeout.

 

Ex: setTimeout(ajaxCarregaPagina('div.php'), 5000);

[Anderson Narciso 3]

Para fazer isso, você terá que utilizar Ajax.

 

Pegue o código que está dentro da div e coloca em uma página separada.

 

Depois você coloca fora da div uma função Ajax que faça requisição dessa página que você criou.

 

Para atualizar de tempo em tempo, você pode utilizar a função de Javascript setTimeout.

 

Ex: setTimeout(ajaxCarregaPagina('div.php'), 5000);

 

 

Axei interessante..

Mas.. pegue a função Ajax.. que função? hehe

Isso é muito util..

Poderia mostrar a funçãopara nós?

Abraço.

[Ted k' 126]

na verdade não é uma função, é um conjunto dela, e você não dar refresh na tela assim, é uma requisição que você faz ao banco de dados, junto com o javascript, ai com o getElement ele alimenta a div, como um DOM.

 

esse é um exemplo ótimo:

http://imasters.com.br/artigo/4492/jav..._e_sem_refresh/

[zangoliers 0]

Bom dia amigos Tef k' e Hargo.

 

Eu e o Ehtnies, estamos com a mesma dúvida. Como é esta função antes da div ?

Somente queremos saber o que colocar antes da div, pois o resto entendemos.

Vai alguma função JavaScript no head ?

 

Já procurei em um monte de sites, mas nenhum script funcionou!!!!

 

Poderia mostrar para nós ?

 

Agradecemos desde já pela força de vocês !!!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif Estamos no aguardo. Valeuuuuuuuuuu

[zangoliers 0]

Pessoal, tive que partir para outo método, pois precis por este projeto no ar dia 02/08.

 

Então fiz seguinte.

 

Criei um arquivo com o conteúdo e coloquei nele a TAG <meta http-equiv="refresh" content="45">, para dar o refresh de 45 em 45 segundos.

 

Ai a DIV ficou assim:

 

CODE

<div id="anunciantes" style="position:absolute; width:149px; z-index:3; left: 854px; top: 450px; background:#FFFFFF">

<iframe src="divanunciantes.php" scrolling='no' frameborder='0' width='149' height='1150'marginheight='0' marginwidth='0'></iframe>

</div>

 

Mas estamos no aguardo e curiosos sobre como fazer em Ajax, pois assim não teríamos que ficar fazendo isto para cada DIV.

[Ted k' 126]

e o link que passei, pois usa o XMLHttpRequest, a base, pois ele vai e alimenta as tags!

[amdoim 0]

se eu entendi bem você ker q somente o conteudo da div atualize

 

e pra isso eu tenho esse cod. pra abrir um conteudo numa div.

 

CODE

function ajaxInit() {

var req;

try {

req = new ActiveXObject("Microsoft.XMLHTTP");

} catch(e) {

try {

req = new ActiveXObject("Msxml2.XMLHTTP");

} catch(ex) {

try {

req = new XMLHttpRequest();

} catch(exc) {

alert("Esse browser não tem recursos para uso do Ajax");

req = null;

}

}

}

return req;

}

function uialoljr(webmorphos){

 

var wmDiv = document.getElementById("conteudo");

ajax = ajaxInit();

ajax.open("GET", webmorphos, true);

ajax.onreadystatechange=function() {

 

if (ajax.readyState==1){

wmDiv.innerHTML = "<p align='center' style='text-decoration: blink;'>Carregando...</p>";

}

if (ajax.readyState==4){

 

wmDiv.innerHTML = ajax.responseText;

}

}

ajax.send(null);

}

 

dai é soh você colocar ela no settimeout e vu a lah

 

axo q é soh isso

 

XD

 

abraçU

[amdoim 0]

eu eskeci de diser q a função q você tem q chamar é a

 

uialoljr

[zangoliers 0]

Valeu amdoim. mas eu e o Ethnies, queríamos uma demonstração completa..... onde por cada código no seu devido lugar... Se não for muito incomodo e trampo para você, poderia postar passo a passo, um tutorial completo? Agradecemos sua colaboração. http://forum.imasters.com.br/public/style_emoticons/default/clap.gif