Passage d'une variable JS dans fonction dans innerHTML [Résolu]

[Pierrick81]

Bonjour à tous,

J'ai un petit problème qui doit être tout bête.
J'ai la fontion suivante :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function showNational(val,ville){
	var national_post_val=val;
	var new_class="show_national_only";
	if(national_post_val==1)
	{
		showVille(0,ville);
		setBodyClass(new_class);
					document.getElementById('href_content9').innerHTML='<div id="national">National</a>';
	}
        if(national_post_val==0)
	{
		removeBodyClass(new_class);					
					document.getElementById('href_content9').innerHTML='<a href="javascript:void(0)" id="national" onClick="showVille(1,'+ville+')">Voir le National</a>';
	}
}
function showVille(val,ville){
alert(ville);
}

Avec cette technique là, lorsque j'affiche la variable ville dans showVille, il me met "undefined"
Comment faut-il que j'inscrive la variable ville dans la ligne ?

Code :

document.getElementById('href_content9').innerHTML='<a href="javascript:void(0)" id="national" onClick="showVille(1,'+ville+')">Voir le National</a>';

Merci d'avance.

[RomainVALERI]

Comment est fait l'appel à la fonction showNational ? Il faudrait voir le second param...

[Pierrick81]

L'appel est fait de la manière suivante : showNational(1,"Paris");

[NoSmoking]

Bonsoir,
il te faut mettre des quotes autour de la variable pour que ce soit le contenu et non la référence qui soit prise en compte

Code :

document.getElementById('href_content9').innerHTML='<a href="javascript:void(0)" id="national" onClick="showVille(1,\''+ville+'\')">Voir le National</a>';

essaies cela

Code :

1
2
3
4
5
6
function showVille( index, nom){
  alert( nom);
}
var Paris = "SALUT de la variable Paris!"
var ville = "Paris"
document.getElementById('href_content9').innerHTML='<a href="javascript:void(0)" id="national" onClick="showVille(1,'+ville+')">Voir le National</a>';

ici c'est ton code.

[Pierrick81]

Merci pour ce retour, mais malheureusement cela ne marche toujours pas.
J'ai toujours la valeur "undefined".

J'ai essayé en mettant des doubles quotes plutot que des simples quotes, mais le résultat est le même.

Voilà ma ligne de code :

Code :

document.getElementById('href_content9').innerHTML='<a href="javascript:void(0)" id="national" onClick="showVille(1,\''+ville+'\')">Voir le National</a>';

ou

Code :

document.getElementById('href_content9').innerHTML='<a href="javascript:void(0)" id="national" onClick="showVille(1,\"'+ville+'\")">Voir le National</a>';;

Dans ces 2 cas lorsque je clique sur le lien, cela me renvoie undefined.

Quelle pourrait être la méthode pour débugguer ? Je ne comprends pas grand chose au JS, donc j'avance par tâtonnement mais je ne sais pas trop comment faciliter le debugage.
Merci pour votre aide.

[RomainVALERI]

Envoyé par Pierrick81

Quelle pourrait être la méthode pour débugguer ? Je ne comprends pas grand chose au JS, donc j'avance par tâtonnement mais je ne sais pas trop comment faciliter le debugage.

>>> Firebug, mode d'emploi. ^^

[Pierrick81]

Merci pour ce retour.
Je connais Firebug, mais je ne comprends pas comment il peut m'aider sur le Javascript.
En l'occurrence, je voudrai savoir ici ce qu'il affiche dans le hrefcontent généré par le JS ?

Merci d'avance.

[RomainVALERI]

Envoyé par Pierrick81

Je connais Firebug, mais je ne comprends pas comment il peut m'aider sur le Javascript.

Tu l'utilises donc uniquement pour le DOM ? ou pour autre chose ? ^^ C'est très dommage... jette un oeil aux onglets script et console

[Sharcoux]

Ayant trouvé l'onglet script un peu obcure au début, je me permets deux trois commentaires :
dans l'onglet script, tu as une box qui te permet de choisir le fichier à débugguer (js ou html à priori).

Ensuite, choisis une ligne qui s'exécutera juste avant ce que tu veux observer. Clique dans la marge pour mettre un breakpoint.

Recharge ta page.

les flèches en haut à droite de l'onglet te permettent alors de parcourir tes instructions pendant que la petite fenêtre tout à droite te donne l'état exact des variables

Bonne chance

[RomainVALERI]

Oui, et tu peux également, dans ton éditeur de code habituel, placer ceci : debugger; pour mettre des breakpoint où tu veux, puis relancer ta page ^^ (de mémoire je crois que c'est de dukej que j'avais appris la combine je trouve ça pratique)

[Sharcoux]

Stylé ça ! Merci Romain !

[Pierrick81]

Effectivement grace à vous j'ai découvert cette fonctionnalité de Firebug, et cela aide plutôt pas mal

MERci.