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.
Is there an efficient way (ie. not looping through all members and counting) to find out what number an li will get in an ordered list? For example: [code]...
Naturally #first and #second will be 1 and 2, respectively. Without looping though all children of ol and counting, can I determine the number for #first and #second?
I've got a couple of problems that I cannot figure out how to do.
1. I'm trying to create a list where clickable items are visible on a page and then when clicked they expand to read a text file and stay expanded until I click them again to collapse. I've got this partially working except when I click on the item now(machine1 for example), the item I clicked on is replaced by html/txt file(machine1_output.html). Then the links are not available unless I hit the back button in the browser. Instead I want them both displayed and I want to be able to see all the items in the list and have the items expanded too. The reason for this is I want to be able to click all the links, have them display what's in the html/text file and be able to do a CTRL+F to search for an item. Is this possible?
2. When I add a third item(machine3 below) to my list none of the items are clickable. code...
If i have 4 vars
var one = 29.1
var two = 5.4
var three = 12.4
var four = 15
how can compare all 4 and find the smallest? in this case the result would be two
I have a list of records with link with each record
I have like this table structure:
After that dynamic tr and td are created which list the name of cateogy and its image
<a id is dynamic i want when i click this image link i get the value of which link is clicked
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 have a menu and i would like to change the color of the Categories which have subcategories only. In my example the basic categories are: News , Announcements , Contact and Career. Only Announcements and Career categories have subcategories. So i would like those two to turn green. The fact is that the list items include a href ,so i don't know how to access those "a href" combined with "this".
<ul id="my_menu">
<li id="id0"><a href="#" style="text-decoration:none">News</a></li>
<li id="id1"><a href="#" style="text-decoration:none">Announcements</a>
<ul>
[Code].....
I'm trying to create a horizontal dropline menu out of an unordered list. List items can have one unordered list child. I want to add a click event on all li:has(ul) elements. The pseudo-algorithm I'm thinking of is as follows:Find all other li:has(ul) elements on the page.For each, check if they are displayed.If displayed, hide it.Then, if the clicked li is displayed, hide it. Otherwise display it.Only one li:has(ul) element should be displayed at a time.
<script type="text/javascript">
$(function(){
$('li:has(ul)').click(function(event)
[code]....
What I have doesn't work because in the .each() function, the clicked li is also evaluated. So, if the clicked li is already visible, it gets toggled inside that function and then toggled again outside that function.
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]
I have been working on a dropdown menu using Clarklab's Tutorial:The only problem is that this tutorial only shows how to create one dropdown instance.It's in use here:My issue is that when I click on one menu item, all the submenus open up. Is there a simple fix that I just haven't figured out yet?My instinct is to give each ul it's own id, but I'm not sure how to direct the jquery in the header to work with individual elements.
View 2 Replies View RelatedI'm trying to find the currently clicked index of .accordion_trigger from within another element.
When inside the .accordion_trigger click event I can simply do the below to get the current clicked index:
Code:
$('.accordion_trigger').click(function(){
var index = $('.accordion_trigger').index(this);
}
return false;
});
Obviously this doesn't work when called from within another element. I understand that 'this' is part of the problem but can't seem to find a way to form the code in such a way for it to produce a valid result. Thus far I only get -1 or 0.
When .accordion_trigger is clicked it has an "$(this).toggleClass('active').next().slideDown();" applied so in theory I shold be able to search for which of the .accordion_trigger's are "active".
I've also tried doing this via the below method but to no avail:
Code:
var current = $('.accordion_trigger');
current.each(function() {
if ($(this).hasClass('active')) {
[Code]....
So, I have this menu set up that reduces the opacity of all but the hovered link. It works fine, but it's a video playlist, and I realized that I need to make sure that this style persists after the link has been clicked.I can figure out how to add a class on click, but how to combine the two? How can I set it up so that, if the link doesn't have the class .selected, the opacity will be at 0.3. Unless, of course, it's being hovered over.I'm in a little over my head here. Here's what I'm working with:
Code:
jQuery(document).ready(function() {
jQuery("#links").delegate("li", "mouseover mouseout", function(e) {
[code]....
I currently have a website with a number of menu items, many of which result in the main site being redisplayed but with an iframe being inserted somewhere within the middle of the page. The iframe is initially loaded as hidden but there is a JavaScript 'onload' routine which calculates the height of the iframe and then makes it visible in order to avoid the iframe showing scrollbars since the content of the iframe is variable.
Roughly, things look like this:
Menu button: reloads main page and passes one or more parameters, e.g. [url]
Then elements of the main page including the menu are displayed. Then, if specified by the relevant 'func' parameter the iframe is shown using code similar to the following:
This works fine but I was wondering whether there is any way of using jQuery such that I don't have to reload the page when the menu item is clicked. In other words, you'd click on the menu item and the relevant iframe would be inserted within the middle of the website, automatically sized.
I have a table that looks something like this:
<tr id="1">
<td>Name</td>
<td>E-Mail</td>
[code]....
With multiple rows. Each row has a unique ID (numerical). I need to be able to click on an a.accept, find WHICH one was clicked (which row it is in), and get the ID of that row. I've been looking around and I found parent(), but I'm not sure how I can specifically get which accept link was clicked.
I am trying to get the order of list item in an unordered list. Here is the mark up
Code HTML4Strict:
<ul id="list1">
<li>ul1 item 3</li>
<li>ul1 item 2</li>
<li>ul1 item 1</li>
</ul>
[Code]...
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]...
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"?
Let's say I have a table with 5 rows;
<table id="tbl">
<tr><td>Please</td></tr>
<tr><td>help</td></tr>
<tr><td>me</td></tr>
[Code].....
Now if someone clicks on the row with content "help" (2nd), I want to catch the click with jquery .click() and know within the jquery code that the user clicked on the 2nd <tr> element within table#tbl.
If someone clicks on the <tr> with content "this", my jquery code has to return 5, because its the 5th row.
So let's say I have a list
<ul>
<li>Item 1</li>
<li>Item 2</li>
[code]....
when I try this:
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[code]....
I have a bunch of DIVs (not an <option> List) each of the class "SongListItem". For one of the DIVs at a time, I set a "Selected" attribute, so it sort of acts like a ListBox. So two rows in the list might look like:
<div id="Item1" class="SongListItem">Item 1 Text</div>
<div id="Item2" Selected="True"class="SongListItem">Item2 Text</div>
Now I want to write a jQuery function which gets the ID of the SongListItem div that has Selected="True". So far, I have tried:
var SongID= $('.SongListItem[selected="True"]').attr("id");
and
var SongID= $('.SongListItem[selected="True"]').get(0).attr("id");
In both cases, I get a "Object does not support this method."
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.
I have got a basic Unordered list of Options and I want to be able to click on one of the options and have that option added as a value to a Form Value Input on my submit form.Users will have a choice of around 200 options and I need them to just add one of them with a click to the submit form.I do not want to use a 'select' box to list the options,it has to be a visiable unordered list.
View 2 Replies View RelatedI have a DropDownList (id: DropDownList1) i want to get the items length by Jquery, but it not work, always return 0. My temporary solution is using classic javascript to do it, below is the code.
[Code]...