[html, js] pb de drag&drop : super code inside :) si ca peu aider...

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [html, js] pb de drag&drop : super code inside :) si ca peu aider...

wouatouwouatou

g une image contenu dans une div
la div est 'draggable'.
mon pb est que lorsque je drag via la div directement (click depuis la div)... ca marche bien et quand je le fais via l'image (click depuis l'image)... ca buggue !!!

En fait, pour n'importe quel élément contenu dans le div.. ca fait pareil... mon drag foire...
Et ca me le fait sous ns et pas sous ie...

p.s: le drag est initialisé via la div (sur un onmouseover).

Est-ce un bug de ns ou alors fo til koment faire ?

please.. help :jap: liens sur le sujet ou autre serait cool aussi

Message édité par wouatouwouatou le 30-01-2003 à 12:55:47

Publicité

youdontcare

>> mon drag foire...

foire comment ? du code, une page à montrer ?

il y a pas mal de variables de position dans l'objet event (x, offsetX, clientX, screenX), dont certaines relatives à l'objet qui génère l'événement (eg l'image au lieu du div).

wouatouwouatou

peu pas mettre en ligne...

mais voila le code.. si vous pouvez le tester

Euh.. ca marche pas sous ns.. mais sous ie ca passe..
Je mexplique... sous ns (ns6), ca marche pas quand on clique sur l'image mais ca passe si on click sur la div elle-meme...
pour l'image.. changez l'url.

script js:

Code :

function dndEvt(obj, strEvt, strFun, blnType)
{
if ( obj.attachEvent )
eval('obj.' + ( ( blnType ) ? 'attach' : 'detach' ) + 'Event(strEvt,' + strFun + ')');
else
{
obj.oldEvts[strEvt] ) );
eval('obj.' + strEvt + '=' + ( ( blnType ) ? strFun : 'null' ) );
}
}
function dndMXY(evt)
{
evt = ( evt ) ? evt : window.event;
return ( evt.clientX != null ) ? [evt.clientX, evt.clientY] : [evt.pageX, evt.pageY];
}
function dndStart(evt)
{
var arrMXY = dndMXY(evt),
obj = document.dndObj;
document.dndDrag = true;
document.dndDMXY = [arrMXY[0] - obj.offsetLeft, arrMXY[1] - obj.offsetTop];
dndEvt(document,'onmousemove','dndMove',true);
}
function dndMove(evt)
{
var arrMXY = dndMXY(evt),
obj = document.dndObj;
obj = ( obj.style ) ? obj.style : obj;
obj.left = arrMXY[0] - document.dndDMXY[0];
obj.top = arrMXY[1] - document.dndDMXY[1];
return false;
}
function dndStop()
{
document.dndDrag = false;
dndEvt(document,'onmousemove','dndMove',false);
}
function dndInit(obj)
{
if ( !obj || document.dndDrag )
return;
document.dndObj = obj;
dndEvt(obj,'onmousedown','dndStart',true);
dndEvt(document,'onmouseup','dndStop',true);
}

et le code html :

Code :

<html>
<head>
<title>Drag&Drop</title>
<style>
DIV { background-color : #ffff00; width : 200; height : 100; left : 350; top : 300; position : absolute; }
BODY { text-align : center; }
</style>
</head>
<body><div id="divDND1" onmouseover="dndInit(this);" name="divDND1">blabla<br><img src="images/welcome2.gif"></img></div></body>
</html>

youdontcare

rajoute evt.preventDefault(); dans ton dndStart(). c'est l'équivalent DOM de mettre returnValue = false d'ie (ou return false dans le code onmouseXX=".... return false" ).

http://mazinger.technisys.com.ar/p [...] ompat.html

Message édité par youdontcare le 30-01-2003 à 13:54:37

wouatouwouatou

cool !!! Grand merci... :jap:

FORUM HardWare.fr

Programmation

HTML/CSS

[html, js] pb de drag&drop : super code inside :) si ca peu aider...

Sujets relatifs
[HTML] Comment aligner le centre de ma page ?	Question utilisation d'un lexique (en html)
[HTML N00b] Faire barre de menu verticale...	[PHP HTML] Référencement de page index en php
[Java] - Help Méchament Needed en post #4 - (projet CO inside) :/	[HTML] Légende d'un menu qui apparait dans un cadre différent
[html hard core newbie] Problème pour juxtaposer des images...	[HTML] Précharger une animation flash avant de la lancer
[html] validation de formulaire lorsqu'on presse entrer	Certains Webmasters ont la tête dans les nuages... Faille inside
Plus de sujets relatifs à : [html, js] pb de drag&drop : super code inside :) si ca peu aider...

Page générée en 0.053 secondes