Download dragable content script

Demo | Demo 2 | Demo 3

Download script

You can download the entire script from this Zip file.

Configuration

You make elements draggable by assigning them to the class "dragableElement". Examples:

<img src="images/image1.jpg" style="float:left" class="dragableElement"> <div id="keyText" class="dragableElement">You can drag this box as well as the images on this page</div>

These are some examples take from the demo.

Remember position and z-index in cookie

You can configure the script to remember the position of the dragable elements in a cookie. This is done by adding lines like this

<script type="text/javascript">
var rememberPositionedInCookie = true;
var rememberPosition_cookieName = 'demo';
</script>

right above the place where you include dragable-content.js.

Rate this script at Hotscripts.com

If you like my script, please rate it at HotScripts.com

Update log

  • June, 14th, 2006 - New feature: Remember position and z-index in cookie





About/Contact | A good idea? | Submit a script | Privacy notice
© 2005 - 2008 dhtmlgoodies.com | post@dhtmlgoodies.com