setinterval : pour répétition [Résolu]

[Darkyl]

bonjour,

Je voudrais répéter une fonction toutes les secondes mais j'ai beau tout tester, cela ne marche pas.

Quelqu'un aurait-il une idée?

Le problème vient peut-être du fait que je doive lui passer des paramètres à ma fonction mais j'ai cherché sur internet et apparemment c'est bien ce que j'ai écris...

<script language="JavaScript" src="affichepagedansdiv.js">

setInterval(function() { envoieRequete(baticonstru.php,centre); },1000);

</script>

envoieRequete(page,div ); est une fonction que j'ai trouvé sur internet pour charger une page html ou php dans un div. J'ai vérifié,elle marche, même avec les paramètres voulus.
Le hic, c'est qu'il ne se passe rien...

[Darkyl]

j'ai essayer ça :

<script language="JavaScript" src="affichepagedansdiv.js">
var req=function(baticonstru.php,centre){ envoieRequete(); };

setInterval(req,1000);
</script>

sans résultat

[nadox]

Bonjour,

Ta page n'est pas un objet, mais une chaine de caractère...
De même, à quel endroit déclare tu "centre" ?

Code :

1
2
3
4
5
6
7
 
 
<script type="text/javascript" src="affichepagedansdiv.js">
 
setInterval(function() { envoieRequete("baticonstru.php",centre); },1000);
 
</script>

[Darkyl]

bonjour,
c'est drole, j'arrête pas de lire des réponses de toi (nadox) depuis tout à l'heure sur le forum, tu es prolifique.
Je te remercie de ton aide.

Je crois que tu as tué 2h de recherche car tu as raison pour le div:

En fait, j'ai une page générale qui a un div 'centre'. Dans ce div vient s'afficher une page quand j'appuie sur un bouton. J'aimerai que la page affichée dans le div s'actualise toute les sec... C'est pourquoi j'ai mis le code vu plus haut dans la page qui s'affiche...pas dans la générale ou il y a le div.

Heu, je sais pas si je suis clair...

[Darkyl]

j'ai trouvé ca sur le forum:

<script language="javascript">
window.onload = auto_refresh;

function auto_refresh()
{
new Ajax.Updater('la_zone_a_maj', 'le_fichier_php.php', {parameters:'mode=auto_refresh', evalScripts:true, asynchronous:true})

setTimeout("auto_refresh()",5000);
return true
}

</script>

et plus loin:

<ul id="la_zone_a_maj"></ul>

mais cela ne marche pas non plus, il me dit qu'il ne connait pas AJAX

[nadox]

Ben il faut utiliser le setInterval directement dans le gestionnaire d'évènement du click sur le bouton. Après, je ne sais pas comment ta page est injectée...(iframe, Ajax, script dynamique)
Peut-être qu'il serait plus judicieux de modifier le code de la fonction envoieRequete.

Pour ton dernier post, le code ne peut pas fonctionner si tu n'a pas le script qui contient Ajax.Updater (framework prototype).

[Darkyl]

bon, j'ai téléchargé le fichier prototype.js, et j'ai changé le code

<script language="javascript" src="prototype.js">
window.onload = auto_refresh;

function auto_refresh()
{
new Ajax.Updater('centre', 'baticonstru.php', {parameters:'mode=auto_refresh', evalScripts:true, asynchronous:true})

setTimeout("auto_refresh()",1000);
return true
}

</script>

puis

<ul id="centre"></ul>

j'ai plus d'erreur, il me dit plus qu'il ne connait pas ajax mais il ne se passe toujours rien

[nadox]

Ta balise script a un src : donc le contenu de la balise final sera le contenu du fichier. Ce que tu y a écrit sera écrasé.

Code :

1
2
3
4
5
6
7
8
9
10
11
12
 
<script type="text/javascript" src="prototype.js"></script>
 <script type="text/javascript">
function auto_refresh()
{
	new Ajax.Updater('centre', 'baticonstru.php', {evalScripts:true, asynchronous:true})
 
  setTimeout("auto_refresh()",1000);
  return true;
}
 window.onload = auto_refresh; // surement à remplacer par monbouton.click = auto_refresh;
</script>

[Darkyl]

j'ai suivi tes remarque,j'ai fait ca:

<script type="text/javascript" src="prototype.js"></script>
<script language="javascript">
window.onload = auto_refresh;

function auto_refresh()
{
new Ajax.Updater('centre2', 'baticonstru.php', {parameters:'mode=auto_refresh', evalScripts:true, asynchronous:true})

setTimeout("auto_refresh()",1000);
return true
}

</script>


<ul id="centre2">
</ul>

, ca marchait mais la, j'ai voulu reactualiser la page générale et ca rame...ca veux plus.c'est pas mon settimeout qui est encore en marche?

[Darkyl]

le dernier code que j'ai posté marche. Super, merci beaucoup. Ca fait une plombe que j'essaie. Et ca rame plus, vraiment merci. Dernières questions avant de résoudre:

- Ajax (à défaut ce code) est compatible tous navigateur?
- Un setinterval une fois lancé est détruit quand la page est fermé?

[nadox]

Tu devrais définir le onload de la page après ta fonction(juste une question de lisibilité...)

Je crois que ta façon de faire est un peut risquée. Ton setTimeout est fixé à 1 seconde, mais rien ne t'assure que l'Ajax.Updater mettra moins d'une seconde à s'éxécuter. Ainsi, tu risque de te retrouver avec des appels Ajax parallèles qui chercheront à mettre à jour la div de façon aléatoire...

Si tu veux continuer à utiliser Prototype, tu peux utiliser le Ajax.PeriodicalUpdater qui semble faire ce que tu veux d'une façon plus "sécurisée".

Code :

1
2
3
4
5
6
7
8
9
10
11
 
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript">
function auto_refresh()
{
    new Ajax.PeriodicalUpdater('centre2', 'baticonstru.php');
  }
 window.onload = auto_refresh;
</script>
<ul id="centre2">
</ul>

EDIT : j'étais en train de poster quand tu as envoyé ton dernier post.

Pour tes deux questions :
1/ pas de soucis de compatibilité, mais il peut y avoir un soucis avec le cache de IE --> http://www.developpez.net/forums/d45...ax-updater-ie/

2/ Tout les objet sont normalement détruit lorsque l'on change de page.
De plus tu utilise un setTimeout, donc un exécution unique avec un délai.

[Darkyl]

merci beaucoup nadox, je m'en vais tester tous ça. c'est résolu pour moi..