Récupérer contenu DIV après SUBMIT

**NickoX9** · 24/06/2010, 10h55

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 :

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

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...

**SpaceFrog** · 24/06/2010, 11h14

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

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
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 :

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

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>

**NickoX9** · 24/06/2010, 17h53

Re !

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

...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 :

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
<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 :

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

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"...

Merci de votre aide !

X9

Récupérer contenu DIV après SUBMIT

JavaScript

Vue hybride

Discussions similaires

Partager

Partager