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 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84
|
<?php
include("openbase.php");
connectMaBase();
$sql = 'SELECT id,titre FROM classement';
$req = mysql_query($sql) or die('Erreur SQL !<br />'.$sql.'<br
/>'.mysql_error());
echo'
<html>
<head>
<!-- Importation JQuery et Interface.js -->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="interface.js"></script>
<!-- Styles de votre liste -->
<style type="text/css" media="all">
.sortable_item {
cursor : move;
width : 100%;
list-style : none;
}
.ul_style {
list-style-type : none;
margin : 0;
padding : 0;
}
</style>';
echo '
</head>
<body>
<div id="sortlist" class="sortlist">';
while($data=mysql_fetch_assoc($req)){
echo'
<li id='.$data['id'].' class="sortable_item"
style="background:#8080FF;">'.$data['titre'].'</li>
</ul>';
}
echo'
<script type="text/javascript">
$(document).ready (
function() {
$( "#sortlist" ).Sortable( {
accept : "sortable_item",
axis : "vertically",
opacity : 0.6,
onchange : function (sorted) {
serial = $.SortSerialize("sortlist");
$.ajax ( {
type: "POST",
url: "set_position2.php",
data: serial.hash,
complete: function(data){alert(data);}
});
}
});
});
</script>
</body>
</html>';
?> |
Partager