pour plus de précisions:
en gros la premiere liste est le contenue de du site (série de div sortable) ou chaque div contient une fenetre
la deuxieme liste est la liste des titre des div ouverte... elle permet de recupérer une div facilement et la faire remonter par exemple...
pour l'exemple mon code simplifié (mais helas le jquery ne fais rien à part rendre les liste "sortable"...)
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test sortable</title>
<style>
body{position:fixed;overflow:hidden;}
#menu_gauche{position:fixed;border:solid 1px #F00;top:50px;left:10px;overflow:hidden;width:200px;bottom:10px;}
#fenetres{position:fixed;top:50px;left:220px;right:10px;bottom:10px;border:solid 1px #F00;overflow:auto;}
.fenetre{margin:30px;height:300px;border:solid 1px #00F;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="http://ui.jquery.com/latest/ui/effects.core.js"></script>
<script>
$(document).ready(function() {
$("#fenetres").sortable({ axis: 'y' });
$("#titre").sortable({ axis: 'y' },{ placeholder: 'ui-state-highlight' });
});
</script>
</head>
<body>
<div id="menu_gauche">
<ul id="titre">
<li>titre1</li>
<li>titre2</li>
<li>titre3</li>
<li>titre4</li>
<li>titre5</li>
<li>titre6</li>
</ul>
</div>
<div id="fenetres">
<div class="fenetre" id="fenetre1">1</div>
<div class="fenetre" id="fenetre2">2</div>
<div class="fenetre" id="fenetre3">3</div>
<div class="fenetre" id="fenetre4">4</div>
<div class="fenetre" id="fenetre5">5</div>
<div class="fenetre" id="fenetre6">6</div>
</div>
</body>
</html>
donc voilà,et je voudrais pas en arriver à une solution coté serveur ou je refais carrément ma liste dans un autre ordre...
merci pour vos idées !
