[RESOLU] 3 listes derooulantes

par **two3d** » 26 nov. 2016, 12:08

Au plaisir

par **Domy59** » 26 nov. 2016, 09:44

oui ça fonctionne, j'ai modifié quelques lignes du .js et ça me va comme ça !!
encore merci pour ton aide et a bientôt sur un autre sujet!!

Amicalement Domy

par **two3d** » 26 nov. 2016, 02:20

ça fonctionne alors ?

par **Domy59** » 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();
      }
    });*/
  }
});
 });

par **two3d** » 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>

par **Domy59** » 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

edit : moi a 1 h du mat

c'est bon j'ai trouvé comment faire, ca marche super

un grand merci pour ton aide et ta patience =D> =D> =D> =D> =D> =D>
amicalement domy

par **two3d** » 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

par **Domy59** » 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 ?

par **two3d** » 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

par **Domy59** » 26 nov. 2016, 00:33

un message du genre
127.0.0.1:8080 indique;
jQuery is not loated

par **two3d** » 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");
}

par **Domy59** » 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

par **two3d** » 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

par **Domy59** » 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 ??

par **two3d** » 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

[RESOLU] 3 listes derooulantes

Répondre

Étendre la vue Revue du sujet : [RESOLU] 3 listes derooulantes

Re: [RESOLU] 3 listes derooulantes

Re: [RESOLU] 3 listes derooulantes

Re: 3 listes derooulantes

Re: 3 listes derooulantes

Re: 3 listes derooulantes

Re: 3 listes derooulantes

Re: 3 listes derooulantes

Re: 3 listes derooulantes

Re: 3 listes derooulantes

Re: 3 listes derooulantes

Re: 3 listes derooulantes

Re: 3 listes derooulantes

Re: 3 listes derooulantes

Re: 3 listes derooulantes

Re: 3 listes derooulantes