Move Me
Move Me
.: XHTML, CSS & JavaScript Gallery :.
“Drag & Drop” JavaScript
JavaScript: DHTML API, Drag & Drop for Images and Layers
Allmost all browsers, except of a few rarely used ones, should be able to interpret this
Dynamic HTML, or DHTML, is a collection of technologies used together to create interactive and animated web sites by using a combination
of a static markup language (such as HTML), a client-side scripting language (such as JavaScript), a presentation definition language
(such as CSS), and the Document Object Model.
DHTML allows scripting languages to change variables in a web page's definition language, which in turn affects the look and function of
otherwise "static" HTML page content, after the page has been fully loaded and during the viewing process. Thus the dynamic characteristic
of DHTML is the way it functions while a page is viewed, not in its ability to generate a unique page with each page load.
DHTML “Drag 'n Drop” JavaScript.
You can drag the pen or either one of the arrows as you go to keep track of your place on this page. This script will allow more than one object to be dragged and dropped. Try to move the 2 small images near the top of this page. Excellent tool for tutorial writers.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum et tellus. Morbi faucibus, eros id tempor mattis, nisl diam fringilla arcu, et rutrum massa neque eu eros. Sed blandit, lacus congue aliquet blandit, enim magna dignissim orci, et lacinia ligula odio sed neque. Praesent consectetuer. Integer consectetuer tristique dui. Aliquam condimentum tincidunt dolor. Pellentesque volutpat porttitor lacus. Donec lacus ipsum, mollis non, congue sit amet, auctor laoreet, sapien. Praesent consequat purus sit amet nisl. Vestibulum lacus. Duis dapibus.
Suspendisse et velit scelerisque odio aliquet fringilla. Proin eget odio. Sed porttitor turpis ac quam tincidunt aliquet. Suspendisse lorem risus, scelerisque at, ullamcorper vel, feugiat nec, augue. Maecenas rhoncus. Praesent ullamcorper orci ac nunc. Phasellus placerat semper urna. Aliquam erat volutpat. Proin luctus, libero ut malesuada dictum, erat eros tempus justo, id convallis nisl metus vitae purus. Duis at metus. Nullam egestas elementum felis. Integer et nisi et nunc egestas molestie. Aenean a pede. Sed sed eros vitae magna accumsan lobortis. Donec sit amet dui. Nunc eu enim in nisl interdum sollicitudin. Suspendisse odio pede, ornare et, fringilla id, sagittis ut, velit. Donec id ante. Vestibulum nibh sapien, aliquet et, auctor in, semper vitae, orci. Donec tincidunt. Quisque gravida molestie sem. In quis est. Donec ornare neque vel nisi. Integer sagittis, quam a gravida rutrum, tellus ligula congue pede, quis tincidunt nunc nunc vel lectus. Morbi pharetra fermentum pede. In consectetuer.
Nullam condimentum purus quis augue. Sed nunc erat, tempus ut, vehicula eu, feugiat quis, odio. Aliquam magna pede, aliquet quis, elementum eu, tristique ac, justo. Phasellus vehicula, dolor eu suscipit placerat, nulla augue nonummy arcu, eget eleifend nibh est non sem. Mauris urna arcu, lobortis vel, faucibus a, egestas sed, turpis. Maecenas tincidunt commodo massa. Pellentesque non mi egestas sapien viverra feugiat. Phasellus in felis id lacus lobortis eleifend. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Duis sit amet metus. Suspendisse potenti. Sed ligula sem, blandit eu, elementum at, tempor quis, quam.
In hac habitasse platea dictumst. Duis eget justo. Phasellus eget sapien at mi imperdiet aliquet. Etiam a sem. Sed cursus, turpis accumsan tempus pharetra, augue enim interdum risus, a rutrum purus risus sed nisi. Praesent lorem. Nullam iaculis, massa et vehicula pellentesque, arcu mauris lacinia ante, ac luctus orci ipsum et ligula. Morbi accumsan accumsan orci. Duis eget sem. Mauris nibh. Morbi risus. Morbi urna sapien, molestie sit amet, viverra sed, egestas quis, nisi. Donec congue, nisi eu porta aliquam, odio pede imperdiet odio, sit amet malesuada neque dui vel mi. Pellentesque lobortis accumsan ligula.
Etiam imperdiet, justo sit amet pharetra placerat, magna metus rutrum nunc, eget nonummy velit lorem ut lorem. Mauris volutpat auctor risus. Ut sem libero, dignissim in, congue sit amet, luctus vel, mauris. Maecenas non lacus ac diam ornare venenatis. Pellentesque aliquam, nisl a facilisis nonummy, nisl arcu convallis lectus, vel blandit eros est bibendum nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Last updated:
© copyright: wouter's designs.
This document may not be translated, duplicated, redistributed or otherwise appropriated.