Discussion :

[moimp]

Bonjour,

Je ne vois pas où est l'erreur dans (extraits):

Code html :

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

1
2
	<label><input type="image" src="images/0.png" alt="btn" name="right[]"><span>Sélections et navigation</span></label><br>
	<label><input type="image" src="images/0.png" alt="btn" name="right[]"><span>Onglet adresse</span></label><br>

Code js :

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

1
2
3
4
5
6
7
8
9
const
	thisForm	= document.querySelector("form")
	,user		= thisForm.user
	,main		= document.querySelector(".noDispl")
	,btns		= document.querySelectorAll("input[type='image']")
	;
btns.addEventListener('click', function(e){
	alert(e.target);
}, false );

[Doksuri]

ton JS doit etre execute trop tot (avant que les boutons n'existent dans le DOM

bouge ton script a la fin du body, oubien ajoute-lui un defer, oubien execute ton script dans une DOMContentLoaded

[moimp]

Mon script est placé en fin de code html comme ceci (en raison de l'inclusion de plusieurs fichiers)

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type="module" src="../js/setRights.js"></script>
			</article>			
		</section>
 
<footer class="footer">
	<br/>&nbsp;
	<hr/>
	* N° de semaine selon ISO 8601
</footer>
 
<script>const clockData = {"weekDays":["Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi"],"monthes":["Janvier","F\u00e9vrier","Mars","Avril","Mai","Juin","Juillet","Ao\u00fbt","Septembre","Octobre","Novembre","D\u00e9cembre"],"week":"Semaine","language":"fr"};
</script>
 
<script type="module" src="../js/clock.js"></script>		
	</body>
</html>

.

1. J'ai essayé de le modifier comme ceci: <script type="module" src="../js/setRights.js" defer></script> ce qui ne change rien mais je ne sais pas s'il faut ajouter une valeur à l'attribut defer.
2. Je ne sais pas comment exécuter le script dans un DOMContentLoaded.
3. J'ai un autre écouteur dans le même script qui, lui, fonctionne.

[ProgElecT]

Salut

Je ne sais pas comment exécuter le script dans un DOMContentLoaded.

Il s'agit d'un événement.
Un exemple ici

[NoSmoking]

Bonjour,
document.querySelectorAll("input[type='image']") renvoie une NodeList, donc plusieurs éléments, tu ne peux donc pas écrire :

Code :

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

1
2
3
btns.addEventListener('click', function(e){
  // blabla
}

mais

Code :

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

1
2
3
btns.forEach.addEventListener('click', function(e){
  // blabla
}

En cas de doute il est toujours bon de se reporter à la documentation disponible, exemple : Document.querySelectorAll()

[moimp]

Merci NoSmoking. C'est le libellé du message d'erreur qui m'a induit en erreur. Ce n'est pas la fonction qui n'était pas bonne, c'est son utilisation.