Discussion :

[bedomon]

Bonjour tout le monde,

Voila je voudrais faire passer des valeurs d'un treeview jquery vers un select avec la petite fonction suivante qui est sur le click d'un bouton:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
$(function() {
  $(".low input[type='button']").click(function(){
    var arr = $(this).attr("name").split("2");
    var from = arr[0];
    var to = arr[1];
    $("#idTree :checked").each(function(){
      $("#" + to).append($(this).clone());
      $(this).remove();
    });
  });
 });

Le problème vient du this après le append il essaye de lui coller à la sauce checkbox (dans le treeview jquery c'est des checkbox) et en fait je ne sais pas trop comment extraire les id du this pour construire les <option>

[danielhagnoul]

Bonsoir

J'aimerais voir un plus de code, car je ne suis pas en forme ce soir et je ne comprends pas ce que vous essayez de faire à ce niveau :

Code :

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

1
2
3
4
$("#idTree :checked").each(function(i, item){
      $("#" + to).append($(item).clone());
      $(item).remove();
    });

• checked ne sélectionne que les éléments checked
• $(item).clone() est un checkbox pas une option, mais on peut reprendre les valeurs :
  
  • item.id,
  • $(item).val()
  • $(item).text()

[bedomon]

Désolé de répondre si tard,
alors je m'explique, j'ai un treeview jquery dont chaque élément est une image ou correspond un checkbox qui est caché, je voudrais récupérer les checkbox checked via javascript pour les mettre dans un select. Ma méthode javascript doit récuperer les id ou les values pour ensuite aller chercher en ajax les donné correspondant au id (j’espère que je suis assez claire)

Le treeview javascript génère que chose dans ce genre (ci-dessous) ou l'évenement click su les images (onclick="checkTree(this)") coche les checkbox correpondante.
le problème est que dans ma page je ne peux pas récupérer à la volé toute les checkbox car j'ai un autre treeview sur la page.
Lorsque le coche un checkbox c'est une nouvelle image qui s'affiche, on ne voit pas directement les checkbox.

ci dessous la même balise en version coché et pas coché

Code :

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

1
2
3
4
5
6
 
<img id="img_check_struc_1" onclick="checkTree(this)" src="/images/main/unchecked.png" style="margin-bottom: -2px;" class="img_check">
<input type="checkbox" name="struc" id="1" value="1" class="treechecks" style="visibility: hidden; margin-left: -15px;">
 
<img id="img_check_struc_1" onclick="checkTree(this)" src="/images/main/checked.png" style="margin-bottom: -2px;" class="img_check">
<input type="checkbox" name="struc" id="1" value="1" class="treechecks" style="visibility: hidden; margin-left: -15px;">

ci dessous j'ai essayé de résumer le principe du treeview

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
<div>
          <ul>
              <li>
                  <img />
                  <input type="checkbox" style="visibility:hidden;" />
                  <img />
                  <input type="checkbox" style="visibility:hidden;" />
              </li>
              <li>
                  <img />
                  <input type="checkbox" style="visibility:hidden;" />
                  <img />
                  <input type="checkbox" style="visibility:hidden;" />
              </li>
          </ul>
          <ul>
              <li>
                  <img />
                  <input type="checkbox" style="visibility:hidden;" />
              </li>
              <li>
 
              </li>
          </ul>
      </div>

ci dessous c'est la version générée (copier coller du code source de firefox)

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
<fieldset class="main_fieldset">
<legend>Utilisateurs des structures</legend>
<div style="background-color:white;overflow:auto;padding-top:5px;position: relative;width:200px;height:200px">
<ul id="id4" class="" style="list-style-type: none;font-size:12px" >
   <li style="margin-top:5px; margin-bottom:5px">&nbsp;
<img class="img_check" style="margin-bottom:-2px; " src="/images/main/unchecked.png" onclick="checkTree(this)" id="img_check_struc_1"/>
      <input style="visibility:hidden; margin-left:-15px" class="treechecks" value="1" id="1" type="checkbox" name="struc" />DOR
<ul id="id4" class="" style="list-style-type: none;" >
    <li style="margin-top:5px; margin-bottom:5px">&nbsp;
<img class="img_check" style="margin-bottom:-2px; " src="/images/main/unchecked.png" onclick="checkTree(this)" id="img_check_struc_2"/>
      <input style="visibility:hidden; margin-left:-15px" class="treechecks" value="2" id="2" type="checkbox" name="struc" />SPS
<ul id="id4"  style="list-style-type: none;" >
<li class="cache_blank" style="margin-left:-30px;color:#2d8a9a;">
<img class="img_check" style="margin-bottom:-2px;margin-left:0px; " src="/images/main/unchecked.png" onclick="checkTree(this)" id="img_check_user_2"/>
<input style="visibility:hidden; margin-left:-15px" class="treechecks" value="2" id="2" type="checkbox" name="user" />2222
<li class="cache_blank" style="margin-left:-30px;color:#2d8a9a;">
<img class="img_check" style="margin-bottom:-2px;margin-left:0px; " src="/images/main/unchecked.png" onclick="checkTree(this)" id="img_check_user_6"/>
<input style="visibility:hidden; margin-left:-15px" class="treechecks" value="6" id="6" type="checkbox" name="user" />

j'espère que je suis assez clair

Bonsoir

J'aimerais voir un plus de code, car je ne suis pas en forme ce soir et je ne comprends pas ce que vous essayez de faire à ce niveau :

Code :

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

1
2
3
4
$("#idTree :checked").each(function(i, item){
      $("#" + to).append($(item).clone());
      $(item).remove();
    });

• checked ne sélectionne que les éléments checked
• $(item).clone() est un checkbox pas une option, mais on peut reprendre les valeurs :
  
  • item.id,
  • $(item).val()
  • $(item).text()

A quoi sert la variable 'i', elle semble inutilisé...

Merci

[danielhagnoul]

Bonsoir

Si je débarrasse la version générée (copier-coller du code source de Firefox)
de tout ce qui n'est pas utile pour analyser la structure du code j'obtiens
une horreur !

Un id doit être unique et il doit commencer par une lettre !

Il y a 3 ul avec pour id : "id4" !

Les id des input sont des chiffres !

Il y a deux input avec pour id "2" !

Il y a deux images avec pour id "img_check_struc_2" !

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
<fieldset class="main_fieldset">
	<legend>Utilisateurs des structures</legend>
	<div>
		<ul id="id4" class="">
			<li>
				<img id="img_check_struc_1" class="img_check" src="">
 
				<input id="1" class="treechecks" type="checkbox" value="1">DOR
 
				<ul id="id4" class="">
					<li>&nbsp;
						<img id="img_check_struc_2" class="img_check" src="">
 
						<input id="2" class="treechecks" type="checkbox" value="2">SPS
 
						<ul id="id4">
 
							<li class="cache_blank">
 
								<img id="img_check_user_2" class="img_check" src="">
 
								<input id="2" class="treechecks" type="checkbox" value="2">2222
							</li>
 
							<li class="cache_blank">
 
								<img id="img_check_user_6" class="img_check" src="">
 
								<input id="6" class="treechecks" type="checkbox" value="6" >
							</li>
						</ul>
					</li>
				</ul>
			</li>
		</ul>
	</div>
</fieldset>