Rafraichir div avec ajax

ZelkiN · 18 Février 2008

Bonjour à vous,

magré mes recherche sur google rien n'y fait je ne trouve pas un morceau de script qui me convient

j'en fais donc appel a vous

J'aimerai rafraichir toutes les X secondes une balise div contenant une variable php...

en gros mon code

Code:

<div id="connected">Membres en ligne: <?php echo $total; ?></div>

Ca serait pour que $total; se rafraichisse, afin que l'on ai pas besoin de rafraichir la page entiere pour voir si ca bouge ou pas ...

Un petit bout de code ou une explication sera sympa

Merci bien

perodo · 18 Février 2008

une piste :www.w3schools.com/htmldom/met_win_settimeout.asp
sinon une bonne veille iframe avec un refresh :wink:

capleton59 · 19 Février 2008

Exemple concret :

fichier index.php

a mettre entre <head> et </head> :

Code:

<script type="text/javascript">
function writediv(texte)
{
document.getElementById('pseudobox').innerHTML = texte;
}

function verifPseudo(pseudo)
{
if(pseudo != '')
{
if(pseudo.length<2)
writediv('<span style="color:#cc0000"><b>'+pseudo+' :</b> le mot est trop court</span>');
else if(pseudo.length>4)
writediv('<span style="color:#cc0000"><b>'+pseudo+' :</b> le mot est trop long</span>');
else if(texte = file('http://127.0.0.1/ajax/check.php?test='+escape(pseudo)))
{
if(texte == 1)
writediv('<span style="color:#cc0000"><b>'+pseudo+' :</b> le code est faux</span>');
else if(texte == 2)
writediv('<span style="color:#1A7917"><b>'+pseudo+' :</b> le code est bon</span>');
else
writediv(texte);
}
}

}

function file(fichier)
{
if(window.XMLHttpRequest) // FIREFOX
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // IE
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else
return(false);
xhr_object.open("GET", fichier, false);
xhr_object.send(null);
if(xhr_object.readyState == 4) return(xhr_object.responseText);
else return(false);
}
</script>

a mettre dans le corps de page :

Code:

<form action="">
<input type="text" name="pseudo" onKeyUp="verifPseudo(this.value)" />
<div id="pseudobox"></div>
</form>

fichier check.php :

Code:

$mot = $_GET['test'];
if($mot == "titi")
echo "2";
else
echo "1";

Normalement c'est exactement ce que tu recherches

e-kiwi · 19 Février 2008

http://xhrconnection.sutekidane.net/exe ... e-la-page/

c'est exactement ce que tu cherches, et en classe, donc utilisable partout.

3 lignes de code dans ta page. librairie excellente

capleton59 · 19 Février 2008

e-kiwi a dit:
http://xhrconnection.sutekidane.net/exemples/charger-un-fichier-dans-une-zone-de-la-page/

c'est exactement ce que tu cherches, et en classe, donc utilisable partout. 3 lignes de code dans ta page. librairie excellente

En effet c'est plus simple

KOogar · 19 Février 2008

e-kiwi a dit:
http://xhrconnection.sutekidane.net/exemples/charger-un-fichier-dans-une-zone-de-la-page/

c'est exactement ce que tu cherches, et en classe, donc utilisable partout. 3 lignes de code dans ta page. librairie excellente

Merci pour ce lien.

Google indexe-il le contenu ?

darkjukka · 20 Février 2008

J'aurais tendance à dire que non car le fichier chargé est externe et appelé via du javascript.

e-kiwi · 20 Février 2008

>> Google indexe-il le contenu ?

non, je pense qu'il faut faire une version "html" en parrallèle :/

KOogar · 20 Février 2008

e-kiwi a dit:
>> Google indexe-il le contenu ?

non, je pense qu'il faut faire une version "html" en parrallèle :/

Merci pour ta réponse mais tu entend quoi au juste par version "html" en parrallèle

-la version normale html + une option avec cookie qui lance le JS pour les visiteurs qui le desire ?
-ou une version html pour les moteurs + une autre version avec le JS pour les visiteurs ?