lien avec drag&drop

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.

oups :oops: 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:

---

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 ... :(

Citation:

---

Envoyé par nadox

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)

Code:

---

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

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

pour info, voici mon code :

Code:

---

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}}

---

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".

ok merci ;)