Jquery :: Sortable: Determine The Id Of The Item Replaced By The Dragged Item
May 11, 2010
$(document).ready(function(index){
$(connectSort).each(function(index, obj){
$("." + this).sortable({
connectWith: ".connectedSortable_" + this,
[Code]....
the first function(start: function ..) displays an attribute (title) of the dragged item once the sorting starts. supposedly, the second function (stop: function ..) would display the same attribute but of the item replaced by the dragged item once the sorting stops.
I have tried a lot of things already, but none seems to work.
View 2 Replies
ADVERTISEMENT
Apr 14, 2011
I have a page where there is a list of items and a drop container. When I drag item, the other items below the one that is being dragged moves up. Can other items stay in their respective positions when one of the item is dragged away?I have list of items like this:
<ul id="allItems">
<li id="node1" groupId="box2"><img src="nmm_logo.png" height=70 width=130 align="left""></img></li>
[code]...
View 3 Replies
View Related
Jul 23, 2009
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:
<script type="text/javascript">
$(function() {
$("#peices, #grid).sortable({
connectWith: '.column'
[Code]....
View 1 Replies
View Related
Jun 21, 2009
how I can limit the "dragability" of an sortable item, to ex. a element inside the item. Meaning, I only want the item to sort when the header of the item is draged. Is there a simple way to do this, or do I have to modify core code/ create a helper to accomplish this functionallity? Have read the docs, but haven't found anything that mentions this..
View 1 Replies
View Related
Jul 28, 2009
I have a sortable with has nested content in each sortable item:
<ul id="sortable">
<li id="item_1">item 1<div>content i want to get</div></li>
<li id="item_1">item 2<div>content i want to getss</div></li>
<li id="item_1">item 3<div>content i want to get changed</div></li>
</ul>
I have a submit button which serilizes the sortable so I can save the changes of the order. I also want to save the changes I have made in the div's but that information doesn't seem to get passed, only the
ids of the items. So, the question, how can I get the inner html of the items?
View 1 Replies
View Related
Mar 5, 2010
I have anunorderedlist with many list items several levels deep, some of which contain nested unordered lists. How can I determine whichindividuallist items contain nested lists and attach click events to only those list items? For example:
<ul><li>level 1
<ul><li>level 1-1</li>
<li>level 1-2
<ul><li>level 1-2-1</li>
<li>level 1-2-2</li>
<li>level 1-2-3</li>
<li>level 1-2-4</li>
<li>level 1-2-5</li>
</ul></li>
<li>level 1-3</li>
</ul></li></ul>
Level 1 and Level 1-2 should have the click event bound to them while all the other list items don't have anything bound to them. I assumed that I would loop over all the list items using each() and :has or .children(), but I couldn't figure out how to test if the list item I was iterating on contain a sublist.
View 3 Replies
View Related
Apr 7, 2010
I have some js code in which a click on a nav arrow causes list to be walked up or down and hilighted. Partial code is below. The problem is that when I get to the end of the list (e.g. there IS no next()), I want to skip this part of the code and actually hide the right arrow. I have no problem with the hiding part - I just want to set a flag when I have traversed the list to the last item.
[Code]...
View 4 Replies
View Related
Jun 16, 2011
i have a Drop down list with 10 choices (skillset). users must choose one skillset and the corresponding level (beginer/intermediate/master). ( they have to do this 10 times for all the sillsets) what i want is :
1 - i need to show up only one record (dropdowanlist) with level then have a button to add new skill and level if required 2- then when they choose the 1st skill from the dropdown , this one will not show up on the 2nd choice dropdown.
View 15 Replies
View Related
Dec 22, 2010
I'm new with jquery.
I'm changing the value of an input text and I need to change the value of the next input text, so my [code]...
View 2 Replies
View Related
Apr 19, 2011
I have a little problem with getting the next 'select' item in a table. I have my html code like so:
[Code]...
View 1 Replies
View Related
Feb 28, 2011
I have something like this:
var images = $('#container img'); // my new array
images.get(images.length - 2).addClass('show');
error is like this:
Error: $("#container img").get(images.length - 2).addClass is not a function
View 1 Replies
View Related
Dec 21, 2011
I have an update function and many input fields with a Quantity, I use the update function "onkeyup" for each input field/box. I want to get the value of the field that has been changed. How could I get the value of the field that was changed, key was up on.
Heres my code
Input boxes
Code:[Select]
Update Function
Code:[Select]
View 4 Replies
View Related
Jun 9, 2010
so to get the point, I want to add a list item to the top of a ul, and in another case above the last li.
The first one really doesn't have a visual aspect to go with it, just adding a new item, the second can be illustrated as:
[Code]...
View 3 Replies
View Related
Sep 11, 2010
I am a beginner with jquery and was trying out the tutorial at[URL]... in the tutorial a list item is added to an ordered list as follows var
[Code]...
View 1 Replies
View Related
Sep 10, 2010
Is it possible to show more than one item with cycle plugin.
For example, if we have something like:
<ul>
<li id='1'>
<li id='2'>
<li id='3'>
[Code]....
I'd like li's 2 and 3 to be shown at the same time.
View 2 Replies
View Related
Apr 1, 2011
I am urgently need a code in this manner
var chkIndex = $('#ddlLevel').get(0).selectedIndex - 1;
alert('chk: ' + chkIndex);
here i got previous index value using current index, now i want to retrieve item value and item name using that previous index value, my code is
[Code]...
View 2 Replies
View Related
Jul 9, 2009
Is it possible to target certain <li> in an unordered list by index with jQuery? I thought maybe I could use .index but was not able to get the syntax right. I thought maybe something like this would work but is has not:
$("#mycarousel > li").index(i).css("margin-right", "5px");
View 34 Replies
View Related
Aug 18, 2009
i am using [URL] when i have reached the last item, where the next button shld have been disabled, its still enabled leading to an extra space when next is clicked. [URL]
View 2 Replies
View Related
Sep 29, 2010
I have a textbox with add button, says A. If i click A, a new textbox will be appended.The appended textbox, B will have an ADD button, in order to add new textbox again.The problem I face is I am not sure where or how to include the jquery function of ADD button for Textbox B.My script:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
[code]....
View 9 Replies
View Related
Dec 14, 2011
I have a link on a page which I would like to work as follows:
- When I click it a Modal window will show up. Inside this modal there would be a table returned by "data/images" When I click an item in the table the Modal would close. I need to get the value in the first column of the clicked row. How can I do this? I have no idea where to start.
View 1 Replies
View Related
Dec 14, 2010
I have created a little script that is supposed to add another item to a radio group and set the new item as selected if none of the other items is selected. It works on initial load of page, but if I press refresh, the checked value of the radio group shifts one place to the right on each reload.[code]The code has some special names and labels.. Thats just because it comes from some generated code from another application.
View 3 Replies
View Related
Nov 30, 2011
echo '<tr><td>'.lit($inv['id'],1,0).'</td><td><select id="target'.$inv['id'].'"><option>Choose An Action</option>';
echo '<option value=enhance>Enhance</option><option value=slot>Slot</option><option
[code].....
View 2 Replies
View Related
Jan 10, 2012
I have an image gallery where every image has an index number ("data-index"). How do I access that index number when the image is "current" and then add +1 when it's "next" or subtract -1 when it's "previous"? Below is part of my code.
[Code]...
View 2 Replies
View Related
Apr 18, 2011
So let's say I have a list
<ul>
<li>Item 1</li>
<li>Item 2</li>
[code]....
View 8 Replies
View Related
May 12, 2011
$('td[id=opinionAxis]').html("<img src=images/"+this.attr("title")+".png>");
So essentially what I'm trying to is put an image inside all my td's that have "opinionAxis" as their id. The image has to be equal to the value in the title attribute in addition to the sub folder and file type. How do I access the current item's attributes?
View 2 Replies
View Related
Aug 16, 2011
I use the split button [URL] How to add item in the submenu ?
View 2 Replies
View Related
