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]...
I figured out the one question but I am thinking the code below would get into an endless loop if two items to sort were equal because it never returns a 0 to alert the javascript sort function that the two items are equal... Is this correct?
The code ...
$(document).ready(function() {
$('#ascending').click(function() {
SORTER.sort('.sortable');
});
$('#descending').click(function() {
SORTER.sort('.sortable', 'desc');
});
});
var SORTER = {};
SORTER.sort = function(which, dir) {
SORTER.dir = (dir == "desc") ? -1 : 1;
$(which).each(function() {
// Find the list items and sort them
var sorted = $(this).find("> li").sort(function(a, b) {
return $(a).text().toLowerCase() > $(b).text().toLowerCase() ? SORTER.dir : -SORTER.dir;
});
$(this).append(sorted);
});
};
$(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.
I'm just a starter and I'm looking for a function I can't find.
What I want:
I want the row number of the row i clicked of the item list.
For instance I click on third row then I want that var i returns 2. code...
Hi, i'm creating my own image gallery using jQuery, and there is a set of thumbnails at the bottom. The thumbnails have been put into an array, using jQuery, but what i am trying to do is to return the position of any clicked thumbnail in that array. i.e. when the 3rd thumbnail in the list is clicked, return 3, when the 5th thumbnail is clicked return 5 etc....
This in turn will dictate which item in another array (the main images array) will be displayed.
I have a list of 32 thumbnails in the form of:
<ul id="thumbs_ul">
<li>
<a href="gall.php?g=galleries/atest/&p=Bamburg_01.jpg" title ="" >
<img class="thumbnail" src=phpThumb.php?src=galleries/atest/Bamburg_01.jpg&
[Code].....
How do I get the href for the item directly before the "selected" thumbnail and the item directly after the "selected" thumbnail?
In the above example I would like to get: [URL]
What's the best (i.e. fastest) way to find out if an array contains a given
value? Other than looping, the only way I know to do it is to use an
associative array/hash instead....
Is there a better/faster way?
I.e if I have a list of names, what's the best way to find out if the aray
contains "jane"?
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.
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]...
I have a little problem with getting the next 'select' item in a table. I have my html code like so:
[Code]...
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
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]
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]...
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]...
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.
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]...
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");
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 RelatedI 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]....
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.
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 Relatedecho '<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].....
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]....
<h1>November<span>2009</span></h1>
making a variable equal the h1 html() without the span text.
// equals 'November2009'
var monthDelete = $('h1').html();
// I need just 'November'
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]...
So let's say I have a list
<ul>
<li>Item 1</li>
<li>Item 2</li>
[code]....