JQuery :: Handle Sortable To Get And Post Indexes?
Oct 1, 2011
I have this sort of image gallery where you can drag and drop images around. CLients should be able to do this in order to determine the order in which images are shown on their website. All images have a unique id and a order number. It is my first time I use jquery, the sortable part was easy to find out but then what happens? I have to find out how to get the 'new order' and how to store it in database. I am using ColdFusion. My idea, either I store the new order each time one moves an image around either I let them move like they want to and ask them to click a button to confirm. The structure of the document is a <ul id=sortable> then each image is <li>.
I have a dynamic form, when a button is clicked 3 more fields appear, the function is to colect for example from date [02/02/2010] to date [10/02/2010] equals price [250$] per week and if you want another period just click the button and 3 more fields appear. How do I get all this data to PHP?
<script type="text/javascript"> var counter = 3; function addNew() { // Get the main Div in which all the other divs will be added var mainContainer = document.getElementById('mainContainer'); // Create a new div for holding text and button input elements var newDiv = document.createElement('div'); [Code]...
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?
I have 2 lists and function to clean them function del_sel(option){ if (option == "1"){ document.forms[0].list1.innerHTML = ''; }if (option == "2"){ document.forms[0].list2.innerHTML = ''; }}
How to make this function shorter & without options? Something like that: function del_sel(option){ document.forms[0].option.innerHTML = ''; }
The problem is that this code returns mistake: function del_sel(option){ document.forms[0].option.innerHTML = ''; } ... <input type='button' value='Delete onclick='del_sel(form.list1);>
Basically i have two arrays one contains Services and the other contains prices
ie
Code:
At the moment there are 7 elements in this i have this printing to a dropdown with
Though i want to print the price to a textbox ie if element [0] in service is selected return price [0] though i want to iterate through the positions then display the value in a read only textbox.
i am new to Html and i am helping run a website for virtual golf. we were thinking of adding a Statistics page but would need the table used to be sortable so by hitting the header the column sorts the figures in order, the tablw would only be 50 rows and 8 columns. i have looked at the website [URL]../docs/but cant seem to sort out where to place things. a step by step guide would very much be appriciated.
In the above code i have a list of sortables, i want to add the draggable($obj) to a sortable, even though i add to the sortable in the add method, that gets added but does not play as a draggable,Do i need to call any method of sortable after adding the draggable ?
I'm implementing a drag and drop newsletter, where my users can drag content to different areas of a template. Depending on where they drop the content, I need to add different HTML attributes to some of the code (essentially need to make the images float:left if they're dropped into a certain box). I've achieved a basic version of this using this code:
$('.review_list').sortable({ receive: function(event, ui) { // somehow need to make this only apply to competition/ mainfeature
[Code].....
This adds align="left" vspace="4" hspace="4" onto any image dropped into an element with the 'review_list' class (I know I said it was float:left but this code will be emailed so I have to do it old school style...). Anyway: is there a way that I can get the element that has received the sortable item? It could be one of three in my case, and I only want this code to be added for two of them. I guess I could run a cleanup function when submitting that removed this addition for images in the other element, but this seems messier - I had assumed that the 'receive' event would return the receiving element.
I've take the standard Demo code from 'm trying to make the images within the Trash container sortable.Despite attempts for the last couple if hours and a number of different combination, I'm still unable to get it working
I have 2 sortable lists, #pieces and #grid. I want to drag items from #pieces and add them to #grid without removing them from #pieces. That way I could add any number of any item in #pieces to #grid. The current code i have is:
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 have a jquery function for loading links from my navigation on the left to the content div on the right. I also have a function for applying a class called active to that anchor link's list item parent. I later found that going through other included files in the template that there was already a function for adding that class in one of the included files (js/titanium.js) however when I take off my add class function it doesn't apply it. I thought the function from the titanium.js file would apply it but it doesn't. I have all the included javascript files included in the head of my page but for some reason it's still not using what's inside them I guess.
Another issue is that in the template file there is a jquery sortable function for any table, also included in another javascript file, and I'm not sure why its not working with my tables to make them sortable? [URL]
I can get it works if I using <form> tag with an action="post" and a submit button to post to another php page by using this statement to get all controls in receiver's page _GET['mycheckbox'];I have tried