[RESOLU] 3 listes derooulantes

Avatar du membre
Eléphanteau du PHP | 23 Messages

25 nov. 2016, 22:10

non le commentaire n'a pas sauté de ligne, c'est la largeur du site ici qui fait !

l'erreur est en ligne 4 comme indiqué dans mon précèdent message ?
Aide moi et Dieu t'aidera :mrgreen:

Avatar du membre
Mammouth du PHP | 1564 Messages

25 nov. 2016, 22:33

b j'ai mis un code valide, je l'ai créé avant de l'envoyer et pas une erreur ^^

ta installé firebug ? si oui, as tu une erreur ?

télécharge le dernier jquery si c'est pas déjà fait

Avatar du membre
Eléphanteau du PHP | 23 Messages

25 nov. 2016, 22:40

l'erreur ce déclare directement dans la feuille de travail de Dreamweaver pas dans Firefox et dans le navigateur je n'ai accès qua la première liste malgré le choix fait ?
j'ai mis le script directement dans la page index.php entre balise <script type="text/javascript">
</script>
Mais malgré ça, ça ne marche pas ?

dans le debug j ai une erreur
Uncaught ReferenceError: $ is not defined(…)
Aide moi et Dieu t'aidera :mrgreen:

Avatar du membre
Mammouth du PHP | 1564 Messages

25 nov. 2016, 22:59

connait pas dreamweaver désolé, une erreur sur "$" on est mal là ^^

ça doit être le "$(this)" quil comprend pas, ton jquery est à jour ?

Normalement oui, ça fait comme leboncoin mais si ta une erreur, ça ne fonctionnera pas

Avatar du membre
Eléphanteau du PHP | 23 Messages

25 nov. 2016, 23:10

oui il est a jour et j'ai testé Chrome ? pareil ?
y a pas de solution ?
y a pas moyen de faire une variable pour déclarer $

oups?
je test le site en local ? sur EasyPHP-DevServer-14.1VC9
ce ne serait pas ca le bleme ?

edit :
je viens de tester sur mon site externe , pareil erreur sur

$("select#liste1").on("change",function(){
il ne reconnaît pas $
il ne faudrait pas renommer .on("liste1.change ... ) ou quelque chose comme ça ??
Aide moi et Dieu t'aidera :mrgreen:

Avatar du membre
Mammouth du PHP | 1564 Messages

25 nov. 2016, 23:43

entoure tout le code js avec ce code, ça permet de demander à jquery d'executer le code une fois la page chargée:
$( document ).ready(function() {
//ici tu met mon code js
});
si ça fonctionne pas, j'ai peut être une autre solution

Avatar du membre
Eléphanteau du PHP | 23 Messages

26 nov. 2016, 00:01

Non ca ne fonctionne pas j'ai presque la meme erreur mais sur la ligne ajoutée ?

control_liste.php:7 Uncaught ReferenceError: $ is not defined(…)(anonymous function) @ control_liste.php:7
Aide moi et Dieu t'aidera :mrgreen:

Avatar du membre
Mammouth du PHP | 1564 Messages

26 nov. 2016, 00:13

jquery qui est mal introduit dans la page, erreur de chemin peut être.

met ce code dans le fichier liste.js ou dans ta page directement et dit moi si ta une alert qui s'affiche à l'écran lors de l'ouverture de la page:
if (window.jQuery) {  
    alert("jQuery is loaded");
} else {
    alert("jQuery is not loaded");
}

Avatar du membre
Eléphanteau du PHP | 23 Messages

26 nov. 2016, 00:33

un message du genre
127.0.0.1:8080 indique;
jQuery is not loated
Aide moi et Dieu t'aidera :mrgreen:

Avatar du membre
Mammouth du PHP | 1564 Messages

26 nov. 2016, 00:48

utilise notepad++, moins de chose et te servira à coder simplement une page web (ou autre) sans avoir de truc chargé en fond pour faire tel ou tel chose ;)

Avatar du membre
Eléphanteau du PHP | 23 Messages

26 nov. 2016, 01:02

je comprend pas ce que tu veut dire?
sur ma page codé y a rien de plus que le code que j'ai mis?
le debug le montre bien
en plus ce sont des page vierge?
quel rapport avec le message d'erreur plus haut?
il me semble que le JQuery n'ais pas charger?
mais c'est pas le premier site que je suis en train de faire et certains utilise déjà du JS ?
comment faut il faire pour que le JQuery ce charge ?
Aide moi et Dieu t'aidera :mrgreen:

Avatar du membre
Mammouth du PHP | 1564 Messages

26 nov. 2016, 01:16

et bien, tu va dans le code source de ta page (même en local) puis tu clic sur le lien de jquery dans le code source, si tu y arrive c'est bon, si ya une erreur 404, l'erreur vient d'ici, il te faudra alors modifier le chemin pour que l'appel çà jq fonctionne

Avatar du membre
Eléphanteau du PHP | 23 Messages

26 nov. 2016, 01:31

Re
nos message ce sont croisés j'espère que tu as lu mon précédent !

maintenant que ton fonctionne, c'est pas tout as fait ça que j'ai besoin ? dsl
quand on click dans la première le choix reste bien en vue par contre les autres listes ne s'affiche de suite et on distingue mal
les listes suivantes a savoir la 2 et la 3 ?

pour mon utilisation elle doivent etre visible, garder le choix a vue de facon a ce que je puisse utiliser les choix pour les inserer dans la base de données!

est ce que je suis encore assez clair (a cette heure de la nuit !!)
mais mille fois merci de m'aider c'est pas toujours facile de ca faire comprendre par texte :non:

edit : moi a 1 h du mat :oops:
c'est bon j'ai trouvé comment faire, ca marche super :lol: :lol:
un grand merci pour ton aide et ta patience =D> =D> =D> =D> =D> =D>
amicalement domy
Modifié en dernier par Domy59 le 26 nov. 2016, 01:59, modifié 1 fois.
Aide moi et Dieu t'aidera :mrgreen:

Avatar du membre
Mammouth du PHP | 1564 Messages

26 nov. 2016, 01:46

en effet c'est pas tjr évident.

tu peux distinguer quel liste s'affiche suivant le choix que tu as fait via le optgroup qui s'affiche en haut de la liste

si tu veu sauvegarder les choix, tu peux, quand tu soumettra le formulaire tu verifie quel select a une valeur, exemple:
<select name="nomduselect">
<option value="">valeur nul , sauf si on choisi une des suivantes</option>
<option value="choix1">Choix 1</option>
<option value="choix2">Choix 2</option>
etc...
</option>

Avatar du membre
Eléphanteau du PHP | 23 Messages

26 nov. 2016, 02:03

décidément nos postes ce croisent !!!
je met le code ça pourra toujours servir a d'autre ou pour la postéritée lol

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Document sans titre</title> </head> <body> <script src="jquery.js"></script> <script src="liste.js"></script> <select id="liste1" name="nomdelaliste1"> <option>Votre choix:</option> <option value="choix1">Entrée</option> <option value="choix2">Plat</option> <option value="choix3">Dessert</option> </select> <br /> <hr /> <select class="liste1" id="liste1_choix1" name="nomdelaliste1_1" style="display:none"> <optgroup label="choix 1"> <option value="choix1">Cassoulet</option> <option value="choix2">Raviolis</option> <option value="choix3">Epinard</option> </optgroup> </select> <hr /> <select class="liste1" id="liste1_choix2" name="nomdelaliste1_2" style="display:none"> <optgroup label="choix 2"> <option value="choix1">Bierre</option> <option value="choix2">Soda</option> <option value="choix3">Whysky</option> </optgroup> </select> <hr /><select class="liste1" id="liste1_choix3" name="nomdelaliste1_3" style="display:none"> <optgroup label="choix 3"> <option value="choix1">beurre</option> <option value="choix2">Fromage</option> <option value="choix3">Gruyere</option> </optgroup> </select> </body> </html>
et le Script modifié je l'utilise un comme des choix de menu resto(ca donne faim lol)

Code : Tout sélectionner

$( document ).ready(function() { //ici tu met mon code js $("select#liste1").on("change",function(){ //on récupère l'id du select: var idselect=$(this).attr("id"), valeurchoisie=$(this).val(), idliste=idselect+"_"+valeurchoisie; //liste1_choixX if(valeurchoisie!="Votre choix:"){ //pour valider le premier choix, sinon faudrait utiliser autre chose que on("change") mais dans l'immédiat et quelques chose de simple, je ne vois pas //on affiche la liste correspondante au choix: $("#"+idliste).css("display","block"); //on cache les autres listes si elles ont été affichées: /*$("select.liste1").each(function(){ if ($(this).attr("id")!=idliste){ $(this).hide(); } });*/ } });  });
Aide moi et Dieu t'aidera :mrgreen: