Home/ Questions/Q 6027317
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T04:34:30+00:00

I have a simple info div, which I want to make dragable across the

  • 0

I have a simple info div, which I want to make dragable across the screen so the user can place it “out of the way” depending on what else is on the screen.

Looking for a simple solution – don’t really want to be dependant on other jquery libraries – using basic jquery and jquery ui

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    TRy this:

      <html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"                          type="text/javascript"></script> 
        <script   src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js" type="text/javascript"></script> 
<style>
#draggable { width: 150px; height: 150px; padding: 0.5em; }
</style>
<script>
$(function() {
    $( "#draggable" ).draggable();
});
</script>

</head>
<body>

<div class="demo">

<div id="draggable" class="ui-widget-content">
<p>Drag me around</p>
</div>

</div><!-- End demo -->



 <div class="demo-description" style="display: none; ">
 <p>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.</p>
</div><!-- End demo-description -->
</body>
</html>
    • 0