Poser une question

Connaître l'ordre de mes images

j'affiche dans des div des images et je voudrais connaitre l'ordre de mes images sachant que
chacun de ces div peuvent être déplacées par une action de drag and drop.

Je voudrais être capable de renseigné des champs input de type text me donnant l'ordre des 6 permiéres pages,
en fait je voudrais que mon 1er div = 1,2,3,4,5,6 et mon deuxieme : 7,8,9,10

[code]
<fieldset id=Demo4>
<legend>Composition du document DANK@REPRO NEW</legend>
<div id='contenant'>
<div class=DragContainer id='DragContainer1' overClass="OverDragContainer">
<div class=DragBox id="1" name="1" overClass="OverDragBox" dragClass="DragDragBox" align="center">
<img id="1" src="Img/Ass/DANK@REPRO NEW-001.jpg" height="150px" width="128px"><br>
<b>Page 1</b>
<input OnClick="SuppJpg('001');" type="image" src="Img/PetitDelete.gif">
</div>

<div class=DragBox id="7" name="7" overClass="OverDragBox" dragClass="DragDragBox" align="center">
<img id="7" src="Img/Ass/DANK@REPRO NEW-007.jpg" height="150px" width="128px"><br>
<b>Page 7</b>
<input OnClick="SuppJpg('007');" type="image" src="Img/PetitDelete.gif">
</div>
</div>

<div class=DragContainer id='DragContainer2' overClass="OverDragContainer">
<div class=DragBox id="2" name="2" overClass="OverDragBox" dragClass="DragDragBox" align="center">
<img id="2" src="Img/Ass/DANK@REPRO NEW-002.jpg" height="150px" width="128px"><br>
<b>Page 2</b>
<input OnClick="SuppJpg('002');" type="image" src="Img/PetitDelete.gif">
</div>

<div class=DragBox id="8" name="8" overClass="OverDragBox" dragClass="DragDragBox" align="center">
<img id="8" src="Img/Ass/DANK@REPRO NEW-008.jpg" height="150px" width="128px"><br>
<b>Page 8</b>
<input OnClick="SuppJpg('008');" type="image" src="Img/PetitDelete.gif">
</div>
</div>

<div class=DragContainer id='DragContainer3' overClass="OverDragContainer">
<div class=DragBox id="3" name="3" overClass="OverDragBox" dragClass="DragDragBox" align="center">
<img id="3" src="Img/Ass/DANK@REPRO NEW-003.jpg" height="150px" width="128px"><br>
<b>Page 3</b>
<input OnClick="SuppJpg('003');" type="image" src="Img/PetitDelete.gif">
</div>

<div class=DragBox id="9" name="9" overClass="OverDragBox" dragClass="DragDragBox" align="center">
<img id="9" src="Img/Ass/DANK@REPRO NEW-009.jpg" height="150px" width="128px"><br>
<b>Page 9</b>
<input OnClick="SuppJpg('009');" type="image" src="Img/PetitDelete.gif">
</div>
</div>

<div class=DragContainer id='DragContainer4' overClass="OverDragContainer">
<div class=DragBox id="4" name="4" overClass="OverDragBox" dragClass="DragDragBox" align="center">
<img id="4" src="Img/Ass/DANK@REPRO NEW-004.jpg" height="150px" width="128px"><br>
<b>Page 4</b>
<input OnClick="SuppJpg('004');" type="image" src="Img/PetitDelete.gif">
</div>

<div class=DragBox id="10" name="10" overClass="OverDragBox" dragClass="DragDragBox" align="center">
<img id="10" src="Img/Ass/DANK@REPRO NEW-010.jpg" height="150px" width="128px"><br>
<b>Page 10</b>
<input OnClick="SuppJpg('010');" type="image" src="Img/PetitDelete.gif">
</div>
</div>

<div class=DragContainer id='DragContainer5' overClass="OverDragContainer">
<div class=DragBox id="5" name="5" overClass="OverDragBox" dragClass="DragDragBox" align="center">
<img id="5" src="Img/Ass/DANK@REPRO NEW-005.jpg" height="150px" width="128px"><br>
<b>Page 5</b>
<input OnClick="SuppJpg('005');" type="image" src="Img/PetitDelete.gif">
</div>
</div>

<div class=DragContainer id='DragContainer6' overClass="OverDragContainer">
<div class=DragBox id="6" name="6" overClass="OverDragBox" dragClass="DragDragBox" align="center">
<img id="6" src="Img/Ass/DANK@REPRO NEW-006.jpg" height="150px" width="128px"><br>
<b>Page 6</b>
<input OnClick="SuppJpg('006');" type="image" src="Img/PetitDelete.gif">
</div>
</div>
</div>
</fieldset>

[/code]

ma fonction Javascript

[code]
function OrdrePage(NbFile){
var array = new Array();
var array2 = new Array();
NbBoucle = Number(NbFile) + 6

for(var i=0; i<=NbBoucle;i++){
TabImgs=document.getElementsByTagName('IMG')[i].id
TabDivs=document.getElementsByTagName('DIV')[i].id
if((TabDivs != "DragContainer1")&&(TabDivs != "DragContainer2")&&(TabDivs != "DragContainer3")&&(TabDivs != "DragContainer4")&&(TabDivs != "DragContainer5")&&(TabDivs != "DragContainer6")){

//Je bloque à cette étape me permettant de savoir si l'image est dans la 1ere ligne, 2eme, 3eme ...


}


//document.DragAndDrop.OrdrePage.value = array;
}
}

[/code]

Réponses

Re: Connaître l'ordre de mes images  Oznog 30/6/2006