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