Frage von der122345, 46

html Bild mit Drag and drop Kopieren?

Hallo ich wollte Fragen wie ich das Bild

    <div id="box_1" ondrop="drop(event)" ondragover="allowDrop(event)">
        <image src="1.png", width="50" height="50" alt="logo" id="logo" draggable="true" ondragstart="drag(event)" />
    </div>

In die Felder box4 oder box 5 Kopieren kann und dann nicht mehr verschieben kann außerdem soll das Bild 1.png in box1 verbleiben also nur Kopiert werden

    <div id="box_5" ondrop="drop(event)" ondragover="allowDrop(event)">
    </div>

Danke der122345

Antwort
von Minilexikon, 26

Trotz der HTML5-API brauchst du ein bisschen jQuery, um aus den übertragenen Daten auch tatsächlich eine Kopie zu machen:

http://codepen.io/Minilexikon/pen/ONZLvG

Kommentar von der122345 ,

ja genau so habe ich mir das vorgestellt geht das auch ohne jQuery 

Kommentar von Minilexikon ,

Du kannst das gerne in Javascript umbauen. Aber warum willst du kein jQuery benutzen?

Kommentar von der122345 ,

kann mir das jemand in Js umbauen ich kann kein jquey

Kommentar von Minilexikon ,

jQuery ist Javascript; zumindest eine Teilmenge. Mit Javascript sieht das dann aber komplizierter aus.

Kleiner Tipp: jQuery ist nicht schwer zu lernen (http://www.w3schools.com/jquery/)

Musst du nicht, aber wäre mein Vorschlag, bevor das extra umgeschrieben werden muss. Sonst ist das auch noch irgendwie machbar.

Kommentar von ceevee ,
Kommentar von der122345 ,

ja

Antwort
von webflexer, 27

Keine passende Antwort gefunden?

Fragen Sie die Community

Weitere Fragen mit Antworten