Conseil pour fonction addeventlistener

**Strasha** · 24/05/2009, 17h14

Salut a tous,

Voila j'ai u petit soucispour rendre actif les fonction addeventlistener en javascript.
Je m'explique : je dispose d'un catalogue qui charge des images en dynamique en fonction d'une requete sql et lorsque j'utilise les fonctions onmouseout et onmouseover sur les images dans le code html ca ne marche pas.
L'idée est de faire un agrandi des images dans une infobulle au survol de la souris.
Donc j'ai pensé forcé la detection des evenements en utilisant un peu javascript et comme je suis un novice je n'arrive pas a le faire marcher.
J'ai aussi essayé d'utiliser le event observer de prototype vainement.
J'a cherché sur le net et je n'ai trouvé que des exemples incomplets ou il n'y avait pas la syntaxe precise et surtout un moyen de rendre actif ces fonctions.
Comme un long discours est inutile voici le code que j'essaie d'utiliser

Code :

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

1
2
3
4
5
6
7
function addListener(element, type, expression, bubbling){
	bubbling = bubbling || false; 	
             if(window.addEventListener)	{ // Standard		element.addEventListener(type, expression, bubbling);		return true;	}
             else if(window.attachEvent) { // IE	
	element.attachEvent('on' + type, expression);	
	return true;	}
             else return false;}

element : le nom de l'element sur lequel attacher l'evenement
type : nom de l'evenement
expresion le nom de ma fonction
bubbling true ou false ( je met false)

Ou dois je appeler la fonction adlistener : dans la balise body sur un onload?
" ou ' pour mes parametres
Si quelqu'un a une meilleure idee je suis preneur

Je vous remercie pour votre aide

sTRASHA

**Bovino** · 24/05/2009, 19h29

Avant d'aller plus loin,

Code :

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

if(window.addEventListener)	{ // Standard		element.addEventListener(type, expression, bubbling);		return true;	}

Cette ligne est aussi sur une seule ligne dans ton script ? Auquel cas, cela posera nécessairement des problèmes

**Strasha** · 24/05/2009, 20h55

Salut,

En tout premier lieu merci de t'interesser a mon cas

voici mon code exact

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function addListener('img', "mouseover", changerTexte(), bubbling){
	bubbling = bubbling || false;
	if(window.addEventListener)	{ // Standard
		element.addEventListener("mouseover", changerTexte(), bubbling);
		return true;	}
	else if(window.attachEvent) { // IE
		element.attachEvent("onmouseover", changerTexte());
		return true;	}
	else return false;}
 
function changerTexte(){
	alert('Ok');
}

Le fait que ce soit sur une meme ligne vient simplement d'un mauvais copier coller.

Ensuite je rajoute la balise <body onload="addListener()";>

Je ne comprend pas pouruoi ca marche po!!!!

A plus

**Bovino** · 24/05/2009, 21h44

Code :

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

element.addEventListener("mouseover", changerTexte(), bubbling);

Dans le contexte de ta fonction, 'element' n'existe pas

**bigboomshakala** · 25/05/2009, 07h15

il ne sert à rien de passer le paramètre bubbling à ta fonction. il ne peut qu'être à false si tu veux le même comportement que sur IE.

il ne faut pas mettre les parenthèses pour changerTexte... sinon tu exécutes la fonction. or toi tu veux enregistrer un callback sur un événement.

Conseil pour fonction addeventlistener

JavaScript

Discussions similaires

Partager

Partager