Discussion :

[roseblanche_nanou]

Salut, j'aurai besoin d'aide pour un petit problème. Je voudrais que lorsque l'on clique sur une image, ici une croix, une fonction message s'active.
Mais la fonction se lance dès que l'on charge la page et cliquer sur l'image ne fait rien.*
Merci d'avance de votre aide .*

Code html :

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

1
2
<div id="croix">
<img src="croix.png" height="50"></div>

Code javascript :

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

1
2
3
4
5
var croix=document.getElementById('croix')
croix.addEventListener('click', message());
function message(){
alert('go')
}

[Doksuri]

et sans les parentheses ?

Code javascript :

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

croix.addEventListener('click', message);

[roseblanche_nanou]

en retirant les parentaises, le message s'affiche quand je clique mais pas quand je clique seulement sur l'image, comment faire pour que le message se déclenche seulement quand je clique sur une image spécifique ?

[roseblanche_nanou]

enfaite c'est la div qui fait tout le long de la page, je ne me souviens plus comment diminuer la taille de la div pour quelle ne fasse que la taille de l'image

[SpaceFrog]

display inline-block

[NoSmoking]

Bonjour,

enfaite c'est la div qui fait tout le long de la page, je ne me souviens plus comment diminuer la taille de la div pour quelle ne fasse que la taille de l'image

SpaceFrog donne la solution, les éléments <div> étant par défaut de type block il occupe toute la ligne sauf contrainte.

La question que je me pose : pourquoi cibler le conteneur de l'image si l'on veut que seule l'image soit affectée par le click ?

Code :

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

1
2
const oImg = document.querySeelctor("#croix img");
oImg.addEventListener("click", message);

ou encore mettre l'ID sur l'image.

[roseblanche_nanou]

Bonjour,
En effet j'ai pri l'id de l'image pour que ce soit plus facile. Mais enfaite c'est un prof d'info qui m'avait dit il y a longtemps que c'était pas fou d'appliquer l'id de l'image et que c'était mieux l'id de la div de la taille de l'image

[SpaceFrog]

Il serait intéressant de connaitre la justification de ce point de vue ... pourquoi cibler le div et pas limage ... ???