Wall Script
Follow Me:
Wednesday, May 27, 2009

Draggable with jQuery from Google Ajax Libraries API.

Implement jQuery element draggable() form Google Ajax Libraries API it simple just some lines of code take a look at livedemo.
Google host providing frequently used javascript files eg. jQuery, Mootools, Dojo. Use google.load() to speedup your website loading.

Download Script     Live Demo

Javascript Code
Contains google ajax api code loading jquery form libraries google.load();
<script src="http://www.google.com/jsapi?key=AB">
<script type="text/javascript" >
google.load("jquery", "1");
google.load("jqueryui", "1");

function OnLoad(){
$('#content').html('<div id="drag-div" ">' +
'<div id="dragme"></div></div>');
"handle": "div"



<div id="content">Loading...</div>


CSS Code
background:url(dragmelogo.png) no-repeat;
border:4px solid #666666

Related post:

Perfect Javascript Form Validation using Regular Expressions.