Drag and Drop site

drag-and-drop site

Drag-and-drop is a very common feature. This is the case when you "grab" an object and drag it to another location. Website creation via Drag & Drop. No, this really is it.

And for most start-ups, performers, professional and others with no coding skills, the drag is like a surprise drag on your own hands and drop like a drop in a few hundred dollars to pay someone to fix what you've broken by poke around. Though a number of large builds a site provider are still more difficult than it should be if you make true adjustments.

It was visited and we were amazed by the audacious, design-driven artwork that focuses on images and is more adaptable than other service offerings. Photographs are dragged from the wallpaper to the web browsers, resized upon arrival and optimised for each display (including the one in the bag). 8 years later, with 1.3 million pages and more, and now with the 6th release - which seems to be the most amazing - his premonition is on its way to some on-air time.

Register here for the betatas.

Dragging and dropping

Drag-and-drop is a very frequent tool. This is the case when you "grab" an item and drag it to another place. Drag & Drop is part of the HTML5 standard: Every item can be moved. Numbers in the chart indicate the first browsing release that fully support drag and drop.

An example of a drag and drop is: ev.preventDefault(); ev.dataTransfer.setData("text", ev.target.id); ev.preventDefault(); var data=ev. dataTransfer.getData("text"); ev.target.appendChild(document. file) In order to make an item dragable, change the dragable tag value to true: Specify what should occur when the item is pulled.

For the above example, the attributes drag (event) and drag start call a drag (event) command specifying which dates to drag. DataTransfer.setData() set the datatype and the value of the drawn data: ev.dataTransfer.setData("text", ev.target.id); in this case the datatype is "text" and the value is the ID of the drawable item ("drag1").

And the on-dragover incident indicates where the pulled information can be stored. You cannot delete data/elements in other items by setting the standard. In order to allow a drop, we must avoid the standard treatment of the item. You do this by invoking the event.preventDefault() type for the upondragover event: A drop occurrence will occur when the extracted files are deleted.

The above example shows the drop (event) drop parameter calling a function: ev.preventDefault(); varata = ev.dataTransfer.getData("text"); ev.target.appendChild(document.getElementById(data)); code explained: Drag and drop an picture between two elements:

Mehr zum Thema