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

Posted by Jobin under jQuery on 7/31/2012 | Points: 10 | Views : 2229 | Status : [Member] | Replies : 3
I want to drag and re size a div using jquery-ui-1.7.3.custom.min.js Please explain the steps for this?




Responses

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

Up
0
Down
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

Up
0
Down
<%@ 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

Up
0
Down
<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

Login to post response