I have li list with jQuery sortable attached to it. but the receive function is never executed. When I drag list item 10 to the 2nd position the way i expect this code to execute is to execute the receive function. but it never gets executed.
[Code...]
I am using jQuery for custom sorting my <ul><li> list.But I have a problem. I can sort and move those <li>-s but problem is I don't know how to update database with new order integers.Example of html ul li:
[Code]....
This is an example of my li element.. I have id=43, thats Id of picture in database.I use this javascript for trying to somehow make array and read that id into array:
[Code]....
Problem is I don't know exactly what am I doing wrong, because my event doesn't fire, when I press "update button.. Update button fires "update" function on click:
[Code]....
I hope someone will try to explain.Do codebehind and html needs to be in the same document? Can I use ascx and use "update" button there, to fire aspx methode?
I have a photo album gallery within my website and would like to allow users to sort the order of their photos within an album. After looking at very different ways I came across this example
http://www.west-wind.com/rick/photoalbum/demoMaui2006/Default.aspx?Admin=true which is exactly what I need.
The photo are stored in the uploads directory and details in the database. The images are displayed using the ListView as shown below:
[Code]....
I would like to rearrange the order of the photos; change the captions and/or delete the photos just like as in the example.
So could someone please provide the steps that I need to follow in order to achieve the following:
Firstly to display the photos from the Photo table in the database (can use the above listView) Rearrange the order; change caption and/or delete the photo(s) Final to update the changes in the Photo table
I am new to programming, especially jQuery so could you kindly provide/explain the steps that I need to follow.
How do I get at the data after doing a .sortable serialize? Here is my code :
[Code]....
am building jQuery UI sortable to store order in the database using serialize and ASP.NET Web Service. I know how to do it in php, but I am not sure how to do it in ASP.NET... I tried googling with little success.
$('#mylist').sortable({
handle: ".handle",
axis: "y",
[code]...
I am using .sortable on a div that I have. What I want to know is, how do I call a function when the drop event occurs? Here is my code at the moment :
[Code]....
I have a photo album gallery within my website and would like to allow users to sort the order of their photos within an album. After looking at very different ways I came across this example http:[URL]Admin=true which is exactly what I need.
The photo are stored in the uploads directory and details in the database. The images are displayed using the ListView as shown below:
<asp:ListView ID="ListView1" runat="server" DataSourceID="SqlDataSource1" GroupItemCount="15">
<LayoutTemplate>
<table id="groupPlaceholderContainer" runat="server" border="0" cellpadding="0" cellspacing="0"
style="border-collapse: collapse; width: 100%;">
<tr id="groupPlaceholder" runat="server">
</tr>
</table>
</LayoutTemplate>
<GroupTemplate>
<tr id="itemPlaceholderContainer" runat="server">
[Code]....
I have a custom control, that has takes some information from user and submit to the database. it is working fine in normal aspx pages. but when i display that custom user control in jQuery modal popup. The events does not fire or lets say the data is not submitted to the database.
View 3 RepliesI am using jquery fullcalender..
I want to bind Events to each days of the calender dynamically from the json return by the ajax method..
I want to make sure my theory of an upcoming project will work. Online ordering form for a restuarant. Order will be for pickup or delivery. no payment online. so gather order information and call web service which lives on a computer at the restaurant, this web service will log the order information into a file then send the order information to a ticket printer in the kitchen.
View 2 Replies I am having an issue in Jquery rotate below is my HTML code
<div id="frame" style="height:100;width:100;" >
<img alt="" id="Img1" runat="server" src="~/Images/pdfcar.png"
style="height:30px;width:30px;"/>
</div>
The below code is working fine, J
[Code]....
I'm currently building an MVC application and using a JQuery UI Datepicker http://jqueryui.com/demos/datepicker/
to book events.
I would like to display all available eventdates in the Datepicker. Is there any way to rerender the datepicker to make only eventdates being selectable(clickable) or may be just highlight the eventdates. Any way to pass dates into the datepicker?
I have a button that is within an updatepanel control. The button's click event has a function defined for it through JQuery. Once the async postback completes the JQuery event fails to fire when the button is clicked subsequently. What do I need to do to correct this behavior and maintain the JQuery event attachment to the button's click event once it has been refreshed asynchronously?
View 1 RepliesI am trying to get JQuery events to work with partial views in ASP.NET MVC. However, after you load a partial view through Ajax, JQuery seems not able to fire events for any of the elements in the partial view. I suspect that this issue will also happen if you are using other frameworks or JavaScript libraries to load partial html code with Ajax.
For instance, consider the following example:
Controller:
[Code]....
Once the page loads for the first time, you can click on the "Click here to display a Javascript message" and you will get a Javascript alert message that says "button clicked". However, once you click on the "Click here to load partial view", clicking on the button that is supposed to bring the Javascript alert message doesn't have any effect. It seems that the 'click' event is not being fired anymore.
why this issue occurs with JQuery and how to fix? This issue also occurs with other JQuery plugins that use events.
I am trying to rotate an image using mousemove event and its working fine.But i need to add keyboard combination to achieve the rotation .Ctrl key + Mousedown rotate the image but its not working for below logic..
[Code]....
I even tried something like below.
[Code]....
Below is the HTML code
<div id="frame">
<img id="Img1" alt="txt" runat="server" src="~/Images/Car.png"/>
</div>
If i combine the keycode with mouse event ,rotation is not working.
have a page that use JQuery to get markup of user control from a web services. it is successfully giving me what i want the markup etc.Jquery Code:
[Code]....
------------------
You can see that user control have a button that have a click event handler. i want this button to trigger on click. but when i click on this button i found server error "The state information is invalid for this page and might be corrupted."i can imagine what is going on viewstate is not valid for form for obivious reason......how can i fix this problem or update viewstate.
I have got an issue after updation in UpdatePanel. The issue is the jquery events are not working/firing after the updation in UpdatePanel. At first time, the jquery events work, but not after the updation in UpdatePanel. If I remove the UpdatePanel, the problem is solved. But I have to use the UpdatePanel.
View 1 RepliesI'm integrating Fullcalendar into my app. Consider a manager interface where he can select an employee and then view this employee's calendar. Now basically I'm using the following jquery code in my view:
<script type="text/javascript">
$(document).ready(function() {
$("#calendar").fullCalendar({
defaultView: 'agendaWeek',
isRTL: true,
axisFormat: 'HH:mm',
editable: true,
events: "/Scheduler/CalendarData"
});
});
</script>
Now I would like to have the controller function assigned to the events to retrieve the specific user selected by the manager: events: "/Scheduler/CalendarData/<current_user_name> Is there any way to retrieve the selected employee user name from the view (or rather pass it to the view from the controler) and then pass it onto the bound events function?
I have an ASP page which displays a text box when it loads. It takes an input number, send it to the server through post back, and then displays some record in a grid view. After a number is input into the box, the server fetches some data from a database and add records to the grid view. It also contains a link column, whose URL is set to "#", so that the page isn't redirected when it is clicked.
Now I want to bind a jquery "click" event to that link. How can I do that ? I have tried that to do myself but failed, because it is not available when the DOM is loaded (since it only contains rows when a number is input through the box), and is being modified through ASP.NET Ajax post back.
I have a masterpage setup, with a pageLoad in the topmost masterpage, which calls pageLoad2 for nested masterpages which calls pageLoad3 for content pages.
In my content page I have a jquery click event and in my nested masterpage I have a web user control.
Whenever I use the user control in the nested masterpage, it rebinds the click event in the content page (undoubtedly because the pageLoad3 is called again), but this makes the click event fire twice on a single click. The problem gets worse the higher up masterpages you go (eg. fires 3 times if user control from topmost masterpage is called).
how to make sure it only binds the jquery events once?
i am using light box in one of my asp.net website On a linkbutton click, an application form opens in a lightbox.this form contains a dropdownlist.till now it was working fine.but now i have to change some coding.Whenever a value is selected from that dropdownlist,its selectedindexchanged is fired.At this moment my form with light box gets disapper.what i want is,it should remain on screen as it is when any of the server side event is fired.
View 2 RepliesWhat I'm trying to achieve is a page with the jQuery date picker on screen full time, and a gridView that shows events FROM the date set using the datePicker. I've kind of got it working,Currently, the default date is set in the JS code, but I'd like to set it to the textbox control that updates when a new date is selected. I've added a default value to the text box and would like to use this to have better control over changing it later.Before the GridView updates, I need to click the button to cause a refresh. Ideally, I'd like the page to refresh once a new date has been selected.Here is my code so far:
[Code]....
I want to determine Sigle click and Double click on any particular row (anywhere in the row) using javascript.Let's say I have some records in griview and when I click on any row it display the data of that row, and when I double click on any row it display the data of that row with "Hello" word.
View 1 RepliesI have a datagrid with sorting. I set enable sorting to true, but that makes every column sortable. Is there a simple way to make it so that only one column header can be clicked for sorting? I feel like there should be a simple and quick fix for this, but who knows. some code:
<asp:GridView ID="ProductsGrid" runat="server"
AutoGenerateColumns="False" Height="323px"
style="margin-top: 23px; margin-left: 0px;" BackColor="White" CellPadding="0"
Width="1210px" OnPageIndexChanging="gridView_PageIndexChanging"
onrowdatabound="ProductsGridView_RowDataBound" AllowPaging="True"
PageSize="25" AllowSorting="True" OnSorting="ProductsGrid_SortCommand">
I then have several columns. Is there something I can set in the code for the column to disable all others or only make one sortable?
I cannot seem to center the header text of a column in my GridView if it is sortable. The html output is much different for a sortable column (it seems to place a table inside of the td column).
Any thoughts on what can be done to get this centered?
I put the html ouput in a jsfiddle here ... [URL]
I have tried the following code on the grid view with no success. Bear in mind that the bound fields are server controls I designed but they do not affect the header text in any fashion:
<sc:DateBoundField DataField="LastLogin" SortExpression="LastLogin" HeaderText="Last Login"
HeaderStyle-Width="125px" ItemStyle-Width="125px" HeaderStyle-HorizontalAlign="Center" />
<sc:SCommandButtonField Command="Change" ItemStyle-Width="100px" HeaderStyle-Width="100px"
HeaderText="Change" HeaderStyle-HorizontalAlign="Center" Image="img.axd?ico16=edit" />