voilà le code qui permet donc de créer un formulaire avec des champs textes et des Listes qui sont géré avec du dragndrop et de renvoyer un variable javascript vers une page php.
Ce code n'est pas complet car il n'y a pas les liens vers les librairies yahoo user interface que j'ai utilisé pour faire le dragndrop.
il existe un tuto tout fait pour ça ici:
http://developer.yahoo.com/yui/examp...d-reorder.html
la page sendnote.php est :
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
41
42
43
44
45
46
47 <form name="form_admin" method="post" action= "sendnote.php" onsubmit="prePostValue()"> <input type="text" size="26" name="titre" id="titre" /> <input type="text" size="26" name="stitre" id="stitre" /> //ma liste 1 pour le dragndrop <div> <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </div> //la liste 2 qu'on vient alimenter par dragndrop <div><ul></ul></div> //la fonction javascript <script type="text/javascript"> showOrder: function() { var parseList = function(ul) { var items = ul.getElementsByTagName("li"); var out = " "; for (i=0;i<items.length;i=i+1) { out += items[i].id + " "; } return out; }; var ul2=Dom.get("ul2"); parseList(ul2); } function prePostValue(){ var monInput = document.getElementById('sel'); for (i=0;i<tab.length;i=i+1) { monInput.value += tab[i]+"#"; } } </script> // le input caché qui est rempli avec un string par la fonction prePostValue grâce aux données inséré dans le tableau tab par la class showButton et le parseList <input type="hidden" id="sel" name="tab" /> //et enfin le bouton <input name="search_btn" type="submit" id="showButton" value="envoyez"> </form>
En tout cas Merci à le_Chomeur
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 <?php $retour_list2 = $_POST['tab']; echo $retour_list2; ?>
Partager