Récupérer contenu DIV après SUBMIT

Version imprimable

Bonjour,

Je cherche et recherche mais pas moyen de trouver...

J'utilise "Shopping Cart" de Jquery UI (http://jqueryui.com/demos/droppable/#shopping-cart) mais je n'arrive pas a récupérer le contenu du "panier" (qui est une div) une fois mes éléments glissés à l'intérieur...

En effet, pour chacun des éléments incorporés dans le "panier", Jquery crée un <li>...</li>.

Voici la structure du panier après incorporation de différents éléments :
Code:

1 2 3 4 5 6 7 8 9 10 <div id="cart"> <div class="ui-widget-content"> <ol> <li class="placeholder">Item1</li> <li class="placeholder">Item2</li> <li class="placeholder">Item3</li> <li class="placeholder">Item4</li> </ol> </div> </div>
Je veux donc récupérer ce qu'il y a au dessus (Item1,Item2,Item3,Item4).

Merci d'avance ! X9

PS : Je précise que ce "shopping cart" est dans un formulaire...

sur la base de http://www.developpez.net/forums/d75...filtre-regexp/

Code:

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
48
49
50
<script type="text/javascript">
document.getElementsByReg=function(tag,attr,reg){
var tabReg=new Array();
var tabElts=document.getElementsByTagName(tag);
var TEL=tabElts.length;
 
if(!(reg instanceof RegExp)){
       if(reg.indexOf("*")>-1){
		  		reg=reg.replace(/\*/g,'.+');
 		  		reg=new RegExp(reg);
 
 		  		}
 		else {return	tabReg;
 			   }	
 		}
 
i=0;
while(tabElts[i]){
		if(tabElts[i][attr]){
	         if(reg.test(tabElts[i][attr])){tabReg.push(tabElts[i]);}
	         }
	i++;         
	}
return tabReg;
}
 
 
function foo(){
var cart=document.getElementsByReg('li','className',/placeholder/)
var i=-1
panier=""
while(cart[++i] && (panier+=cart[i].innerHTML+'\n')){}
alert (panier)
}
</script>
</head>
 
<body onload="foo()">
<div id="cart"> 
 <div class="ui-widget-content"> 
 <ol> 
 <li class="placeholder">Item1</li> 
 <li class="placeholder">Item2</li> 
 <li class="placeholder">Item3</li> 
 <li class="placeholder">Item4</li> 
 </ol> 
 </div> 
</div>
</body>
</html>

sans doute plus pratique de les mettre dans un array ...

Code:

1
2
3
4
5
6
7
8
function foo(){
var cart=document.getElementsByReg('li','className',/placeholder/)
var i=-1
panier=new Array()
while(cart[++i] && (panier.push(cart[i].innerHTML))){}
alert (panier)
}
</script>

Récupérer contenu DIV après SUBMIT

Re !

Merci pour ta réponse... mais ... :cry:

...en fait le script "Shopping Cart" de Jquery UI (http://jqueryui.com/demos/droppable/#shopping-cart) permet de glisser des "items" dans le panier...

Voici mon code :
JS

Code:

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
<script type='text/javascript'>
document.getElementsByReg=function(tag,attr,reg){
var tabReg=new Array();
var tabElts=document.getElementsByTagName(tag);
var TEL=tabElts.length;
 
if(!(reg instanceof RegExp)){
       if(reg.indexOf("*")>-1){
       reg=reg.replace(/\*/g,'.+');
       reg=new RegExp(reg);
 
}
else {return	tabReg;
}	
}
 
i=0;
while(tabElts[i]){
if(tabElts[i][attr]){
if(reg.test(tabElts[i][attr])){tabReg.push(tabElts[i]);}
}
i++;         
}
return tabReg;
}
 
 
function foo(){
var cart=document.getElementsByReg('li','className',/placeholder/)
var i=-1
panier=new Array()
while(cart[++i] && (panier.push(cart[i].innerHTML))){}
alert (panier)
}
</script>

Contenu de ma page :

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<form id="FormAddEnt" name="FormAddEnt" action="ent_add.php?add" enctype="multipart/form-data" method="POST" onsubmit="foo();">
//le code qui permet d'avoir la liste des Items ... [Pas important]
 
<div id="cart">
<div class="ui-widget-content">
<ol>
<li class="placeholder">Glissez ici</li>
</ol>												</div>
</div>
</form>

En fait je rempli le "panier" puis je submit, mais rien ne s'affiche dans l'alert...

par contre quand je ne rempli pas le panier et que je submit, le alert affiche "Glissez ici"...

:roll:

Merci de votre aide !

X9