Donner l'ordre des pages

j'ai une page me permettant d'afficher des images étant des pages d'un document, mais mon soucis est que je peux déplacer ces pages et glisser-déplacer, mon soucis est que j'ai créer un bouton me permettant de donner l'ordre d'affichage des pages, pour cela je créer autant de champ input que j'ai de ligne d'image(6 images par ligne).

Voici mon code qui ne fonctionne pas très bien :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 function OrdrePage(NbFile){ var Image = document.getElementsByTagName('IMG'); // var array = new Array() //Arrondi du nombre de ligne NbLigne = Math.ceil(Math.round(NbFile)/6) for (var Nb = 1; Nb < NbLigne; Nb++){ NewArray = 'var array'+ Nb +' = new Array();'; eval(NewArray); for (var i = 1, n = Image.length; i <= NbFile; i++){ NewArray2 = 'array'+ Nb +'.push(Image['+ i +'].getAttribute('Name"))'; eval(NewArray2); } NewArray3 = 'document.DragAndDrop.OrdrePage'+ Nb +'.value = array'+ NbLigne +''; eval(NewArray3); }
- Je calcul dans un premier temps le nombre de ligne que j'arrondi au chiffre suppérieur.

- Je voudrais ensuite boucler l'ordre des pages de ma premiere ligne puis ma deuxieme .... pour les insérer dans un input.

pas compris

plus d'explication

Je suis en train de développer un application en asp, cette application permet d'enregistrer des fivhiers pdf en fichier jpg (1 page du fichier pdf = 1 image), ensuite j'affiche ces images dans des div et ces div propose de faire des glisser-déplacer de mes images pour refaire une fichier pdf avec les pages dans le nouvel ordre.

Je parviens bien a faire tous cela mais mon soucis est que je voudrais lors de la recomposition utiliuser javascript pour l'insérer l'ordre de mes pages dans des champs input.

voici l'affichage d'une image :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <% set fs=Server.CreateObject("Scripting.FileSystemObject") For i = 1 to NbFile If fs.FileExists(REP_IMG &"Ass\"& NomDoc &"-"& NumImg &".jpg")=true then NbFile = NbFile + 1 %> <div class=DragBox name="Page<% = i %>" overClass="OverDragBox" dragClass="DragDragBox" align="center"> <img name="<% = i %>" src="Img/Ass/<% = NomDoc %>-<% = NumImg %>.jpg" height="150px" width="128px"><br> <b>Page <% = i %></b> <input OnClick="SuppJpg('<% = NumImg %>');" type="image" src="Img/PetitDelete.gif"> </div> <% End If Next %>
et le code Javascript visible dans la question :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 function OrdrePage(NbFile){ var Image = document.getElementsByTagName('IMG'); // var array = new Array() //Arrondi du nombre de ligne NbLigne = Math.ceil(Math.round(NbFile)/6) for (var Nb = 1; Nb < NbLigne; Nb++){ NewArray = 'var array'+ Nb +' = new Array();'; eval(NewArray); for (var i = 1, n = Image.length; i <= NbFile; i++){ NewArray2 = 'array'+ Nb +'.push(Image['+ i +'].getAttribute('Name"))'; eval(NewArray2); } NewArray3 = 'document.DragAndDrop.OrdrePage'+ Nb +'.value = array'+ NbLigne +''; eval(NewArray3); }
Ce que je vouadrais faire dans cette fonction c'est :
- Créer un champs array pour caque ligne de div (j'affiche 6 image par ligne), cela explique pourquoi la division par 6 pour connaitre mon nombre de ligne.

- Je voudrais que dans le Input "OrdrePage1" entrer comme valeur l'ordre de images de ma première ligne et dans l'input "OrdrePage2" l'ordre d'affichage de mes images de la deuxième ligne ...
Code:

1 2 3 <input type="Text" name="OrdrePage1" value="" style="width:200; font-size: 8pt;"> <input type="Text" name="OrdrePage2" value="" style="width:200; font-size: 8pt;">

ben a part parcourir tes divs et récupérer leurs coordonnées pour tester lequel est avant lequel je voit pas trop.
enfin si j'ai bien compris.

ce que je veux savoir

juste ce que je voudrais savoir c'est si ma fonction javascript serait correct pour récupérer la valeur name de mes images et que la boucle s'effectue pour me prendre dans un premier temps toutes les images de ma première ligne puis de ma deuxième ... :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
 
     NbLigne = Math.ceil(Math.round(NbFile)/6)
 
     for (var Nb = 1; Nb < NbLigne; Nb++){
      NewArray = 'var array'+ Nb +' = new Array();';
      eval(NewArray);
 
      for (var i = 1, n = Image.length; i <= NbFile; i++){
       NewArray2 = 'array'+ Nb +'.push(Image['+ i +'].getAttribute('Name"))';
       eval(NewArray2);   
      }
 
      NewArray3 = 'document.DragAndDrop.OrdrePage'+ Nb +'.value = NewArray'+ Nb +'';
      eval(NewArray3);    
     }
 
<img name="1" src="Img/Ass/<% = NomDoc %>-1.jpg">
<img name="2" src="Img/Ass/<% = NomDoc %>-2.jpg">
<img name="3" src="Img/Ass/<% = NomDoc %>-3.jpg">
<img name="4" src="Img/Ass/<% = NomDoc %>-4.jpg">
...

Juste ce que je voudrais savoir c'est si ma fonction javascript serait correct pour récupérer la valeur name de mes images et que la boucle s'effectue pour me prendre dans un premier temps toutes les images de ma première ligne puis de ma deuxième ... :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 NbLigne = Math.ceil(Math.round(NbFile)/6) for (var Nb = 1; Nb < NbLigne; Nb++){ NewArray = 'var array'+ Nb +' = new Array();'; eval(NewArray); for (var i = 1, n = Image.length; i <= NbFile; i++){ NewArray2 = 'array'+ Nb +'.push(Image['+ i +'].getAttribute('Name"))'; eval(NewArray2); } NewArray3 = 'document.DragAndDrop.OrdrePage'+ Nb +'.value = NewArray'+ Nb +''; eval(NewArray3); } <img name="1" src="Img/Ass/<% = NomDoc %>-1.jpg"> <img name="2" src="Img/Ass/<% = NomDoc %>-2.jpg"> <img name="3" src="Img/Ass/<% = NomDoc %>-3.jpg"> <img name="4" src="Img/Ass/<% = NomDoc %>-4.jpg"> ...
Mon erreur est sur cette ligne "NewArray2 = 'array'+ Nb +'.push(Image['+ i +'].getAttribute('Name"))';"

Il m'indique ";" attendu ???

met un " au lieu du ' avant name

et sinon ?

Donc d'après toi il serait plus simple pour moi de connaitre la position de mon div pour afficher mes pages dans le bon ordre, mais comment pourrasi-je faire cela ?

ben si sils ont pas de position absolute et qu'ils sont dans le meme parent ca va, il te suffit de parcourir le childNodes du parent et tu auras l'ordre