Sujet Précédent Sujet Suivant

Enregistrer drag n drop

cs_tales Messages postés 104 Date d'inscription jeudi 27 septembre 2007 Statut Membre Dernière intervention 5 octobre 2009 - 13 févr. 2008 à 03:44
cs_tales Messages postés 104 Date d'inscription jeudi 27 septembre 2007 Statut Membre Dernière intervention 5 octobre 2009 - 30 juil. 2008 à 18:14

Bonjour,
Je voudrais savoir comment enregistrer la position de mes images aprés un drag n drop.
Que lorsque je réaffiche ma page mes images soient là oû je le voulais.

Voici le script de Petole Team ( merci à lui).

<script type="text/javascript">
var DRAG_Objet = null;
var O_Drag = new Object();
var Zindex = 6;
//-- Definition zone de DRAG
var W_Top    = 500;
var W_Left   = 2;
var W_Right = 1050;
var W_Bottom = 17;
//--------------------------
function isDRAG_Objet( obj_){
while( obj_){
    var szClass = obj_.className;
    if( szClass)

        return( obj_)
    obj_ = obj_.parentNode;
}
return( null);
}
//------------------
function DRAG_Stop(){
if( DRAG_Objet){
    DRAG_Objet = null;
}
}
//-------------------
function DRAG_Move(e){
if( DRAG_Objet){
    if( e) event = e;
    //-- Position d'affichage
    var PosX = event.clientX +O_Drag.left -O_Drag.clic_X;
    var PosY = event.clientY +O_Drag.top -O_Drag.clic_Y;
    //-- Test si dans Zone
    if( PosX > W_Left)
      if(( PosX +O_Drag.width) < W_Right)
        DRAG_Objet.style.left = PosX +"px";
    if( PosY > W_Top)
      if(( PosY +O_Drag.height) < W_Bottom)
        DRAG_Objet.style.top = PosY +"px";
    return false;
}
}
//--------------------
function DRAG_Start(e){
var Obj = e? e.target : event.srcElement;
//-- Test si Objet dragable
if(( Obj = isDRAG_Objet( Obj))){
    if( e) event = e;
    DRAG_Objet = Obj;
    //-- Recup Info sur objet
    O_Drag.width = Obj.offsetWidth;
    O_Drag.height = Obj.offsetHeight;
    O_Drag.left   = Obj.offsetLeft;
    O_Drag.top    = Obj.offsetTop;
    //-- Position du click de depart
    O_Drag.clic_X = event.clientX;
    O_Drag.clic_Y = event.clientY;

    return false;
}
}
//-- Evenement sur Mouse
document.onmousedown = DRAG_Start;
document.onmouseup   = DRAG_Stop;
document.onmousemove = DRAG_Move;
</script>
</HEAD>

<?php

$username= $userrow["username"];
$donnees= mysql_query("SELECT accessoire2,acc2,nplante1,nplante2,nplante3,nplante4,nplante5,nplante6,nplante7,nplante8,nplante9,pla1,pla2,pla3,pla4,pla5,pla6,pla7,pla8,pla9 FROM anni_plante WHERE username='$username'");
$reponse = mysql_fetch_array ($donnees);

$aff = 1;

while ($aff<= $reponse ['accessoire2'])
{
?>

name="pa" >

<?php
$aff++;
}

$aff = 1;

while ($aff<= $reponse ['nplante1'])
{
?>

name="pa" >

<?php
$aff++;
}

$aff = 1;

while ($aff<= $reponse ['nplante2'])
{
?>

name="pb" >

<?php
$aff++;
}

Merci.

A voir également:

Drag n drop js
Poo js - Conseils pratiques -Javascript
Calendrier js - Conseils pratiques -Javascript
Javafx drag and drop - Forum Java
Drop table if exists - Forum SQL
Js ++ - Forum Javascript / DHTML

41 réponses

Réponse 41 / 41

cs_tales Messages postés 104 Date d'inscription jeudi 27 septembre 2007 Statut Membre Dernière intervention 5 octobre 2009
30 juil. 2008 à 18:14

Je relance car toujours pas trouvé de solution.
Un petit script s'il vous plait.
Merci

Discussions similaires

Partie entiére d'un nombre

Drag and drop en VBA

Drag and drop dans un tableau HTML

Drag Drop de fichiers

sweetAlert

Votre réponse

Discussions similaires