OK so Ive been using jquery for a little bit now and love it. I am a ColdFusion developer. I have a need where I would like to present the user with a list of categories and the user can drag and drop to sort, but then I need to post this new sort order to the database. So I see there are a ton of cool drag & drop plugins for jquery. I understand how they work and I can get it to work as far as spitting out DIVS or spitting out ULs that can be sorted, but then what? So now they are sorted on my screen and not really part of the form. How do I translate that into something I can do a post to the database with? Do I do an AJAX call every time they drop an item and try to extrapolate the sort order on that item after they drop it? Do I populate a hidden form field with the constantly updating sort order list? MAybe a list of ID's? How does everyone else go about this this task? I'm sure there is more than one way and I'm sure this is a common task.
function sortBy(prop,arr) { sortProp=prop; arr=arr.sort(sortFunc); }
function sortFunc(part1,part2) { if (part1[sortProp]>part2[sortProp]) retVal=-1; else if (part1[sortProp]<part2[sortProp]) retVal=1; else retVal=0; return retVal; }
This however allows me to sort only by one criteria. I need to sort by weight first and then by height for those items that have the same weight.
Suppose I have a page with a set of hyperlinks on it. Each time a hyperlink is clicked a new window is opened. What i basically want is the following : I want a counter at the client side which increments each time the user clicks one of those links. At the bottom of the page I'll put a button which should be used to send the value of the counter away.
The problem is I only know server side scripting and have no idea on how to implement such a counter on the client side. I even wonder if it's possible to detect when a link is clicked. The links may be buttons if that would make it easier, it's just that i don't want to reload the page each time a link is clicked but only at the end when the button at the bottom would be clicked.
I'm working on displaying a list of events on my site and need to display them in ascending order. i've got an xml document that looks like this(with multiple events obviously,Can anyone help me with sorting this? So far I have it displaying only events that are occuring after the present date(currentDate). How would I go about displaying them so that the events displayed will be in the order of the earliest date displaying first?
I can't find any syntax for how to sort something with JQuery but here's a description of what I'm wanting to do.[code]
1. Start with the list of matches, in order. Introduction comes first. 2. Sort the segments by segmentOrder first, segmentNum second. 3. Insert each segment after match #(segmentOrder), in the same order.
I check the web and they only show you how to sort the whole array. I would like to be able to sort the subset of the 2D array.How would I sort the sub array independently. So only the a's together, then only the b's together, etc.
For example when row two is clicked I would like the table to reorder a, b, c, d <table><tr> <td>col 1</td> <td>col 2</td> <td>col 3</td> <td>col 4</td> </tr><tr> <td>b</td> <td>a</td> <td>d</td> <td>c</td> </tr><tr> <td>z</td> <td>x</td> <td>y</td> <td>w</td> </tr></table>
I have a list of records from my database being displayed on this page. I want to be able to sort the columns. Typically, I do this with an HTML table, but was wondering if there is a way I can setup the below code using jQuery to allow for the column headers to be sortable? I have an icon to sort up and an icon to sort down.My goal is to allow the user to sort the data without a page refresh.
<div class="header"> <ul> <li style="width: 20%;">Customer Number <img src="images/iconSort.gif" /></li>
My problem is in the drop down menus for site names, we have hundreds of sites and unfortunately the menu is not sorted 0-1 then A-Z and I would love it to be sorted like that.
I have tried to do my homework and understand java / javascript but I just can't stand it and I feel it is too complicated for me. The good news is I used to be a good ASP/vbscript programmer about 12 years ago so I have the "common sense" of understanding how to apply something similar on other pages, because I have lots of drop down menus that I need to sort.
I need your help in the attached file please. I need someone to simply highlight for me where in the javascript is fetching the site names from the DB and what needs to be added to sort them.
Identify it inside the file by either different color or bold font. Once I see it i will be able to figure out how to apply it in general to the other menus in the other pages.
I'm trying to get the gallerynav to sort the thumbnails based on their class. It does not work at all. I've gone over line by line but I can't see the mistake.
When I run JSLink i get the error: Error: Problem at line 37 character 14: Cannot set property 'first' of undefined Implied global: $data 13,14, arr 14,15,25, jQuery 28, $ 30 Unused variable: read_button 30 "$", r 32 "read_button"
I bought a Javascript book (Sam's Teach Yourself Javascript in 21 days) recently and there is some code in it that doesn't run properly. Can anyone explain to me why this sorting algorithm doesn't work? Code:
this is my first time posting on this forum. Hope you could help me. I am a beginner when it comes to Javascript. Here is my first stumbling block in this language.The code that works
I am trying to duplicate the graphic effect used in Outlook for sorting Columns, click on it the first time and it sorts descending, click again and it clicks ascending, click on another field and the original image returns and that field is now sorted. I can do the actual sort on the back-end using JSP, and really only need to make the script smart enough to know that another column has been clicked.
A couple of items for consideration, I am working on an intranet, and must support Version 4 browsers. The server I am using is an Iplanet V6.0 server.
I'm quite new to JavaScript, and I'm having some trouble with the sort method. I have it outputting the information I want it to, I just want to change how the output is shown.
Right now it is showing everything separated by a comma (apple, banana, orange, etc.). I was wondering if there was a way to change it so that there is no comma separating them, but instead have a line break after each word?
I'm trying to alphabetically sort a table in javascript (that is actually automatically populated from an XML file). The table is a list of words in 3 languages, one of which is Italian. What is happening is, the sort() function I am using to order the words is not considering accented characters, such as:
that should be sorted exactly as their corresponding ASCII characters A,O,U,E,I