JQuery :: Drag & Drop To Sort Categories And Post This New Sort Order To DB?
Jun 9, 2009
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.
View 1 Replies
ADVERTISEMENT
Apr 24, 2009
I'm looking to order a list taht is created by drag and drop.
The structure is a normal unordered list
Have looked at sort , sortable , etc...But no real explanation found.
View 3 Replies
View Related
Aug 18, 2010
I've used jQuery ajax and .post a lot, and several times within the very application that i'm having issues with, but I've never run into this issue before.I've got a table of items and categories, sorted by a sort number. in the same cell that the sortnum input is in, there is a span with a status id that differentiates between items and categories so i can modify the correct records in the correct database table.First, i select all of the inputs and then sort them by the value of the input. next, i loop through the inputs, creating two arrays: one array contains the type of entry, and the other contains the id of the entry.
After the loop, i join each array into its own variable, sortlist and typelist. Next, i perform a .post passing the two lists to my server.The problem is, on the server side, those two variables are getting a "[]" appended to the end of them, and since i'm working in coldfusion, the only way to get data from them is with evaluate. I can get by using evaluate(), but i'd rather not have to.So far i haven't found a way to get the value of this variable. has anyone else ran into this issue and found a solution?
<table>
<tbody>
<tr>
[code]...
View 1 Replies
View Related
Jul 4, 2011
I have got a backend PHP script that calls MySQL in order to get town and city names.If I type 'cam' in to the autocomplete textfield, I get something like:
Big Camberley
Camberly
Camberwell
[code]....
View 2 Replies
View Related
May 26, 2010
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.1EN" "http:www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
<!-- -->
[code].....
I am stuck on this I have 2 prompts one for a line of text the other for the user to decide whether it is to be sorted ascending or descending I have ascending order from the first prompt but now I have to make the program listen to the second prmpt and then do what it says. I am stuck I have to declare the prompt -got itand then I believe it is a if statement but how do I reference the Ascending or descending the user puts
View 2 Replies
View Related
Dec 18, 2011
I am working on a piece of pseudocode for an assignment and as I am new to Javascript, I would like some confirmation I am on the right track with the code.
All of the research I have found has only shown ascending order formulas, so if I am wrong with my if statement and the temp statement and they should i+1 and a[j+1] can you please give a shake of the head; that way I can read my research further and edit my work. If I am on track a nod of the head is a big encouragement.
View 6 Replies
View Related
Mar 15, 2010
My table columns are sorted by the Tablekit library [URL]. The user can click the columns to toggle the sort order either ascendingly or descendingly. I can save the current sort order (preference) in the server. After the page is refreshed, the web page is sorted by the original sort order. How to make the Tablekit library to sort with the current sort order after page refresh? My web page column is:
<th class="sortfirstdesc" id="urgency" onClick="reverseOrder($sortdesc)">ID</th>
View 2 Replies
View Related
Mar 10, 2011
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.
View 3 Replies
View Related
Sep 1, 2010
I am building a customised javascript prototype to sort an associative array on the array key (in ascending order). Basically, I am separating the array keys into a separate array and then using .sort() to sort the keys and then reassembling the original associative array elements according to the sorted keys array.
The sorting works ok except that when I run the test code below, the outputed sorted associative array has an extra element at the end of the array whose key is the name of the prototype function and the value for that element is the function code itself. Obviously I am misunderstanding something about associative arrays or how javascript prototypes work.
[Code]...
View 8 Replies
View Related
Jan 4, 2010
looking for a script or list component that allow to change order by drag & drop
View 2 Replies
View Related
Jun 25, 2011
I have multiple lists in which i change the values of the LI elements. how can i make the lists be sorted by highest value?
View 3 Replies
View Related
Apr 28, 2011
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.
View 2 Replies
View Related
Oct 4, 2009
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>
View 1 Replies
View Related
Feb 22, 2011
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>
[code]....
View 4 Replies
View Related
Dec 31, 2010
I have a table that sorts in jquery and I have one column that I would like to always remain the same while the other columns sort around it. What I want is for the order of the column to always be Great, Bad, Failure while every other column can be sorted. What is the easiert way for me to do this?
View 1 Replies
View Related
Oct 26, 2009
I'm fairly new to Tablesort, but got it working for the most part. The only problem I have is any columns that have a <a href></a> in them. It seems to sort it based on the url and not that actual data in the cell. How do I get it to sort based on the data and not the url?
View 11 Replies
View Related
Jul 29, 2009
At the moment my page will jump to the top (because of the #) whenever a new tab is clicked or when it automatically rotates to one.
Is there a way to stop this, maybe using an onclick event instead of relying on the #tabs links?
View 12 Replies
View Related
Dec 28, 2011
jQuery and have the following Problem:
Suppose i have a table, like that:
<table class="conTab" id="TA">
<thead>
<tr>
<th>col1</th>
[Code]....
After inserting this new table row i would like to sort the table by the first column (or any attribute of the first columns td elememts). I tries some Plugins like tinysort right now, but they only sort the "fixed" rows, not the dynamicly added.
The table should be sorted automaticly, the user should not be able to sort it.
View 2 Replies
View Related
Jun 3, 2009
im learning jquery at the moment (and english ...*g*, no clue where i suck more...) and now ive got following problem: i make use of the jquery ui and there specially i use the sortable thingy...
so now the problem: im trying to sort some divs. after sorting i want to sort the order of the divs in a new way (simple from 0 - x).
[Code]...
View 3 Replies
View Related
Oct 6, 2011
According to the documentation, tablesorter plugin should be able to sort by shortdates (Both UK and US formats).The user can select a dateFormat, like "dd/mm/yyy" when setting up the sorter.I've tried to do this - but it has no effect at all.I've looked at the DEMO for tablesorter, and even-though they write "We sort UK shortDates", they actually filled the table with US formatted dates... So, I have never actually seen this function working Anyway, I've done as I believe is right according to the documentation - but I cannot get it to sort by the dateFormat "dd/mm/yyyy".[URL]
View 1 Replies
View Related
Jun 29, 2009
I'm fairly new to JQuery but can generally feel my way around. Would it be possible to alphabetize an unordered list when a page loads? i know this is kind of 'contrary' to the definition of unordered but it would seem like something JQuery could do. For example, if I had the following list coded into a page,
[Code]....
View 5 Replies
View Related
Apr 25, 2011
I am having a problem with the dialog plugin.
I am calling it when I click a button, it opens the url, but as an inline and not as a popup window.[code]...
View 1 Replies
View Related
Oct 12, 2009
I have the following DOM structure (unordered list), that I would like to sort on the a href tag name using jQuery – specifically the TinySort plug-in [URL] Structure is as follows:
<div id="refmenu">
<ul id="list">
<li><a title="Google" href="....">Google</a></li>
<li><a title="Apple" href="....">Apple</a></li>
[Code].....
View 1 Replies
View Related
Sep 11, 2009
I have a format like this
<ul>
<li class=" "></li>
<li class=" "></li>
<li class=" "></li>
<li class=" "></li>
</ul>
I need to sort <li> tags by their class names
View 2 Replies
View Related
May 21, 2009
I found tablesorter plugin failed to sort the float if the float is in scientific notation? Eg. the tablesorter asc sorted result of float list is : [ 7e-06,4e-05,0.051116,0.00518,0.0].
View 3 Replies
View Related
Aug 11, 2011
I am stuck with the problem with submiting form in IE. This is the part of the code for submission. I am using jQuery validate and form plugins. On other browsers it submits. Tried ie7, ie8, ie9 and none of them submitted. (actually I tried on IE9, but in ie7, ie8 modes.) And they don’t give me any error message.[code]...
It everything looks simple, but it does not work and does not throw errors. Have you any ideas, what I should try to change?
View 11 Replies
View Related
