Jquery

JQuery Tutorials

JQuery Resources

                                                   JQuery




ExploreJQuery.Com

  





JQuery Lightbox
 




 JQuery Accordion




JQuery Autocomplete
 
 Affiliate Marketing Recommended Products
The Affiliate Code   Profit Miracle   Maverick Money Makers
               

The Affiliate Code is an amazing training product by Michael Jones. He will teach you how he made $65,000 in one month. Michael Jones is also the creator of the extremely popular ClickBank Code.

  

Profit Miracle is a great product that will provide you with a shortcut on creating and marketing your content. This product will save you time and money with your affiliate marketing ventures

  

Maverick Money Makers was developed by millionaires and has proven to generate at least $354.97 per day from home when you are just starting out. This course is good for beginners and intermediate affiliates
Read more>>>   Read more>>>   Read more>>>
   
   
   
  Bookmark and Share
  
Jquery dragable div
      
Mar
30
Jamal Ahmad

jam05pgs

0 Comments  |   3222 Hits
Tags:   jquery div, jquery dragable div, jquery
 

Few days back, one of my friend post one comment on my blog post and he was asking about JQuery dragable div having images as well as some text contents inside the div and he was trying to move. I promised him to find the solution and post it in my blog. You make elements draggable by assigning them to the class "dragableElement".

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.j.

Demo:  Jquery Dragable Div

Download: JQuery dragable Div
[ Stumble Upon ] [ Facebook ] [ del.icio.us ] [ furl ] [Sphinn] [ Digg ] [ Twitter ] [ Technorati ] [ Reddit ] [ Subscribe To RSS Feeds ]

0
 
 
 
   
 
Leave your comments
 
  Your comments  

     
name  

     
  email  

     
website    

     
5 + 3 =    

     
   
     

 
 

Follow me on twitter

Follow me on facebook
 

 
   

   

affiliate_link

   

affiliate_link

   

Buy Now - PayPal
   
 
   
  JQuery Community
 
 
tissa
darrenrowse
amour
niculae
sassyqarla
summerzeet
electrostar
good-pens
kh
travelhotelworld
tunyalitk
masterartrep
dain22
bloggersun
jameslove4enao
thebeespace
majalahpatani
caryngf
wonkapromotions
jam05pgs
 
  View more bloggers   Join Community
   
   
  JQuery Popular Posts
 
 
JQuery Beautiful Image Slide Show in New Way
Good Pens, Saturday 18th April 2009

Ajax Animated Live Search
Tunya Litk, Monday 4th May 2009

Ajax instant edit
Jamal Ahmad, Friday 15th May 2009

JQuery Autocomplete with Ajax PHP and MySQL
Jamal Ahmad, Sunday 14th June 2009

Ajax fancy Captcha with JQuery and PHP
Majalah Patani, Friday 8th May 2009
   
   
  JQuery Poll
 
 

Would you like to have a website which will provide you all facilities listen music, friendship, photo sharing and blog?
 

Yes

No
I dont know
 

 
   
  JQuery Categories
 
 
JQuery
JQuery AJAX
JQuery Banners
JQuery Browsing
JQuery CSS
JQuery Forms
   
   
   

 
 

 

  

© Copyright Explore JQuery, all rights reserved
A company registered in north America, Europe, Asia and Middle East as Explore Group.