Écouteur n'est pas appelé
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:
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:
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" /> (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> |
