erreur dans une fonction javascript toute simple

**totoAussi** · 17/10/2009, 20h39

Bonjour, j'ai un problème avec une fonction javascript simple dont voici le code source :

Code html :

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
18
19
20
21
22
<html> 
<head> 
</head> 
<body> 
 
<span id='monId' onClick='annoncerMonId(id);'>Bonjour</span> 
 
<script language='javascript'> 
 
function annoncerMonId(id) 
{ 
alert(id); 
setTimeout("annoncerEncoreMonId(id)",1000); 
} 
 
function annoncerEncoreMonId(id) 
{alert(id);} 
 
</script> 
 
</body> 
</html>

Le but de la fonction est que lorsque je clique sur la phrase Bonjour,
et bien ça fait appel à la fonction annoncerMonId() qui m'affiche l'id dans une boite d'alerte : ça marche nickel.
Puis toujours dans cette méme fonction, il y aussi appel par un setTimeout à l'autre fonction annoncerEncoreMonId() pour afficher une 2ème fois l'id : là ça ne marche pas.

Pouvez-vous me dire pourquoi ça ne marche pas ? Merci d'avance

PS : je sais que dans la fonction annoncerMonId() je pouvait mettre setTimeout("alert(id)",1000); au lieu de setTimeout("annoncerEncoreMonId(id)",1000); mais je ne l'ai pas mis car le but est de voir si une variable peut se transmettre d'une fonction à l'autre.

**hakurou** · 17/10/2009, 21h07

Salut,

essaye avec ca :

Code :

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

setTimeout((function(id){return function(){annoncerEncoreMonId(id)}})(id),1000);

dans ce cas, il faut utiliser les closures !

**totoAussi** · 17/10/2009, 21h16

Merci beaucoup ça marche nickel.

C'est dommage que la transmission de variable par un setTimeout n'est pas aussi simple.

Merci encore, mais peut tu me dire c'est quoi les closures ? merci

Et j'ai oublié de te demander une chose si ça ne te dérange pas :
peut tu m'expliquer en détail le bout de code que tu m'as donnée ?

Merci

**hakurou** · 17/10/2009, 21h46

Les explications c'est pas toujours mon fort mais je vais essayer:

en gros, si tu veux executer une fonction directement, sans nom (donc une fonction anonyme), tu ecris

Code :

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

1
2
 
(function(){})

les parenthèses permettent d'executer directement la fonction.
Si tu veux passer des parametres a cette fonction anonyme, tu ecris

Code :

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

1
2
 
(function(chaine){alert(chaine);})("toto")

Ca affichera toto.

Code :

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

1
2
3
4
5
6
 
(function(id){
   return function(){
      annoncerEncoreMonId(id)
   }
})(id)

Donc la, tu peux comprendre que l'on fait appel a une fonction anonyme, dont on inclut en parametre "id".
Cette fonction retourne l'appel de fonction "annoncerEncoreMonId(id)"; avec la bonne valeur de "id".

J'espere t'avoir eclairé malgré mes explications tres floues

**Bovino** · 18/10/2009, 09h26

Salut,
tu peux aussi faire simplement :

Code :

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

setTimeout(function(){annoncerEncoreMonId(id)},1000);

Invité · 18/10/2009, 12h19

jour

comme ca aussi ca marche

Code :

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

setTimeout("annoncerEncoreMonId('"+id+"')",1000);

erreur dans une fonction javascript toute simple

JavaScript

Discussions similaires

Partager

Partager