Erreur d'event sur navigateur

**ZeeKinio** · 09/10/2018, 08h36

Bonjour,

J'ai un problème , j'ai développer un site et j'utilise donc du json et celui-ci n'est pas exécuter à cause de cette erreur avez-vous une idée ?
"Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive"

Merci

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
<?php
include('../trombi/accesBD.Script.php');
include('./TestSession.php');
include('header-admin.html');
?>
    <div class="cont" >
      <form method="post" action="SauvegardeModifOrdrePosition.php">
 
        <labelfor="POS_CODE"><center><b>SITE : <span style="color:#FF0000"> <select name="id_site" id="localite_un">
          <option selected="true" disabled="disabled">Site</option>
      </select></br></br></br></span></br></center></label>
 
 
        <center><select  name="nomgroupe" id= "localite_deux"> </select></br></br></center>
 
        <center><span class="ordreposition" name="ordreposition" id= "localite_trois"></span></br></br></center>
<input type="hidden" value="" id="all_code_poste" name="all_code_poste">
          <center><button  class ="btn btn-primary"  value="Enregistrer"> Enregistrer </button></center>
      </form>
    </div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script type="text/javascript" src="js/listeOrdreJob.js" charset="utf-8"></script>
<?php
include('footer-admin.html');
 
 ?>

Voici le code de la page en question

**Doksuri** · 09/10/2018, 08h56

Envoyé par ZeeKinio

"Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive"

si je ne me trompe pas, cette erreur est un warning. je ne penses pas que l'erreur provienne de la

quel est le rapport entre du JSON et le code que tu nous as fournis ?

de plus, tu as un formulaire, mais pas de bouton de type "submit"

ps : si tu penses que l'erreur vient du scroll, il nous faudrait le code de ce que tu fais au scroll

**ZeeKinio** · 09/10/2018, 09h00

L'erreur ce produit lors de l'ouverture de la liste dans le code fournit, pour le bouton normal j'utilise ce system

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
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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
// JavaScript Document
$(document).ready(function() {
	var $localite_un = $('#localite_un');
	var $localite_deux = $('#localite_deux');
	var $localite_trois = $('#localite_trois');
 
	var all_code_poste = "";
 
	// chargement de la liste de localité un
	$.ajax({
		url: './listeOrdreJob.php',
		data: 'go', // on envoie $_GET['go']
		dataType: 'json', // on veut un retour JSON
		success: function(json) {
			$.each(json, function(index, value) {
				// pour chaque noeud JSON
				// on ajoute l option dans la liste
				$('#localite_un').append('<option value="'+ index +'">'+ value +'</option>');
 
			});
		}
	});
 
	// à la sélection de la localité un dans la liste
	$localite_un.on('change', function() {
		var val = $(this).val(); // on récupère la valeur de la localité un
		if(val != '') {
			$localite_deux.empty(); // on vide la liste de localité deux
			$localite_deux.append('<option selected="true" disabled="disabled"> Nom Groupe </option>');
 
			$.ajax({
				url: './listeOrdreJob.php',
				data: 'localite_un='+ val, // on envoie $_GET['localite_un']
				dataType: 'json',
				success: function(json) {
					$.each(json, function(index, value) {
						$localite_deux.append('<option value="'+ index +'">'+ value +'</option>');
					});
				}
			});
		}
		else {
			$localite_deux.empty();
			$localite_deux.append('<option value=""> Groupe </option>');
		}
	});
			// à la sélection de la localité deux dans la liste
			$localite_deux.on('change', function() {
 
var val = $(this).val(); // on récupère la valeur de la localité deux
if(val != '') {
 
$localite_trois.empty(); // on vide la liste de localité trois
 
$.ajax({
 
url: 'listeOrdreJob.php',
data: 'localite_deux='+ val, // on envoie $_GET['localite_deux']
dataType: 'json',
success: function(json) {
 
$.each(json, function(index, value) {
	var str = String(value);
	var n = str.indexOf(";");
	var length = str.length;
	var libelleJob = str.substring(0,n);
	var codeJob = str.substring(n+1,length);
$localite_trois.append('<p>'+ libelleJob +'<input type="number" class="ModificationOrdrePosition" name="'+ codeJob +'" value="'+index+'"</input></p>');
all_code_poste = all_code_poste + ","+codeJob;
}
 
);
var max_all_code_job = all_code_poste.length;
document.getElementById("all_code_poste").value =all_code_poste.substring(1,max_all_code_job);
}
 
});
 
 
}
else {
 
$localite_trois.empty();
$localite_trois.append('<option value="">Ordre position</option>');
 
}
 
});
});

Et dès l'ouverture de la liste j'ai le message qui passe en verdose dans la console dev. Cela peut venir du jquery ?

**danielhagnoul** · 09/10/2018, 09h08

La méthode addEventListener() prend trois arguments, exemple :

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
document.addEventListener('DOMContentLoaded', ev => {
    // le DOM est construit, la page web n'est pas visible
    moment.locale('fr');
    console.log(`DOM ready : ${new kDvjhDate()}`);
 
    // début code du test
 
 
    // fin code du test
 
}, {
    capture: false,
    passive: true,
    once: false
});

L'option passive doit être false si l'on touche à l'event, par exemple si l'on utilise ev.preventDefault(), ev.stopPropagation(), etc.

Voir : https://developer.mozilla.org/fr/doc...dEventListener

**ZeeKinio** · 09/10/2018, 09h11

Excusez moi je n'ai pas très bien compris ton message ^^ Je comprend le truc d'event mais je ne l'appel jamais de base , il ce trouve donc systématiquement dans le jquery ? comment régler le soucis :/

**ZeeKinio** · 09/10/2018, 09h59

J'ai essayer l'utilisation de ceci toujours pareil ....

Code :

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

1
2
3
4
5
6
7
8
9
 
jQuery.event.special.mousewheel = {
                      setup: function( _, ns, handle ){
                      if ( ns.includes("noPreventDefault") ) {
                          this.addEventListener("mousewheel", handle, { passive: false });
                          } else {
                            this.addEventListener("mousewheel", handle, { passive: true });
                          }
                          }

**ZeeKinio** · 09/10/2018, 16h24

Pour revenir sur le problème j'ai essayer beaucoup de chose sans résultat et je tien à préciser que le code fonctionne en localhost sur wamp mais refuse de marché sur serveur

**NoSmoking** · 09/10/2018, 19h34

Bonjour,
comme dit par Doksuri ce n'est qu'un warning et comme tes événement sont gérés par jQuery tu ne peux pas y faire grand chose.

Quant à ton soucis de fonctionnement sur le serveur, celui-ci est peut être sensible à la casse comme tu as un fichier requête listeOrdreJob.php, essaie de le lancer directement depuis la barre d'adresse.

Erreur d'event sur navigateur

jQuery

Vue hybride

Discussions similaires

Partager

Partager