Ticket #3446: DragAndResizeJquery.htm

File DragAndResizeJquery.htm, 1.2 KB (added by amclemore, 13 years ago)
Line 
1<html  >
2<head >
3    <title></title>
4        <script type="text/javascript" language="javascript" src="http://ui.jquery.com/repository/latest/jquery-1.2.6.js"></script>
5
6    <script type="text/javascript" language="javascript" src="http://ui.jquery.com/repository/latest/ui/ui.core.js"></script>
7    <script type="text/javascript" language="javascript" src="http://ui.jquery.com/repository/latest/ui/ui.draggable.js"></script>
8    <script type="text/javascript" language="javascript" src="http://ui.jquery.com/repository/latest/ui/ui.resizable.js"></script>
9   
10    <script language="javascript" type="text/javascript">
11        var $j = jQuery.noConflict();
12        $j(document).ready
13         (
14            function() {
15
16                //$j('#imgTest');
17                $j('#imgTest').resizable({ handles: 'all', knobHandles: true, autoHide: true }).draggable({ cursor: 'move'});
18             
19            }
20       );
21    </script>
22</head>
23<body>
24    <form >
25        <div style="position:absolute;height:900;width:800;background-color:Gray">
26
27            <img style="position:absolute;top:0;left:0;" alt="" src="http://www.google.com/intl/en_ALL/images/logo.gif" id="imgTest" />
28
29        </div>
30       
31    </form>
32</body>
33</html>