code simple (évenements)

**<Zer0>** · 12/08/2007, 18h34

Salut !

Je débute en Javascript et je souhaite avoir un code qui affiche une boîte de dialogue lorsque je passe la souris sur un lien. J'ai donc écrit ce script, qui ne fonctionne pas :

Code :

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

1
2
3
4
5
6
7
(function () {
	var liens = document.getElementsByTagName("a");
	for(var i=0; i < liens.length; i++)
	{
		liens.onmouseover = function(){alert("a");};
	}
})();

Le script est chargé dans la balise "body" de la page avec :

Code :

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

<script src="JavaScript/nom_du_script.js"></script>

Pourtant, rien de compliqué...

Merci d'avance !

PS : cet exemple n'a aucun interêt, mais ce que je veux faire en réalité est bien plus complexe, mais ne fonctionnait pas. J'ai donc simplifié au maximum avec le code ci-dessus.

**SpaceFrog** · 13/08/2007, 08h45

Petits soucis de synatxe:
faut lui donner un nom à ta fonction ... et puis y'a des parenthèses en trop ...

Code :

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

1
2
3
4
5
6
7
function HoverLinks () {
	var liens = document.getElementsByTagName("a");
	for(var i=0; i < liens.length; i++)
	{
		liens[i].onmouseover = function(){alert("a");};
	}
};

et ne pas oublier de la lancer dans le onlaod du body ...

Code :

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

<body onload='HoverLinks()' >

**LexWizard** · 13/08/2007, 08h45

Salut,
Il te manque "[i]" dans ta boucle for :

Code :

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

1
2
3
4
5
6
7
function () {
	var liens = document.getElementsByTagName("a");
	for(var i=0; i < liens.length; i++)
	{
		liens[i].onmouseover = function(){alert("a");};
	}
}

ça devrait fonctionner

**SpaceFrog** · 13/08/2007, 08h50

seul l'ajout du i ne suffit pas car tu rencontrerais un problème d'insatnciation. Il faut lancer la fonction soit en fin de page àprès fermeture de la balise body (ce qui n'est pas très orthodoxe, soit dans le onload.

Mais en effet j'avais raté le i

**LexWizard** · 13/08/2007, 08h54

bah...on sait pas ce qu'il y a avant toutes ces parenthèses...
Mais c'est vrai que si il n'y a rien avant, et que donc il s'agit d'une erreur de synthaxe, il manque le nom de la fonction.

**<Zer0>** · 13/08/2007, 10h28

Alors...

Pour le nom de la fonction, il s'agit tout simplement du système de fonctions anonymes de JavaScript, et c'est sensé être correct si on l'appel tout de suite, avec les parenthèses bizarres (tirées d'un exemple de "Javascript : La référence" ...).

Pour le [i], c'est un oubli lorsque j'ai recopié le code...

Mais mon problème était en effet l'éxecution du code avant que la page soit chargée. Le code ne trouvait pas les balises, puiqu'elles n'existaient pas encore !

J'ai donc mis un gestionnaire onload dans la balise body, mais... maintenant mon JavaScript est intrusif, et ça je veux pas...

Comment puis-je le rendre non-intrusif ?

code simple (évenements)

JavaScript

Discussions similaires

Partager

Partager