Source Code



Draggable

  • jquery
  • 15 November 2013 at 17:05
  • jQuery
  • 362
  • 66
  • United States
 


Author: jquery Language: United States
License: Freeware
Size: 0 KB
Downloads: 22 times

 

Interactions add basic mouse-based behaviors to any element. You can create sortable lists, resizable elements, drag & drop behaviors and more with just a few lines or code. Interactions also make great building blocks for more complex widgets and applications.

Enable draggable functionality on any DOM element. Move the draggable object by clicking on it with the mouse and dragging it anywhere within the viewport.

EXAMPLE

<!doctype html>
<html lang=en>
<head>
<meta charset=utf-8 />
<title>jQuery UI Draggable - Default functionality</title>
<link rel=stylesheet href=http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css />
<script src=http://code.jquery.com/jquery-1.9.1.js></script>
<script src=http://code.jquery.com/ui/1.10.3/jquery-ui.js></script>
<link rel=stylesheet href=/resources/demos/style.css />
<style>
#draggable { width: 150px; height: 150px; padding: 0.5em; }
</style>
<script>
$(function() {
$( #draggable ).draggable();
});
</script>
</head>
<body>
<div id=draggable class=ui-widget-content>
<p>Drag me around</p>
</div>
</body>
</html>

comments powered by Disqus

Related Code

PHP Sample From CSUSB

Bootstrap UI Kits

Diagram Studio

Simple Graph Component

Delphi Example Code

A Delphi Basics Game Database - AQA Computing CPT6 Module - Delphi Source Code

Freebie Complete PHP Project Bootstrap PDO Sign-In Jquery UI Autocomplete Validation

Variables

Database Connection

Reading From Database



Category

Tag Linked