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 51 52 53 54 55 56 57 58 59
| <html>
<head>
<title>P0rt4!1</title>
<script language="Javascript" type="text/javascript" src="lib/prototype.js"></script>
<script language="Javascript" type="text/javascript" src="src/scriptaculous.js"></script>
<script language="Javascript" type="text/javascript" src="fonctions.js"></script>
<script language="Javascript" type="text/javaScript">
setcookie("element_liste1","vide");
setcookie("element_liste2","vide");
setcookie("element_liste3","vide");
</script>
</head>
<body>
<table style="width:100%; height:100%;"><tr>
<td style="width:33%;"><div id="liste1" style="width:100%; height:100%; background-color:blue;">
<div id="dem_11" name="11" style="width:100%; height:50px; background-color:pink;">a</div>
<div id="dem_12" name="12" style="width:100%; height:50px; background-color:pink;">a</div>
<div id="dem_13" name="13" style="width:100%; height:50px; background-color:pink;">a</div>
<div id="dem_14" name="14" style="width:100%; height:50px; background-color:pink;">a</div>
</div></td>
<td style="width:33%;"><div id="liste2" style="width:100%; height:100%; background-color:red;">
<div id="dem_21" style="width:100%; height:50px; background-color:pink;">a</div>
<div id="dem_22" style="width:100%; height:50px; background-color:pink;">a</div>
<div id="dem_23" style="width:100%; height:50px; background-color:pink;">a</div>
<div id="dem_24" style="width:100%; height:50px; background-color:pink;">a</div>
</div></td>
<td style="width:33%;"><div id="liste3" style="width:100%; height:100%; background-color:yellow;">
<div id="dem_31" style="width:100%; height:50px; background-color:pink;">a</div>
<div id="dem_32" style="width:100%; height:50px; background-color:pink;">a</div>
</div></td>
</tr></table>
<script language="Javascript" type="text/javascript">
Sortable.create('liste1',{tag:'div',containment:['liste1','liste2','liste3'],
dropOnEmpty:true,constraint:false,
onChange:function(){
element_liste1 = Sortable.serialize('liste1');
setcookie('element_liste1',element_liste1);
}
});
Sortable.create('liste2',{tag:'div',containment:['liste1','liste2','liste3'],
dropOnEmpty:true,constraint:false,
onChange:function(){
element_liste2 = Sortable.serialize('liste2');
setcookie('element_liste2',element_liste2);
}
});
Sortable.create('liste3',{tag:'div',containment:['liste1','liste2','liste3'],
dropOnEmpty:true,constraint:false,
onChange:function(){
element_liste3 = Sortable.serialize('liste3');
setcookie('element_liste3',element_liste3);
}
});
</script>
<a href="#" onClick="alert(getcookie(element_liste1));">Voir liste 1</a>
<a href="#" onClick="alert(getcookie(element_liste2));">Voir liste 2</a>
<a href="#" onClick="alert(getcookie(element_liste3));">Voir liste 3</a>
<body>
</html> |
Partager