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.
View 3 Replies[URL] When I clone a list that is part of a Sortable, the Draggable objects are not bound to the cloned list, only the original one.
View 2 Replies View RelatedI have some sortable lists.
I need to be able to drag an element from on list to another but leave the original element in its list and have a copy in the new list.
I tried this;
But it treats el and elcone as the same element.
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 ?
View 1 Replies View RelatedMy script is the same as this http://www.w3schools.com/php/php_ajax_database.asp
When the data comes back to me its using
document.getElementById("txtHint").innerHTML=xmlHttp.responseText
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....
<ul class="rounded">
<li class="li_elem1">Liste 1</li>
<li class="li_elem2">Liste 2</li>
[code]....
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 have the following code to get the change of position, I dont know how to make the list tell me the position of aspecific elementwhen i click it.
[Code]...
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?
View 4 Replies View RelatedI'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.
View 2 Replies View RelatedI 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 ....
[Code]..
I have few lists with ui sortable/droppable and I want to have let say max 4 elements in one. So:
What code should be there? I've tried to change class to .disabled but it blocks moving.
$('#sortable'+new_id).sortable("cancel"); causes error. Script allows to move single elements and whole lists.
I want to be able move elements from all lists but disable drop if it's too long.
I am currently working within the Java framework using JSPs (and developing on NetBeans).
I am currently trying to develop a Javascript solution where I have two lists:
I am trying to create the Javascript solution where A,B,C are sortable and also 1,2,3; 4,5,6; and 7,8,9 are sortable within each list.
[URL] This site has a filter on it to sort by different industries. I see there is a lot of CSS done with it but not sure exactly how they built it
View 7 Replies View RelatedI know I've seen (free) scripts that do this, but I can't find them.
(Please see the mock up (link below) for reference.)
On the left, under the "Table of contents" there is a drop down menu.
Nice clean lines, simple. The choices will show a line under it.
"contributing artist" will give the option to sort a-z or z-a
The solution has to be compatible with the list below; it should be able to sort the entries and their thumbnails. Ajax?
[url]
This is on a linux server.
I've created a drop down list as below:
<select name="declinereasons" id="declinereasons" onchange="declinereasonsChanged();" >
</select>
And on some event I call the following function to fill my drop down
function fillDeclineReasonList() {
$.getJSON('<%= ResolveUrl("~/myurl/")%>', function (data) {
ReasonCollections = data;
[code]....
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)
How do I reset selct lists like below.
<form>
<select size='4' STYLE='width: 164px' MULTIPLE id="num" name='num[]'>
<option value='1' selected>1</option>
<option value='2' selected>2 </option>
[code]....
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">#@~^.....
View 5 Replies View RelatedI'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:
[Code]..
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 :
Code:
<style type="text/css">
#slideshow{
background:url('templates/images/femeielaptop.jpg');
width:666px;
[Code]....
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.
Interferences with scrollbars:
What would effect a scrollbar in a browser on a website?
Let me clear that up. While writing a "rain effect" script, what could interfere with the scrollbar actually not showing up on that specific webpage.
Below is the script I am working with - If in any instance someone may need to review a certain area of it. Code:
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: