Erreur d'event sur navigateur

Version imprimable

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:

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

09/10/2018, 08h56
Doksuri

Citation:

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

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

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
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 ?

:salut:

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

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

09/10/2018, 09h11
ZeeKinio

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 :/

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

Code:

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 });
                          }
                          }

09/10/2018, 16h24
ZeeKinio

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
09/10/2018, 19h34
NoSmoking

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.
10/10/2018, 08h26
SpaceFrog

Citation:

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

ça s'exécute un json ?
10/10/2018, 08h36
ZeeKinio

Le listeOdreJob est un fichier js, qui d'après la console dev de chrome est bien appeler
10/10/2018, 08h38
ZeeKinio

Citation:

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*
10/10/2018, 08h45
SpaceFrog

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/
10/10/2018, 08h59
ZeeKinio

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
10/10/2018, 11h45
ZeeKinio

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 ...

Pour cexu qui veulent voir le fichier listeOrdreJob.php

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
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);
}
 
?>

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:

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);
}
 
?>

10/10/2018, 15h21
ZeeKinio

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