how to use jquery-ui-1.7.3.custom.min.js?

Posted by Jobin under jQuery on 7/31/2012 | Points: 10 | Views : 3683 | Status : [Member] | Replies : 3

Write New Post |

Search Forums | Answered

Resolved Posts |

Un Answered Posts |

Forums Home

I want to drag and re size a div using jquery-ui-1.7.3.custom.min.js Please explain the steps for this?

Reply | Reply with Attachment

Alert Moderator

Responses

Posted by: Vikash on: 8/14/2012 [Member] Starter | Points: 25

0	Plz give a scenario in detail so that we will be able to solve easily.............. Regards, Vikash Pathak Jobin, if this helps please login to Mark As Answer. \| Alert Moderator

Posted by: Nishant_Mittal on: 11/15/2012 [Member] Starter | Points: 25

0	<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DraggableAndResizable.aspx.cs" Inherits="JQueryValidationExample.DraggableAndResizable" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>jQuery Draggabele And Resizable</title> <link href="themes/ui-lightness/jquery-ui.css" rel="stylesheet" type="text/css" /> <script src="Scripts/jquery-1.6.1.min.js" type="text/javascript"></script> <script src="Scripts/jquery-ui.js" type="text/javascript"></script> <style type="text/css"> p { font-weight:bold; } #draggableResizable { margin:0 auto; width: 190px; height: 190px; padding: 0.5em; } </style> <script type="text/javascript"> $(function () { $("#draggableResizable").draggable(); }); </script> <script type="text/javascript"> $(function () { $("#draggableResizable").resizable(); }); </script> </head> <body> <form id="form1" runat="server"> <div id="draggableResizable" class="ui-widget-content"> <p> Drag me or Resize me</p> </div> </form> </body> </html> In above code i have used jquery-ui-1.9.1.custom for jquery-ui.css and jquery-ui.js (see in head tag), this can be downloaded from http://jqueryui.com/download/. If this code works then mark this as resolved. Regards Nishant Mittal Jobin, if this helps please login to Mark As Answer. \| Alert Moderator

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DraggableAndResizable.aspx.cs"

    Inherits="JQueryValidationExample.DraggableAndResizable" %>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>jQuery Draggabele And Resizable</title>

   

    <link href="themes/ui-lightness/jquery-ui.css" rel="stylesheet" type="text/css" />   

    <script src="Scripts/jquery-1.6.1.min.js" type="text/javascript"></script>

    <script src="Scripts/jquery-ui.js" type="text/javascript"></script>

    <style type="text/css">

        p

        {

            font-weight:bold;

        }

        #draggableResizable

        {

            margin:0 auto;

            width: 190px;

            height: 190px;

            padding: 0.5em;

        }

    </style>

    <script type="text/javascript">

        $(function () {

            $("#draggableResizable").draggable();

        });

    </script>

    <script type="text/javascript">

        $(function () {

            $("#draggableResizable").resizable();

        });

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div id="draggableResizable" class="ui-widget-content">

        <p>

            Drag me or Resize me</p>

    </div>

    </form>

</body>

</html>

In above code i have used jquery-ui-1.9.1.custom for jquery-ui.css and jquery-ui.js (see in head tag), this can be downloaded from http://jqueryui.com/download/.

If this code works then mark this as resolved.

Regards
Nishant Mittal

Jobin, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: perfectchourasia-9163 on: 11/30/2012 [Member] Starter | Points: 25

0	<link href="themes/ui-lightness/jquery-ui.css" rel="stylesheet" type="text/css" /> <script src="Scripts/jquery-1.6.1.min.js" type="text/javascript"></script> <script src="Scripts/jquery-ui.js" type="text/javascript"></script> You can give the full path of file but in this case u need internet to run web page. ER sandeep chourasia sandeepchrs@yahoo.com (on facebook) http://www.aspnetcodes.com/ Jobin, if this helps please login to Mark As Answer. \| Alert Moderator

ER sandeep chourasia
sandeepchrs@yahoo.com (on facebook)
http://www.aspnetcodes.com/

Jobin, if this helps please login to Mark As Answer. | Alert Moderator

Latest Posts