Discussion :

[koala19100]

Bonjours,

J’ai fais ce code

https://fiddle.jshell.net/guxofsnb/1/

il marche bien mais par contre il y a un petit détail que je n'arrive pas à recoudre sur le select 1

vous cliquer sur choix 1 et choix 2 et là vous verrez qu'il se met bien à droite du select a la ligne 12

Code html :

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

<p class="choix_membre"><span></span></p>

Jusqu’ici tout va bien et quand vous cliquer sur le select 2 et vous coché choix 6 et choix 7
il se met les mots dans la ligne 12 hors je ne veux pas qu'il se met dans la class car il se met sur la ligne 17

Code html :

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

<dt class="hida1"><span>Select</span></dt>

Code html :

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

<p class="choix_membre"><span></span></p>

Ensuite si vous posez la question pour quoi j’ai mis plein

Code java :

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

.parent().parent().parent().parent().parent().parent());

C’est pour évité que les selects s’ouvre tous en même temps
Si vous avez une autre solution
Merci de votre aide

[mathieu]

déjà il n'est plus recommandé d'utiliser "delegate" (voir la documentation http://api.jquery.com/delegate/)

ensuite je n'ai pas compris ce que je vous cherchez à afficher dans l'objet "choix_membre".
seulement les cases cochées par le "dl" ouvert ou bien toutes les cases cochées de toute la page ?

[koala19100]

je vais répété

https://fiddle.jshell.net/guxofsnb/5/

tu vois il y a select 1 et select 2

regarde select 1

quand tu coche choix 1 là il se met à gauche choix1 là c'est bon c'est ok

ensuite regarde select 2

tu coches choix 6 il se met dans la classe p class="choix_membre"><span></span></p> qui se trouve ligne 9 sur le select1 hors il ne faut pas qui se met sur le select 1 étant donné qui se met a la ligne 15 qui remplace select2

merci d'avance

[NoSmoking]

Bonjour,
il y visiblement un mauvais ciblage du parent mais je ne trouve pas cela très étonnant lorsque l'on voit .parent().parent().parent().parent().parent().parent()); dans ton code.
Regarde de plus près la documentation officiel sur parent()

[koala19100]

merci, mais tu ne peut pas me le faire je t'en remercie pour ton aide

[Toufik83]

bonjour,
ton code est un peu difficile a lire surtout avec .parent().parent().parent()...
tout d'abord il faut ajouter un span dans .hida1

Code html :

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

<dt class="hida1"><span>Select 1</span></dt>

.
j'ai rectifié un peu le code :

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
 
//Toggle de la liste
$(".multiple-choix").on("click",".hida1",  function() {
  $(".mutliSelect1 ol").not($(".mutliSelect1 ol", $(this).parent())).slideUp('500');
  $(".mutliSelect1 ol", $(this).parent()).slideToggle('500');
});
//Reporter valeur
$(".multiple-choix").on("change", ".mutliSelect1 ol input[type='checkbox']", function() {
 
  //variables
  var p = $(".hida1 span, p.choix_membre ");/*ici p.choix_membre et pas  : .choix_membre p */
  var string = ' ';
  //pour chaque checkbox dont la valeur est true
  $(".mutliSelect1 ol input[type='checkbox']").each(function() {
    if ($(this).is(':checked')) {
      string = string + $(this).val() + ', ';
    }
  });
 
  //decoupage de la virgule
  newstring = string.substring(0, string.lastIndexOf(','));
  if (newstring == '') {
    newstring = 'Select';
  }
  p.html(newstring);
 
  $('.choix_membre').text(newstring);
 
});

[koala19100]

merci

https://fiddle.jshell.net/guxofsnb/6/

le code span je veux bien le remettre mais j'ai supprimer le span dans le select 1 pour évité lorsqu'on coche choix se met dans le

Code html :

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

<dt class="hida1"><span>Select 1</span></dt>

car il se met

Code html :

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

<p class="choix_membre"><span></span></p>

dans le select 2

je veux quand on coche choix 6 il se met

Code html :

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

<dt class="hida1"><span>Select 2</span></dt>

merci

[Toufik83]

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
 
//Toggle de la liste
var obj, selectVal,index_parent, string = '';
$(".multiple-choix").on("click", ".hida1", function() {
    $(".mutliSelect1 ol").not($(".mutliSelect1 ol", $(this).parent())).slideUp('500');
    $(".mutliSelect1 ol", $(this).parent()).slideToggle('500');
  })
  //Reporter valeur directement après on "click"
  .on("change", "input[type='checkbox']", function() {
    index_parent = $(this).parents("dl").index(".multiple-choix");
    obj = $(this).parents('.multiple-choix').find(".hida1 span");
    selectVal = parseInt(index_parent + 1);
    string = obj.text();
    $(this).each(function() {
     //pour chaque checkbox dont la valeur est true
      if ($(this).is(':checked')) {
 
        if (string.indexOf('Select ' + selectVal) == 0) {
          string = string.replace("Select " + selectVal, "") + $(this).val() + ", ";
 
        } else if (string.indexOf('Select ' + selectVal) < 0) {
          string += $(this).val() + ", ";
        }
 
      } else {
        string = string.replace($(this).val() + ", ", "");
 
      }
      if (string == '') {
        string = 'Select ' + selectVal;
      }
      obj.text(string);
      /*console.log(" index_parent :" + index_parent + " nodeName :" + obj.get(0).nodeName + " selectVal :" + selectVal);*/
 
    });
 
 
 
 
  });

[koala19100]

merci de ton aide

tu vas me dire que je suis chiant mais je l'avais plus ou moins dit au premier post

dans le select 1

il faut que les mots s'affiche sur cette balise

Code html :

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

<p class="choix_membre"><span></span></p>

ligne 9 hors là il met a ligne 2 ensuite il faudra garder le mot select

maintenant passion au select 2 ca l'aire bon

maintenant il y aura 2 modifications a refaire car si tu voit mon premier lien code

il faudra surprime la dernière virgule

par exemple

choix 1, choix 3, choix 5


ensuite il faut remettre dans l'odre alphabétique

car là

choix 1, choix 3, choix 5

si tu supprime choix 3

ca te done

choix 1, choix 5

et si tu remet choix 3

ca te donne

choix 1, choix 5, choix 3

ensuite sera finit et je ne vous embêterais plus pdt 60 ans promis jurée

merci de votre aide

[Toufik83]

tu n'apprendra jamais le jQuery si tu ne te débrouille pas tout seul, tu as le code dans ces exemples, essaie de le comprendre d'abord afin que tu puisse avoir le résultat selon ton besoin.

[koala19100]

merci mais je laisse tomber

[NoSmoking]

Ce n'est pas comme cela que tu vas progresser, TOUTES les informations pour y arriver sont dans les réponses

[koala19100]

done moi un court
comment tu class les mot en ordre alphabétique

comment tu supprime la dernière virgules

comment tu affiche le mot à côté pour un select
je t’écoute mon prof adorée lol

[NoSmoking]

Tu devrais prendre le temps de regarder du coté des méthodes de l'objet Array, elles peuvent te rendre de grands services.

J'en vois au moins 3 qui devraient te combler, push(), sort() et join().

[koala19100]

bonjours
on fait un flasch back afin de faire un retour dans le passé

je viens ici pour vous demander 2 petites aides qui sont

select 1 on affiche dans le select les mots

selects 2 on affiche hors du select 2 et on met à gauche les mots

je n'ai rien demander autre chose

vous répondez en m'aidant a mon code et je tenais a remerci pas de soucy

mais vous m'avez pas résolu mes 2 questions

a part de suprimer l'ordre alphabetique et quelque affichage des choix qui ne sont pas encore réglé

je tenais encore remerci pour affichage des choix meme si sur le select 2 je veux le mettre a gauche j'ai demandé dans le 1 er message au lieu de résoudre ces 2 questions vous m'avez suprimer les derniere virgules et l'aphabétique

je veux bien être gentil compréhensif et tout ceux que vous voulez

un petit conseille d'amis

svp si quelqun demande de l'aide pur 1 o 2 question
répondez leurs et surtout ne leurs suprimer pas l code qui n'a rien a rien avoir avec les questions

pour ma part je vous ai demander

affichage les mot a gauche sur select 2 et changer les choix et si tout et rien d'autre
je n'ai pas demander de me supprimer l'ordre alphabétique et les virgules

quand quelqu'un demande de l'aide répondez leur a la question et pas suprimer les autres code qui n'a rien avoir avec la question posé

vous prenez ou pas c'était juste un conseil amis si tout
je sais que vous n'avez rien à foutre mais réfléchissez un peux

[Toufik83]

il ne te reste plus qu'a nous frapper, ce qui se passe réellement c'est que tu veux qu'on fasse la travail à ta place, pour nous, c'est facile de le faire, mais pour toi, il n'y a aucun intérêt de copier coller la solution complète de ton problème.
nous sommes tous passé par ce chemin, et si on a appris le jQuery, c'est grâce a l'autonomie !

[koala19100]

pour quoi tu m'a suprimer le code des virgule et l'ordre alphabbétique
je t'ai jamais demander ca

stp cherie je te redemande de me remetre l'ordre alphabétique la virgule sauf pour le dernier mot come c'etait au départ

et affiché le mot a droit du select 2 uniquement pour le select 2


merci mon prof

[koala19100]

je mets en résolu car il y a mec gentil qui me l'a fait en 3 mn

chao les blablamaster

et bon chance aux autres

[NoSmoking]

je mets en résolu car il y a mec gentil qui me l'a fait en 3 mn

je ne suis pas persuadé qu'il te rende service mais si c'est comme cela que tu vois tes futurs codes tu n'es pas encore sorti de la tourbière !!!

Je ne te souhaite pas bonne chance car il te faudra bien plus que cela

Tu aurais quand même pu partager ta sa solution cela aurait été un bon point

[koala19100]

je ne partage pas le code puisse qsue vous m'avez pas aidé car vous m('avez suprimer 3 petite codes dés le debut donc voilà

pour quoi je partagerais

donant donnant
merci