| 3 | | <script language="JavaScript" type="text/javascript"> |
|---|
| 4 | | <!-- |
|---|
| 5 | | function populateHiddenVars() { |
|---|
| 6 | | document.getElementById('imageOrder').value = Sortable.serialize('images'); |
|---|
| 7 | | return true; |
|---|
| 8 | | } |
|---|
| 9 | | //--> |
|---|
| 10 | | </script> |
|---|
| 11 | | <script src="_javascript/scriptaculous/prototype.js" type="text/javascript"></script> |
|---|
| 12 | | <script src="_javascript/scriptaculous/scriptaculous.js" type="text/javascript"></script> |
|---|
| | 3 | <mx:bloc id="has_photo"> |
|---|
| | 4 | <script language="JavaScript" type="text/javascript"> |
|---|
| | 5 | <!-- |
|---|
| | 6 | function populateHiddenVars() { |
|---|
| | 7 | document.getElementById('imageOrder').value = Sortable.serialize('images'); |
|---|
| | 8 | return true; |
|---|
| | 9 | } |
|---|
| | 10 | //--> |
|---|
| | 11 | </script> |
|---|
| | 12 | <script src="_javascript/scriptaculous/prototype.js" type="text/javascript"></script> |
|---|
| | 13 | <script src="_javascript/scriptaculous/scriptaculous.js" type="text/javascript"></script> |
|---|
| 14 | | Faire glisser les images à la position voulue pour les trier. |
|---|
| 15 | | <div id="images"> |
|---|
| 16 | | <mx:bloc id="images"><mx:image id="image"/> |
|---|
| 17 | | </mx:bloc id="images"> |
|---|
| 18 | | </div> |
|---|
| | 15 | Faire glisser les images à la position voulue pour les trier. |
|---|
| | 16 | <div id="images"> |
|---|
| | 17 | <mx:bloc id="images"><mx:image id="image"/> |
|---|
| | 18 | </mx:bloc id="images"> |
|---|
| | 19 | </div> |
|---|
| | 20 | |
|---|
| | 21 | <p> |
|---|
| | 22 | <form mXattribut="action:actionTri" method="post" onSubmit="populateHiddenVars();" name="sortableListForm" id="sortableListForm"> |
|---|
| | 23 | <fieldset><legend>Validation de l'ordre</legend> |
|---|
| | 24 | <p> |
|---|
| | 25 | <label for="retourEdition" class="float">Retourner à l'édition de la galerie après validation</label> |
|---|
| | 26 | <input type="checkbox" checked="checked" id="retourEdition" name="retourEdition"/> |
|---|
| | 27 | </p> |
|---|
| | 28 | <p> |
|---|
| | 29 | <input type="hidden" name="imageOrder" id="imageOrder" size="60"/> |
|---|
| | 30 | <input type="hidden" name="sortableListsSubmitted" value="true"/> |
|---|
| | 31 | <input type="submit" value="Enregistrer l'ordre" class="submit"/> |
|---|
| | 32 | </p> |
|---|
| | 33 | </fieldset> |
|---|
| | 34 | </form> |
|---|
| | 35 | </p> |
|---|
| | 36 | |
|---|
| | 37 | <script type="text/javascript"> |
|---|
| | 38 | // <![CDATA[ |
|---|
| | 39 | Sortable.create('images',{tag:'img',overlap:'horizontal',constraint:false}); |
|---|
| | 40 | // ]]> |
|---|
| | 41 | </script> |
|---|
| | 42 | </mx:bloc id="has_photo"> |
|---|
| 21 | | <form mXattribut="action:actionTri" method="post" onSubmit="populateHiddenVars();" name="sortableListForm" id="sortableListForm"> |
|---|
| 22 | | <fieldset><legend>Validation de l'ordre</legend> |
|---|
| 23 | | <p> |
|---|
| 24 | | <label for="retourEdition" class="float">Retourner à l'édition de la galerie après validation</label> |
|---|
| 25 | | <input type="checkbox" checked="checked" id="retourEdition" name="retourEdition"/> |
|---|
| 26 | | </p> |
|---|
| 27 | | <p> |
|---|
| 28 | | <input type="hidden" name="imageOrder" id="imageOrder" size="60"/> |
|---|
| 29 | | <input type="hidden" name="sortableListsSubmitted" value="true"/> |
|---|
| 30 | | <input type="submit" value="Enregistrer l'ordre" class="submit"/> |
|---|
| 31 | | </p> |
|---|
| 32 | | </fieldset> |
|---|
| 33 | | </form> |
|---|
| | 45 | <a mXattribut="href:retourGalerie">Retour à l'édition de la galerie : |
|---|
| | 46 | <strong><mx:text id="galerie"/></strong></a> |
|---|