[Resolu] Ajout dynamique onclick et problème d'auto-execution

Marsh Posté le 22-01-2008 à 00:49:25

Bonjour,
Apres avoir parcouru le forum à la recherche d'une réponse à mon problème
Je me permet de poster ma question ici :

Je souhaite ajouter dynamique à des <img ../> un evenement onclick. Pour cela, j'ai essayé les différentes méthodes qui suivent :

[B]img.onclick = nom_fonction(param1,param2)[/B]
==> la fonction s'execute sans atteindre le click sur l'imag
[B]img.onclick = fonction(){nom_fonction(param1,param2)}[/B]
==> la console javascript n'accepte pas cette syntaxe
[B]img.addAttribute('onclick','nom_fonction('+param1+','+param2+')')[/B]
==> fonction uniquement sur firefox

Code :

if (del.addEventListener){ //firefox
del.addEventListener('click',deleteGalerie(idLog,idPhoto), false);
}
else if (del.attachEvent) { //IE
del.attachEvent('onclick', deleteGalerie(idLog,idPhoto));
}

==> la fonction s'execute automatiquement sur les deux navigateurs

Finalement aucune des différentes methodes ne fonctionnent

Voici le code des fonctions concernées :

Code :

function deleteGalerie(idLog,idPhoto){
var req = new Ajax.Request("/ajax.php?action=deleteGalerie&idLog="+idLog+"&idPhoto="+idPhoto,{
method: 'get',
onSuccess: function(transport) {
document.getElementById("thumbnails_galerie" ).innerHTML="";
afficheGalerie(idLog);
}
});
}
function addImage(idLog,idPhoto,desc){
var del = document.createElement("img" );
var photo = document.createElement("img" );
var divP = document.createElement("div" );
del.src = "/img/del.png";
del.className="g_del";
divP.className="g_div";
del.style.cursor="pointer"
source = "/upload.php?action=affiche&objet=logiciel-galerie&id="+idLog+"&idPhoto="+idPhoto;
photo.src = source+'&'+new Date()*Math.random();
photo.id = idLog+'_'+idPhoto;
if (del.addEventListener){ //firefox
del.addEventListener('click',deleteGalerie(idLog,idPhoto), false);
}
else if (del.attachEvent) { //IE
del.attachEvent('onclick', deleteGalerie(idLog,idPhoto));
}
divP.appendChild(photo);
divP.appendChild(del);
document.getElementById("thumbnails_galerie" ).appendChild(divP);
//del.onclick = function(){deleteGalerie(idLog,idPhoto)}
new Tip(idLog+'_'+idPhoto, desc,{
className: 'darktip'
}
);
}

Si quelqun a une idée d'où peut venir ce probleme, je suis preneur
Merci d'avance.

Message édité par chjerome le 24-01-2008 à 18:53:34

Reply

Marsh Posté le 22-01-2008 à 00:49:25

Reply

Marsh Posté le 22-01-2008 à 23:50:15

la meilleure des methodes est celle ci

img.onclick = fonction(){nom_fonction(param1,param2)}

si la console accepte pas c est plutot etonnant: je m en sers pratiquement tous les jours...
essaie de placer cete ligne apres append c est peut etre ca qui merde

---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell

Reply

Marsh Posté le 23-01-2008 à 00:33:28

j'ai mis ceci a la fin de ma fonction addImage

Code :

del.onclick = fonction(){deleteGalerie(idLog,idPhoto)};

Ce ne pose plus de probleme à la console, mais le probleme principale reste le meme. La fonction s'execute automatiquement sans attendre un quelconque clic de souris

Reply

Marsh Posté le 24-01-2008 à 18:52:32

Finalement j'ai trouvé une solution :

utiliser la methode de prototype :

Code :

Event.observe(suppr, 'click', function() {
supprGalerie(idLog,idPhoto)
});

Message édité par chjerome le 24-01-2008 à 18:52:48

Reply

[Resolu] Ajout dynamique onclick et problème d'auto-execution

Sujets relatifs:

Leave a Replay