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..
View 9 RepliesI 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?
This is what I'm trying to do: I want a simple image container to swap the image inside it by clicking the nav buttons on the right like 1, 2, 3.Here's my code:
HTML
Code HTML4Strict:
<div id="item1">
<div class="img-container shadow" style="background-image:url(images/gallery/tcg1.jpg)">[code].....
My jQuery code is not right. I want it to turn off the "hover" class and the "show" class of the others when you click one. I think I need some kind of if..else? how to write it? I have a bg image set on the container div so there's an initial image to view.I also need multiple of these on the same page!
I have a huge blob of code but the main part I am focusing on is this
$('.billboard_click').click(function () {
//this remove class
$(".billboard_click").removeClass("billboard_click");
});
1. Execute a click event when the div with the class 'billboard_click' is clicked
2. Once clicked, remove the class from that very div to avoid another click from happening
3. Execute a series of events such as animations, etc
4. add the class back to the clicker div
The code does not seem to work as expected but I am wondering if I am having issues elsewhere at this point and wonder if this actually is known to work
I am new to this discussion but hope you would post reply for my query and encourage me to keep in touch with this discussion. Well here is my problem. I have made an edit in place form in which we can add and remove the elements. I have used jquery.jeditable.mini.js and jquery.duplicate-remove.js plugins for edit in place and add and remove action. I have live() function to access the dynamically ganerated elements like this. $(".addressDiv span").live("mouseover", function(){
clickable function here...
[Code]...
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.
[Code]...
If I have a group of elements, <li>'s in a <ul> for example, is there a way I can know I clicked on n of them?
[Code]...
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:
<div id="cal">
<div onmouseover="findIt()" id="nov1">1</div>
<div onmouseover="findIt()" id="nov2">2</div>
<div onmouseover="findIt()" id="nov3">3</div>
</div>
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 try to make a dynamic form with inputs depended on selects fields. My method works in static form but I don't know how to use it in dynamic one.
JSON function ( to control correct input with select)
$(document).ready(function() {
$('select.sf').change(function() {
[code]....
My question is quite simple with an example:
[Code]...
I searched before more and more but I can't find those things that exactly I want.
I'm on design a new website, you can see this page: [URL]...in this page I have 3 hidden DIV, and at top of content area I have 3 buttons (About, Karan Group, Contact), please click on those buttons and see action.
I'd write this motions by jquery but it's really really amateur! because I have to define all things like below codes (as working for output):
[Code]...
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')) {
[Code]....
I just don´t know the right syntax for this:
I want to change the css class of the li element from the name hidden to the variable filterVal, but i don´t know the right syntax.
I`m trying to make selecting an select list option (as it become when we click on it)by clicking on a special pseudo element.I`m trying to do it in this way:
<script>
$(document).ready(function(){
$(".psevdo-checkbox").each(function(){
$(this).click(function(){
[Code].....
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++)
[code]....
Trying to return the DOM 0 element index from within the html
Example: <input type="text" onfocus="alert(this.element)" />
I do not want to use IDs any way to do this?
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.
View 3 Replies View RelatedI'm using the jquery topZIndex plugin in my application. It's working great. Now I have a situation though, where I would like to return the element with the highest z-index on the page. The plugin has a function that will return the highest z-index, but it's a value, not an object.
View 2 Replies View RelatedI want to bind a click event to a selector which when clicked will open up a given part within an accordion. In the example below I want a link with an id of show-part1 to open up the first section of an accordion. My accordion has four sections. Consequently there are four 'accordion_trigger_index' classes with an index value from 0 to 3.
The code below triggers but it just kicks me to the top of the page and then back again, as if the $('.accordion_trigger_index').click(function(){}); is firing albeit not interpreting the index value.
The accordion works fine when clicked on directly. The error must concerning forced a click event while passing the index of which accordion_trigger_index class I want it to trigger (open).
Code JavaScript:
<script>
$('#show-part1').bind('click', function() {
$('.accordion_trigger_index').trigger('click').index(0);
[Code]....
I have an array "arr" that is an array of objects. Each object has the same 7 properties.I want to find the index of the object with a property that matches a certain value x in the array arr. The array has hash tables associated with it.
arr [ obj [ i ] . property1 + "_" + obj [ i ] . property2 ] = arr [ i ] ;
so whats the index of the object where .property1 = x ?
I would like to display a div on a different z-index, when user click and hold the mouse.
1. how can i do that ?
this step should be the base, for my next question. while holding button clicked and moving mouse, i would like to move also (with the same amount of pixels) the div (previously mentioned)
2. how can i detect how many pixel (and in which directions / axes) the mouse moved ?
I want to get index number of form element array. where I want to put name in the front of code input box. Can any body tell me that how is possible. code...
View 3 Replies View RelatedI want to get index number of form element array. where I want to put name in the front of code input box. Can any body tell me that how is possible.My code is as follow:
PHP Code:
<?php
echo "<form name="region">";
for ($i=1;$i<=5;$i++){
echo '<input type="text" name="code[]"Â Â onkeyDown="check(this)">
[code]....
I tried to use this code but it does not work
When I click on a link, I want to remove it's class, then add another link, THEN, when I click on it again, I want to reverse it.
html4strict Code:
Original
- html4strict Code
<a href="#" class='link1'></a>
[code]....
I'm relatively experienced with jQuery (not a guru but not a newbie) but am wondering how I can write a script where if one element is hovered over then a different element on the page has a particular class added to it.
View 5 Replies View RelatedI need to add class zebra to the <li> elements with the content next to them.This is as far as I've got, but I'm not sure what calculation to use:
$("li").each(function(index){
if(index % ??? == 0) { // <-- not sure what to put here
}
});
[code]....