Discussion :

[gscorpio]

Bonjour,

j'ai un problème qui me prend la tête depuis quelques heures, je n'arrive pas à utiliser la méthode SetTimeout.

Mon problème est que je désire appeler une fonction avec un paramètre au bout de x millisecondes.

La fonction javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
function CacheMenu(code)
{
 
 getElementById(code).style.display=\'none\'; 
 
}

Le code php

onmouseout="setTimeout(CacheMenu(\''.$code_section_child.'\'),5000)"

Alors j'arrive à faire marcher la fonction mais sans paramètre. LE truc c'est que pour ne plus avoir de messages d'erreur, j'ai trouvé sur le net qu'il faut encadrer les paramètres avec des quotes.
Ce qui me donne

onmouseout="setTimeout(\'CacheMenu(\''.$code_section_child.'\')\',\'5000\')"
Mais du coup mon paramètre PHP n'est pas passé correctement...

Merci à celles et ceux qui pourront m'aider.

[DoubleU]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onmouseout="setTimeout(function(){CacheMenu(\''.$code_section_child.'\')},5000)"

Le premier argument de setTimeout est un callback, et non une fonction normale, donc tu ne peux pas lui passer de paramètre directement puisque le moteur de javascript s'attend à une fonction sans argument.

[gscorpio]

Arg... La réponse que je redoutais.

J'avais également essayé un truc du genre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onmouseout="CacheMenu(\''.$code_section_child.'\')"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<script language="javascript">
 
function CacheMenu(code)
{
 
setTimeout(\'document.getElementById(code).style.display=none\',\'2000\')
 
}
 
</script>

Sans succès non plus (Erreur:code is not defined). Normal je suppose au vu de la disposition des quotes.

J'ai donc fait d'autres essais :

setTimeout(document.getElementById(code).style.display=\'none\',\'2000\')
->Le setTimeout ne semble pas marché et j'ai l'erreur "none is not defined" au bout de 2 secondes.

idem sans quotes du tout.

J'aurai voulu également tester un truc du genre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script language="javascript">
 
function CacheMenu(code)
{
var super_code=code;
 
setTimeout("Cache()","2000");
 
}
 
function Cache();
{
 
document.getElementById(super_code).style.display="none";
}
 
</script>

MAis cette solution pose un problème évident de portée de variable. J'aurais besoin de déclarer une variable globale à l'intérieur d'une fonction. C'est possible en javascript?

Merci pour ton aide.

[Bovino]

Tout d'abord, il est préférable de poster du code (HTML ou JavaScript) généré plutôt que du PHP, cela permet de détecter plus facilement les erreurs de syntaxe et de toutes façons, c'est uniquement ce code-là qui est interprété par le navigateur.

Ensuite, concernant le setTimeout, comme indiqué par DoubleU, cette fonction admet comme 1er argument un callback, que l'on trouve soit sous la forme d'une chaine de caractère soit une fonction.
Par exemple, tu peux utiliser une syntaxe du style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
setTimeout(function(){
    // Ici, le corps de ta fonction.
},2000)

[gscorpio]

Désolé pour le code PHP. Je le ferai plus ^^

J'avais pas pensé à cette solution. Après quelques bidouilles ca marche bien.
Merci beaucoup.

A retenir pour les prochains, pas d'arguments dans le premier paramètre (je m'en doutais un peu car je ne trouvais aucun exemple avec paramètre sur le net, mais ce n'était pas dit explicitement).

A bientôt probablement.

[vraipolite]

Tout d'abord, il est préférable de poster du code (HTML ou JavaScript) généré plutôt que du PHP, cela permet de détecter plus facilement les erreurs de syntaxe et de toutes façons, c'est uniquement ce code-là qui est interprété par le navigateur.

Ensuite, concernant le setTimeout, comme indiqué par DoubleU, cette fonction admet comme 1er argument un callback, que l'on trouve soit sous la forme d'une chaine de caractère soit une fonction.
Par exemple, tu peux utiliser une syntaxe du style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
setTimeout(function(){
    // Ici, le corps de ta fonction.
},2000)

Et si on souhaite faire un appel récursif dans la fonction qui est définie à l'intérieur du setTimeout ? y a une solution ?


edith : ha ben j'ai trouvé. Je rappelle que mon problème concernait l'appel récursif d'une fonction avec plusieurs paramètre au travers d'un setTimeout.
C'est un peu crado mais sachant que mes arguments ne sont pas modifiés en cours d'exécution du script, suffit de les déclarer en global