Déplacer les images...

Signaler
Messages postés
27
Date d'inscription
mardi 9 août 2011
Statut
Membre
Dernière intervention
21 mai 2020
-
Messages postés
27
Date d'inscription
mardi 9 août 2011
Statut
Membre
Dernière intervention
21 mai 2020
-
Bonjour !

j'ai écrit une fonction JavaScript, qui rend un élément dragable. Elle fonctionne
mal avec les images; vous avez une idée de la raison ?

Merci de votre aide !

7 réponses

Messages postés
41
Date d'inscription
vendredi 30 octobre 2009
Statut
Membre
Dernière intervention
13 décembre 2012

Bonjour,

Oui.

Bonne chance!
Messages postés
14780
Date d'inscription
lundi 11 juillet 2005
Statut
Modérateur
Dernière intervention
4 août 2020
92
Hello,
Ce qu'essaie de te dire galled, très maladroitement, d'ailleurs , c'est que, sans code, on ne va pas pouvoir beaucoup t'aider...


@+
Buno, Admin CS
L'urgent est fait, l'impossible est en cours. Pour les miracles, prévoir un délai...
Messages postés
27
Date d'inscription
mardi 9 août 2011
Statut
Membre
Dernière intervention
21 mai 2020

Chers collègues !

Merci de vos contributions !

A la demande générale, je vous présente ladite fonction :

Node.prototype.automovabiliser=function()
{
var movable;

if(this.nodeType==1) movable=this;
else
{
movable=document.createElement('vehicule');
this.parentNode.insertBefore(movable,this.nextSibling);
movable.appendChild(this);
}

function deplacer(mousemove)
{
movable.style.position='absolute';
movable.style.left=movable.x_delta+mousemove.clientX; 
movable.style.top=movable.y_delta+mousemove.clientY;
}

movable.addEventListener('mousedown',function(mousedown)
{
movable.style.zIndex=++document.topindex; 
movable.x_delta=movable.offsetLeft-mousedown.clientX;
movable.y_delta=movable.offsetTop-mousedown.clientY;
 
window.addEventListener('mousemove',deplacer,false);
window.addEventListener('mouseup',function(){window.removeEventListener('mousemove',deplacer,false)},false);
},false);

}



Merci, encore, de vos contributions !
Messages postés
14780
Date d'inscription
lundi 11 juillet 2005
Statut
Modérateur
Dernière intervention
4 août 2020
92
Et ça veut dire quoi "ça marche mal avec les images"?


@+
Buno, Admin CS
L'urgent est fait, l'impossible est en cours. Pour les miracles, prévoir un délai...
Messages postés
27
Date d'inscription
mardi 9 août 2011
Statut
Membre
Dernière intervention
21 mai 2020

Bonsoir,

et merci de suivre mon affaire.

Quand j'essaie de draguer une image, elle se déplace de quelques pixels, puis se bloque... et a un comportement étrange.
Messages postés
41
Date d'inscription
vendredi 30 octobre 2009
Statut
Membre
Dernière intervention
13 décembre 2012

Tu serais s'en doute mieux avec un position fixed au lieu d'absolute.

Ensuite tu peux vérifié si les coordonnées que te redonne ta fonction déplacer sont les bonnes.

Et je crois que l'écriture de cette fonction
window.addEventListener('mousemove',deplacer,false);

n'est pas la bonne, il te manque le paramètre que tu dois passer à ta fonction
window.addEventListener('mousemove',deplacer(mouse),false);
Messages postés
27
Date d'inscription
mardi 9 août 2011
Statut
Membre
Dernière intervention
21 mai 2020

Bonsoir...

Tu serais s'en doute mieux avec un position fixed au lieu d'absolute.

Je veux que le dragable soit en
position:absolute;

et non en
position:fixed;


Ensuite tu peux vérifié si les coordonnées que te redonne ta fonction déplacer sont les bonnes.

Je ne pense pas que cela soit le problème : après un comportement zarbi, le dragable se met à suivre le curseur "normalement".

n'est pas la bonne, il te manque le paramètre que tu dois passer à ta fonction

Je pense que la fonction considère l'événement comme son premier argument, et que la syntaxe que tu propose est fautive.

Merci de contribuer !!!