JQuery :: Reset To The Original Positions Of A Sortable List?
Nov 14, 2008
I'm using this sortable method: [URL] Works perfect! I have one question though: When a certain action is taken by the user, I want to reset the original order of the <li>s in the list. I can't seem to figure out how to do that.
I'm using jQuery form plugin, but i want when when user clicks on a button to submit the form using the traditional submit, how can i reset the form to traditional one ?
I get the data back fine. However inside getuser.php my data is in a sortable list. If i use this code above. My data comes back but I can no longer sort my list and move things around (I'm guessing because its returned as HTML only). Can anybody give me a solution of what i need to change so my list is also sortable again?
in a list, as seen below, i would like to first of all change the order only by clicking a button.e.g. li_elem2 and li_elem3 should change their order (positions), maybe even in a nice animated way later on...i tried to change it by editing the css properties, but didn't work out. so now i would be happy about any other approach i can take to swap items, or change positions of two list items....
I am trying to achieve something that I have seen on many forms throughout the web; I am currently learning JavaScript so please bare with my beginner status. So I have a form and on every input button, I want the value to disappear when clicking on it; and if no text is entered, the original value is returned..
So far I have this inside every input button and i'm beginning to struggle with 'the next step': onfocus="if(this.value=='Email')this.value=''"
Is there a simpler way to achieve this with multiple buttons rather than copying this into every button?
i am trying to use jquery UI sortable on my webpage to displaytoolbars. what i want is, let people sort these toolbars in the waythey like. i have named toolbars with id "1","2","3","4", and i savedsorted order to database via toArray method. i was wondering how icould display these toolbars with new order when people browser mysite next time, is there any method that supports it?
I'm new to this jquery and still learning, i having a question on how to make sortable list draggable? For e.g drag a list from sortable list to droppable zone and drop it, after drag or drop the list will back to sortable list.
I am using jquery ui to have two connected sortable lists. The first list is available numbers, and the second is selected numbers. Everything with the jquery is working fine. The problem i am having is when i try to get the contents of the selected numbers box, it is empty, even though the sortables are or were dragged to that list. I tried using this.
var response = $("#selected_numbers_box").val(); alert( response ); and I also tried this.. var response = $("#selected_numbers_box").html(); alert( response );
both are empty. What i am trying to do is retrieve the values of the new list "Selected numbers Box".
I hava sortable list using jQuery UI Sortable. When the items are re-ordered the new order is written to the database. All working fine � however, if I use jquery to add a new item ....
I wrote an application using jquery/sortables and ran into a problem that I just don't understand well enough to tackle and hoping a jquery expert can see the solution where I don't.
I have a db setup like so
My page is setup to display multiple 'sortable' lists that allow the user to re-position elements (divs) with the mouse. Each div contains the 'content' (Bananas, Apples, etc) for users to see and they're even editable-in-place which all functions great.
THE PROBLEM: Each list has a class of 'biglist' in which I use the connectWith to allow these elements to be dragged from say myList3 to myList7.
Visually this looks great on the page but there's no DB functionality behind it to "SAVE" the new position. The only save that works is the elements position in its CURRENT list.
All 'content' in the fifth list for example is being generated from a SELECT statement [WHERE boxid = 5].
Each list has a different php file to generate its content that is virtuallyidentical
The order of each element is saved via a simple method in sortable's update function
Sorting is done here:
This is done roughly 10 times because there are ten lists. So here's the big question:
How can I pass the list's number (or create an ID for each list) that'll save WHICH list the items been moved to so that it's saved. (IE how can I change boxid instead of just Order)
I have a table (not in a form) that has several input text boxes. I want to have a reset button that acts like the form RESET button. I thought I would use the following jQuery method:
Here's my reset button code:
Here's one of my table input lines:
I thought this would be simple, but I can't seem to figure out how to target the text that the user types into an input field before he/she decides to "reset" and start over.
I'm thinking that my problem is that I can't find the correct syntax for my line: $('input.firstname').value('')
I have encoded same javascript file with "Microsoft script encode" and accidentally deleted the original file.There is a way to convert the encoded file into the original version.. The form of the encoded file is : <script type="text/jscript.encode">#@~^.....
I'm attempting to make it so it physically swaps the element position within DOM (the index, in other words) when someone clicks on a button. It will either be the element right before, or right after (depending on which button they click). I'm using jQuery, so if there is an easy way to do it using that, please let me know. If not, I can use jQuery to get the DOM elements using .get(). I don't know if I can just just do something like:
Code:
var domElements = $('.draggable').get(); var tempElement = domElements[index + 1].cloneNode(true); domElements[index + 1] = domElements[index].cloneNode(true); domElements[index] = tempElement;
It doesn't seem to work quite right. Should I use replaceChild or something? Don't know if it would work, here? I will know the index, so that's not an issue, here, it's just a matter of getting it to reorder the elements, so when I loop through them, they are processed in the correct order.
I'm developing a chess game recorder (records chess games just like electronic score sheet) and i am trying to write a function that handles the "en passent" rule in chess. However, when i try to test to see if a Black pawn is at a particular x,y location, it is always giving me back "50px". Even when it's not at that location. i uploaded semi-live version to my website here: [URL] you just click on the 'Play' button to start the game here's the function in question:
I have a javascript or CSS problem with two tables with same positions. The two tables has the same structure and positon in page.I want to view the odd lines from a table and the even lines from the oher table. What I have do is the following :
After page loads I see just the tabel having id='slideshow'.I have expected to see odd lines from the "slideshow2" table and even lines from the "slideshow" table.
Is there a way to get the position of multiple substrings that match a regexp without using closures? match() returns the substrings themselves, not the positions, and search() seems to only return the first position. Here's what seems to work (under Shanti Rao's jsdb.exe shell) but I get a bit nervous about using closures Code: