Discussion :

[nadox]

Ben c'est normal si tu remet le z-index plus bas sur le drop...
Pour avoir l'effet que tu désire, tu peux utiliser une variable qui stockera le dernier z-index, que tu incrémentera à chaque fois.
Ainsi la dernière image utilisée aura le z-index le plus haut.

[Billy KiT]

oups j'avais pas vu
Pour le z-index, je pense que c'est normal, puisque la dernière image doit avoir le niveau le plus haut.
Chaque fois que tu prends une image, celle-ci doit avoir (le plus haut z-Index)+1.
La suivante, (z-Index+1)+1

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

this.targetobj.style.zIndex=z++;

Sachant que d'après http://softwareas.com/whats-the-maximum-z-index
le z-index peut monter jusqu'à 2 milliards, ça laisse de la marge.
Sinon il faudrait décrémenter le z-index de tous les autres éléments.

Désolé nadox, j'avais pas vu ta réponse ! Décidemment ...

[hellotk]

Pour avoir l'effet que tu désire, tu peux utiliser une variable qui stockera le dernier z-index, que tu incrémentera à chaque fois.
Ainsi la dernière image utilisée aura le z-index le plus haut.

et comment déclarer cette variable ? (désolé je suis un peu perdu)

[Billy KiT]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var z=1; // ou plus si les z-index ont été affectés dans les styles

variable ordinaire au début du script.
Ensuite incrementation dans la fonction drag, donc sur le mousedown

[hellotk]

Parfait! ça marche!! merci beaucoup d'avoir pris le temps de me répondre !!

pour info, voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
var z=1
var dragobject={
	x:0, y:0, offsetx:null,offsety:null,targetobj:null,dragapproved:0,
	initialize:function(){
		document.onmousedown=this.drag
		document.onmouseup=function(){this.dragapproved=0; this.targetobj.style.zIndex=z++;}}
 
	,drag:function(e){
		var evtobj=window.event? window.event:e
		this.targetobj=window.event? event.srcElement:e.target
		while (this.targetobj.className!="drag" && this.targetobj.tagName!="BODY") this.targetobj=this.targetobj.parentNode
		if (this.targetobj.className=="drag"){
			this.dragapproved=1;
			this.targetobj.style.zIndex='999'
			if (isNaN(parseInt(this.targetobj.style.left))){this.targetobj.style.left=0}
			if (isNaN(parseInt(this.targetobj.style.top))){this.targetobj.style.top=0}
			this.offsetx=parseInt(this.targetobj.style.left)
			this.offsety=parseInt(this.targetobj.style.top)
			this.x=evtobj.clientX
			this.y=evtobj.clientY
			if (evtobj.preventDefault) evtobj.preventDefault()
			document.onmousemove=dragobject.moveit}}

[Billy KiT]

Attention, cela ne marchera que jusqu'à 1000 déplacements.
Enlèves plutôt la ligne zIndex=z++ du onmouseup et mets la à la place de
la ligne zIndex=999
et là ça fonctionnera jusqu'à 2 milliards .
Avant de se faire tirer l'oreille par les hauts responsables, oublies pas le "résolu".

[hellotk]

ok merci