Écouteur n'est pas appelé

**moimp** · 21/11/2017, 14h55

Bonjour à tous,

J'ai un écouteur sur la balise body qui n'est pas appelé, je ne comprends pas pourquoi. Le débogueur n'affiche aucune anomalie.
Voici mon code JavaScript dans le fichier editUser.js:

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
const	body	= document.getElementsByTagName('body')[0],
		calIn	= document.getElementById('calendarIn'),
		calOut	= document.getElementById('calendarOut');
console.log(body);
body.addEventListener('clic', function(e) {
	alert('xxxxx'); // NE S'AFFICHE PAS
	console.log(e.target.name);
	alert(e.target);
	if (e.target.id !== 'entree') calIn.CalHide('entree');
	if (e.target.id !== 'sortie') calOut.CalHide('sortie');
}, false );

et pour le cas où vous en ayez besoin, mon code html:

Code html :

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html>
 
<head>
	<meta charset="utf-8" />
	<title>Edition d'un utilisateur</title>
	<link rel="stylesheet" media="all" type="text/css" href="admin.css" />
	<link rel="stylesheet" type="text/css" href="default_blue.css" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="-1" />
</head>
 
<body>
 
<p>
	<a href="selectUser.php">Editer un autre utilisateur</a><br/>
	<a href="../home.php">Retour à la page d'accueil</a><br/>
	<a href="../index.php">Retour à la page de connexion</a><br/>
</p>
 
<h1>Edition d'un utilisateur</h1>
 
<?php
// Affichage des erreurs
if (isset($errors)) {
        displayErrors($errors);
        unset($errors);
}
?>
 
<p class="<?= $cssClass ?>"><?= $msgAdmins; ?></p>
 
<form method="post">
	<label for="id">N° utilisateur</label><input type="text" id="id" name="id" value="<?= $id; ?>" readonly="readonly" /><br/>
	<label for="pseudo">Identifiant</label><input type="text" id="pseudo" name="pseudo" value="<?= setPostValue('pseudo'); ?>" maxlength="12" required /><br/>
	<label>Civilité</label><input type="radio" name="sexe" id="f" value="f" <?= $sF; ?> /><label for="f">Madame</label><br/>
	<label></label><input type="radio" name="sexe" id="m" value="m" <?= $sM; ?> /><label for="m">Monsieur</label><br/>
	<label for="prenom">Prénom</label><input type="text" id="prenom" name="prenom" value="<?= setPostValue('prenom'); ?>" /><br/>
	<label for="nom">Nom</label><input type="text" id="nom" name="nom" value="<?= setPostValue('nom'); ?>" /><br/>
	<label for="courriel">Courriel</label><input type="text" id="courriel" name="courriel" value="<?= setPostValue('courriel'); ?>" required /><br/>
	<label for="tel_fixe">Téléphone fixe</label><input type="text" id="tel_fixe" name="tel_fixe" value="<?= setPostValue('tel_fixe'); ?>" /><br/>
	<label for="tel_gsm">Téléhone portable</label><input type="text" id="tel_gsm" name="tel_gsm" value="<?= setPostValue('tel_gsm'); ?>" /><br/>
	<label for="mdp">Mot de passe</label><input type="text" id="mdp" name="mdp" maxlength="12" /><br/>
	<label for="mdp2">Mot de passe</label><input type="text" id="mdp2" name="mdp2" maxlength="12" />&nbsp;(Confirmation)<br/>
	<label for="entree">Date d'entrée</label><input type="text" id="entree" name="entree" value="<?= setPostValue('entree'); ?>" placeholder="<?= TODAY_SQL; ?>" required />
	<div id="calendarIn" class="calendarMain calendarInLine"></div><br/>
	<label for="sortie">Date de sortie</label><input type="text" id="sortie" name="sortie" value="<?= setPostValue('sortie'); ?>" placeholder="<?= TODAY_SQL; ?>" />
	<div id="calendarOut" class="calendarMain calendarInLine"></div><br/>
	<label for="admin" class="red">Administrateur</label><input type="checkbox" id="admin" name="admin"<?php setPostValue('admin', 'checkbox'); echo ' '.$adminDisabled; ?> /><br/>
	<label for="banni">Verrouillé</label><input type="checkbox" id="banni" name="banni"<?php setPostValue('banni', 'checkbox'); ?> /><br/>
	<p>
		<input type="submit" name="save" value="Enregistrer"/>
	</p>
 
</form>
 
<p>
	<a href="selectUser.php">Editer un autre utilisateur</a><br/>
	<a href="../home.php">Retour à la page d'accueil</a><br/>
	<a href="../index.php">Retour à la page de connexion</a><br/>
</p>
 
<script src="jsSimpleDatePickr.2.1.js"></script>
<script src="editUser.js"></script>
<script src="../libraries/routines.js"></script>
 
</body>
 
</html>

**NoSmoking** · 21/11/2017, 16h30

Bonjour,
Attention à la syntaxe

Code :

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

body.addEventListener('click', function(e) {

**moimp** · 22/11/2017, 12h07

Parfois, je m'en veux d'avoir des peaux de sauc' devant les yeux!
Merci à toi.

Écouteur n'est pas appelé

JavaScript

Discussions similaires

Partager

Partager