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.

**SpaceFrog** · 10/10/2018, 08h26

j'utilise donc du json et celui-ci n'est pas exécuter

ça s'exécute un json ?

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

Le listeOdreJob est un fichier js, qui d'après la console dev de chrome est bien appeler

**ZeeKinio** · 10/10/2018, 08h38

Envoyé par SpaceFrog

ça s'exécute un json ?

Je me suis mal exprimer, c'est un fichier JS mais avec des données Json*

**SpaceFrog** · 10/10/2018, 08h45

vu que tu utilises jquery, pourquoi ne pas utiliser un petit plugin de gestion de la molette de souris du genre https://plugins.jquery.com/mousewheel/

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

J'ai déja essayer mais je pense que j'ai utiliser la mauvaise fonction par la suite :/ As-tu une piste ?

C'est un projet important que je dois rendre assez vite et il ne manque plus que ce petit probleme de liste imbriqué à réglé mais cela fait déja un moment que je bloque complètement dessus

**ZeeKinio** · 10/10/2018, 11h45

Je reviens vers vous pour mon erreur , alors le fait que la liste n'est pas alimenter de vient pas du warning

J'ai donc tester l'accès a la base de données manuellement et la pas de soucis non plus

Je pense donc que l'erreur vient du fichier js ...

**ZeeKinio** · 10/10/2018, 11h55

Pour cexu qui veulent voir le fichier listeOrdreJob.php

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
<?php
include('../trombi/accesBD.Script.php');
include('./TestSession.php');
$BD = new accesBD;
if(isset($_GET['go']) || isset($_GET['localite_un']) || isset($_GET['localite_deux'])) {
 
// connexion à la base de données
 
try {
 
$bdd = $BD->connexionMysqli();
 
} catch(Exception $e) {
 
exit('Impossible de se connecter à la base de données.');
 
}
 
	$json = array();
 
	if(isset($_GET['go'])) {
		// requête qui récupère les localités un
		$requete = "SELECT * FROM SITE ORDER BY ID_SITE ASC";
		// exécution de la requête
		$resultat = $bdd->query($requete) or die(print_r($bdd->errorInfo()));
		// Création de la liste
		while($donnees = mysqli_fetch_array($resultat)) {
			// je remplis un tableau et mettant l'id en index
			$json[$donnees["ID_SITE"]][] = utf8_encode($donnees["WORK_LOCATION"]);
		}
	}
	elseif(isset($_GET['localite_un'])) {
		// requête qui récupère les localités un
		$requete = "SELECT * FROM groupe WHERE ID_SITE = '".$_GET['localite_un']."'";
		// exécution de la requête
		$resultat = $bdd->query($requete) or die(print_r($bdd->errorInfo()));
		// Création de la liste
		while($donnees = mysqli_fetch_array($resultat)) {
			// je remplis un tableau et mettant l'id en index
			$json[$donnees["ID_GROUPE"]][] = utf8_encode($donnees["LIBELLE_GROUPE"]);
		}
	}
	elseif(isset($_GET['localite_deux'])) {
 
			// requête qui récupère les localités un
 
				$requete = "SELECT * FROM job WHERE ID_GROUPE = '".$_GET['localite_deux']."' AND ORDRE_JOB IS NOT NULL GROUP BY CODE_JOB ORDER BY ORDRE_JOB ASC";
 
			// exécution de la requête
 
				$resultat = $bdd->query($requete) or die(print_r($bdd->errorInfo()));
 
			// Création de la liste
 
				while($donnees = mysqli_fetch_array($resultat)) {
 
			// je remplis un tableau et mettant l'id en index
 
				//$json[$donnees["ORDRE_JOB"]][] = $donnees["LIBELLE_JOB"] ;
				$result = $donnees["LIBELLE_JOB"].";".$donnees['CODE_JOB'];
				$json[$donnees["ORDRE_JOB"]][] = $result;
 
}
 
}
	 // envoi du résultat au success
	echo json_encode($json);
}
 
?>

**ZeeKinio** · 10/10/2018, 14h48

Après inspection du XHR , dans la réponse de mon json voici l'erreur Warning: mysqli_fetch_array() expects parameter 1 to be mysqli_result, boolean given in /var/www/html/DEV/trombi/Connexion/listeOrdreJob.php on line 27
[]

Erreur que je n'ai pas en localhost ... Je ne comprend pas . Problème de version ? ou celui-ci fait une boucle en trop et me retourne donc false ?

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
<?php
include('../trombi/accesBD.Script.php');
include('./TestSession.php');
$BD = new accesBD;
if(isset($_GET['go']) || isset($_GET['localite_un']) || isset($_GET['localite_deux'])) {
 
// connexion à la base de données
 
try {
 
$bdd = $BD->connexionMysqli();
 
} catch(Exception $e) {
 
exit('Impossible de se connecter à la base de données.');
 
}
 
	$json = array();
 
	if(isset($_GET['go'])) {
		// requête qui récupère les localités un
		$requete = "SELECT * FROM SITE ORDER BY ID_SITE ASC";
		// exécution de la requête
		$result = mysqli_query($bdd, $requete);
		// Création de la liste
		while($donnees = mysqli_fetch_array($result)) {
			// je remplis un tableau et mettant l'id en index
			$json[$donnees["ID_SITE"]][] = utf8_encode($donnees["WORK_LOCATION"]);
		}
	}
	elseif(isset($_GET['localite_un'])) {
		// requête qui récupère les localités un
		$requete = "SELECT * FROM groupe WHERE ID_SITE = '".$_GET['localite_un']."'";
		// exécution de la requête
		$result = mysqli_query($bdd, $requete);
		// Création de la liste
		while($donnees = mysqli_fetch_array($result)) {
			// je remplis un tableau et mettant l'id en index
			$json[$donnees["ID_GROUPE"]][] = utf8_encode($donnees["LIBELLE_GROUPE"]);
		}
	}
	elseif(isset($_GET['localite_deux'])) {
 
			// requête qui récupère les localités un
 
				$requete = "SELECT * FROM job WHERE ID_GROUPE = '".$_GET['localite_deux']."' AND ORDRE_JOB IS NOT NULL GROUP BY CODE_JOB ORDER BY ORDRE_JOB ASC";
 
			// exécution de la requête
 
				$result = mysqli_query($bdd, $requete);
 
			// Création de la liste
 
				while($donnees = mysqli_fetch_array($result)) {
 
			// je remplis un tableau et mettant l'id en index
 
				//$json[$donnees["ORDRE_JOB"]][] = $donnees["LIBELLE_JOB"] ;
				$result = $donnees["LIBELLE_JOB"].";".$donnees['CODE_JOB'];
				$json[$donnees["ORDRE_JOB"]][] = $result;
 
}
 
}
	 // envoi du résultat au success
	echo json_encode($json);
}
 
?>

**ZeeKinio** · 10/10/2018, 15h21

Problème résolu , majuscule sur table qui ne passe pas sur serveur

Erreur d'event sur navigateur

jQuery

Discussions similaires

Partager

Partager