+ Antworten
Ergebnis 1 bis 2 von 2

Thema: Javascript Drag and Drop

  1. #1
    TP-Newbie Nyoko macht alles soweit korrekt
    Registriert seit
    May 2011
    Beiträge
    1

    Javascript Drag and Drop

    Hallo

    Ich habe ein kleines Problem.
    Ich habe auf meiner Seite ein Drag and Drop effekt eingebaut, damit der User verschiedene Bilder bewegen kann. Nun möchte ich die Bilder aber einer Position zuordnen und alle versuche mittels x und y haben nicht geklappt.
    Ich möchte jedes einzelne Bild an einer bestimmen Stelle haben (auch aufeinander) damit der User ein bestimmtes Bild finden.

    .js
    Code:
    var ie=document.all;
    var nn6=document.getElementById&&!document.all;
    
    var isdrag=false;
    var x,y;
    var dobj;
    
    function movemouse(e)
    {
      if (isdrag)
      {
        dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
        dobj.style.top  = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
        return false;
      }
    }
    
    function selectmouse(e) 
    {
      var fobj       = nn6 ? e.target : event.srcElement;
      var topelement = nn6 ? "HTML" : "BODY";
    
      while (fobj.tagName != topelement && fobj.className != "dragme")
      {
        fobj = nn6 ? fobj.parentNode : fobj.parentElement;
      }
    
      if (fobj.className=="dragme")
      {
        isdrag = true;
        dobj = fobj; 
        tx = parseInt(dobj.style.left+0);
        ty = parseInt(dobj.style.top+0);
        x = nn6 ? e.clientX : event.clientX;
        y = nn6 ? e.clientY : event.clientY;
        document.onmousemove=movemouse;
        return false;
      }
    }
    
    document.onmousedown=selectmouse;
    document.onmouseup=new Function("isdrag=false");
    Bilder werden so zugeordnet:
    Code:
    <img src="liste.gif" class="dragme">
    Falles es wichtig ist, ich hab das von hier: Klick

  2. #2
    TP-Insider wuselmann macht sich hier sehr viel Mühe Avatar von wuselmann
    Registriert seit
    May 2001
    Ort
    Hamburg
    Beiträge
    869
    CSS und HTML Du nutzen musst, junger Padawan, bevor JavaScript Du bringst ins Spiel um bewegbar zu machen Bilder. Wenn das Lösung für falsche Problem - einfach noch mal beschreiben Problem.

+ Antworten

Ähnliche Themen

  1. [Javascript] Problem beim Drag & Drop
    Von -Andreas- im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 13.10.2010, 18:27
  2. Drag & Drop per JavaScript - Tutorial gesucht
    Von e-busy-ness im Forum Javascript & Ajax
    Antworten: 4
    Letzter Beitrag: 08.12.2005, 11:20
  3. drag & drop aus?
    Von Psytronic im Forum Dreamweaver & andere Webeditoren
    Antworten: 4
    Letzter Beitrag: 07.12.2005, 01:37
  4. Drag & Drop --> Muenzeinwurf
    Von neffets im Forum Flash & Multimedia
    Antworten: 3
    Letzter Beitrag: 22.12.2004, 21:03
  5. puzzle ..if..drag and drop
    Von desiiiign im Forum Flash & Multimedia
    Antworten: 3
    Letzter Beitrag: 22.07.2001, 01:38

Stichworte

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51