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; ?>
Vous avez un bloqueur de publicités installé.
Le Club Developpez.com n'affiche que des publicités IT, discrètes et non intrusives.
Afin que nous puissions continuer à vous fournir gratuitement du contenu de qualité, merci de nous soutenir en désactivant votre bloqueur de publicités sur Developpez.com.
Partager