I have a calendar in which each day is a separate div, and all these are within a container div #cal. When a user mouses over one of the days, I want to figure out the index number of that day's div within #cal. Simplified example:
I can easily get the index of #nov2 from Firebug if I do this in the console:
$('#cal div').index($('#nov2')
But, I can't figure out how to write a function so that I don't need to assign an id to each day div. I'd like to be able to just take "this" from the moused-over div, and pass that to a function that can turn it into the needed index.
I have some frames in my pages and I dont want use ID of them because they generate automaticaly so how can I send the index of frames to a function for using like this :
I'm fairly new to jquery and I've been stumped on this one for a day now. I'm creating a lighbox type photo gallery on a page. The box is simply a hidden div that is displayed when the user clicks a link. When the link is clicked to launch a gallery I'm using the .load() function to grab another page and load it into the hidden div which is now displayed.
The code looks like this $('#galleryBox').load('boxModal.php?ID=' + ID)); The issue I'm having is after I load up the gallery box with boxModal.php.. I want to be able to respond to the click or mouseover event of the images that have loaded in that box. But I can't seem to find the images in the DOM. Is it possible to add event handlers to images loaded using the .load() function?
I am working on a little project with fullcalendar but while writing some callback functions stumbled upon an issue: Fullcalendar generates html that looks like this: <a><span></span><span></span><span></span></a>.
Now there is an eventClick callback that is fired when clicking on that <a> element. However, in that callback I would like to know which <span> element was clicked.
Since jQuery parses the entire dom first, is there any efficiency gain in directing it via the entire CSS chain rather than directly to an ID? That is, if I have a Div with an ID of "foo" and it contains a P with an ID of "bar", is there any speed advantage in using $(div#foo p#bar) as opposed to just using $(p#bar), assuming jQuery would be more efficient if it had both indexes?
Basically, I'm looking for a way to find a list element that has a ul child, and then hide or show that ul. What I have here doesn't seem to be working.
I'm pretty new to jQuery and this is giving me a lot of trouble! I found some code jQuery code to give me a great start but I can't get the logic to where I need it to be. Here is what I have:
What would be the easier way to do this? For each of the list elements I want to check how many image elements are inside each, and do something with the one that has only one image.
For example, if we press tab in a page and the tab finds an A Link and then we press enter, it will be like Clicking in the link. I would like to know how do I do to make that kind of selection in my element, cause I wanna make a function to select the item so the user when pressing enter it opens the <a> link.
I want to call stop() on an element animated with animate() based on a user hover. I also want to figure out how close to complete the animation was when the user hovered.
In a simple case I would just compare the animated element property's current value (ie height) to its target value, but in this case I'm creating a generic animator and don't actually know (without a ton of otherwise unnecessary housekeeping) what properties are being animated.
I'm trying to get the index of a div when its the same mark up for each set. I want to return index of '1' when a second "yo" is clicked in any "a" and '0' if the first "yo" is clicked in any "a". If i clicked the "yo" which has the color #330000, then i should get 1 not 5. This seems like a simple task but i cannot get it to work.
I have a bunch of elements with multiple classes like this:
<div class="foo bar"> <div class="foo bar snafu"> <div class="foo bar">
I can get all these elements in an array like this:
$ (".foo,.bar")
My question is - is there an elegant way of getting the index (in this array) of the element that has the "snafu" class? Or should I just iterate through the array until I find the wanted element and then remember its index?
I have many small divs which have a particular class. so based on this class only i am getting the click event on them. now what I want is to get the index of one single div one which we clicked.. I am not remembering how to do it..
I'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')) {
However this doesn't always work in my script. Now, I've googled how to find the position of an element. And come accross many scripts which supposedly all find the position of any object. Some are very long scripts and some are very short all using a variety of methods. Incidently none of which work, they all return (0,0).
I forget how to do this. Maybe somebody can point me to a decent tutorial. But I'm looking to grab the width of an <li>, including padding and margins that doesn't have a set width, and has one of 'auto' or 0.
However this doesn't always work in my script. Now, I've googled how to find the position of an element. And come accross many scripts which supposedly all find the position of any object. Some are very long scripts and some are very short all using a variety of methods. Incidently none of which work, they all return (0,0). I have a question, why would someone create a script to do what one line of code can do? Am I missing something.
Is it possible to do this? Say I want to find out where on the screen a specific div is, and i want to know the values of the left and top properties. Can i find this out? If so, how?
I'm trying to determine a better method of finding the index value of a form element. I need to find it because the JavaScript validation class has a function for validating a single form element, but it requires that the index number of the element in the form be passed in.Currently I am accomplishing this by a function that I wrote which I call for each field I want to validate:
function getIndex(element) { for (var i=0; i<document.thisForm.elements.length; i++)
i need to know weather or not there is a way to put the cursor below (z-index wise) a div element or make it so that you can click through the div element.
