Ergebnis 1 bis 2 von 2

Thema: Javascript Drag and Drop

  1. #1
    TP-Newbie
    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 Avatar von wuselmann
    Registriert seit
    May 2001
    Ort
    Hamburg
    Beiträge
    879
    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.

Aktive Benutzer

Aktive Benutzer

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

Ähnliche Themen

  1. [Allgemein] [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)

     

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •  

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