Jquery :: Function - Swap The Class Of An Element When It's Clicked On

Jun 15, 2011

I'm trying to swap the class of an element when it's clicked on. Using jquery 1.6.1, here's what it looks like:

[Code]....

Now, for the sake of brevity�*i omitted some other stuff that is happening when they're clicked on. The problem is that the click event for .unchecked_container is firing fine and the class is changed, BUT when clicked on again�*the '.checked_container' click event is NOT firing.

View 1 Replies


ADVERTISEMENT

JQuery :: Firebug Shows The Updated Class Of An Element But Live() Function Takes The Old Class?

Jul 2, 2009

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]...

View 1 Replies View Related

JQuery :: Function - Element Is Clicked While SHIFT Key Is Pressed

Mar 24, 2009

i am trying to build a function that takes into account a click event and SHIFT key press event on a particular element.

so for example, i want to do something only when i click a box WHILE pressing the SHIFT key.

how do i program this using jquery?

View 4 Replies View Related

JQuery :: Select Class Which Is In The Same Class Of Class, On Which Clicked?

Jun 3, 2010

My code: [URL]... When I click on Upraviť in class edit I need add some HTML code to begin and to end of class entry how to I can select class entry in the same class post on which I clicked?

View 1 Replies View Related

JQuery :: Assigning A Click To A Class Selector - Once Clicked The Class Is Removed - Does This Work

May 5, 2011

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

View 7 Replies View Related

Stop Function When Element Is Clicked?

Nov 15, 2011

I have an auto running function which slides and changes content every 3 seconds.

But I also have another jquery effect which when you click, it also changes the effect, but at the moment I can't have both running at the same time as weird behaviour happens (when clicking, it changes then because 3 seconds have passed it changes again anyway).

We want a way where the user clicks to change, and the auto running function ceases until next reload of the page. code...

View 9 Replies View Related

JQuery :: Swap The Content Within A Div Without Affecting The Other Divs With The Same Class?

May 28, 2010

I have a listing of items on the page and each one has a <div> with a description in it. There are two versions of each description, one short and one full length. I like the user to be able to swap between them by clicking the 'more' and 'close' links. The problem with what I wrote is that it applies to all the divs on the page instead of the specific one that was clicked. What can I change to correct it?

The jQuery:

$(document).ready(function() {
$('div.desc > p.desc-full').hide();
$('a.more').click(function() {
$('div.desc > p.desc-trunc').slideUp('fast');

[Code].....

View 1 Replies View Related

Class Swap

Oct 18, 2007

I'm trying to get the header cells of a table to do simple rollovers. But as you can imagine microcrap isn't wanting to play nice with IE.

<td class="table-header" onmouseover="this.className='tablesortable'" onmouseout="this.className='table-header'">

With IE 7 you don't get the class to work. It swaps out the first class but doesn't add the onmouseover class. Am i missing something here or is this just another reason to hate IE?

View 4 Replies View Related

JQuery :: Click Swap Image Gallery - Turn Off The "hover" Class And The "show" Class Of The Others When You Click One?

Mar 23, 2011

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!

View 1 Replies View Related

Getelementbyclass Class Swap For A Div?

Mar 2, 2009

I am trying to getelementbyclass and than on click change the displaytype or change to use another class for that div.Below is what I have so far, but I can't get the div style to change based on getelementbyclass.On click I would like to change the targeted div to use .show class and all others still to use .hide class.Any way to do this? Am I close?

Code:
<script type="text/javascript">
function showHideAll(id) {

[code]....

View 2 Replies View Related

Image Swap & Count Apparently - Assign "add 1 When Clicked" Or "subtract 1 When Clicked" To Image Properties?

Nov 3, 2009

I have a very simple web page that is comprised of the same image over and over again. I have it to when you click on it, it swaps the image out and adds 1 to the counter. I need it to subtract 1 when you click it again.

<script type="text/javascript">
var namesVec = new Array("block.png", "block_hover.png");
var root='images/';
function swapImg(ima){
// divides the path
nr = ima.getAttribute('src').split('/');
// gets the last part of path, ie name
[Code]...

I mean, is there a way to assign "add 1 when clicked" or "subtract 1 when clicked" to image properties?

View 4 Replies View Related

JQuery :: Getting Div Class Near Clicked Link?

Jan 25, 2011

Lets say I have a function that is going to be called when a link is clicked like so:

<a href="javascript:someFunction();" >Click me</a>
<script type="text/javascript">
function someFunction()

[code]....

View 2 Replies View Related

JQuery :: Show The Current Clicked Div Class?

Aug 13, 2009

I need to use the this keyword to differentiate which div class name needs to show. Currently, my code below on '.bioclick' click event, every bio_desc is displayed or showed. I just want to show the current clicked'.bioclick' child '.bio_desc'. I tried using the this keyword but it did not work.

$('.bio_desc').hide();
$('.bioclick').click(function() {
$('.speaker_wrapper').children('.bio_desc').toggle
('slow');
});
});

View 1 Replies View Related

JQuery :: Post Class Of Parent UL And Clicked LI To PHP

Jan 13, 2011

I have a menu as follows
<ul id="nav">
<li> <a href="#">Golf</a>
<ul class="golf">
<li class="engine"><a href="#">Engine</a></li>
<li class="brakes"><a href="#">Brakes</a></li>
<li class="transmission"><a href="#">Transmission</a></li>
<li class="interior"><a href="#">Interior</a></li>
<li class="running_gear"><a href="#">Running Gear</a></li>
</ul></li>

<li><a href="#">Polo</a>
<ul class="polo">
<li class="engine"><a href="#">Engine</a></li>
<li class="brakes"><a href="#">Brakes</a></li>
<li class="transmission"><a href="#">Transmission</a></li>
<li class="interior"><a href="#">Interior</a></li>
<li class="running_gear"><a href="#">Running Gear</a></li>

</ul></li>
<li><a href="#">Passat</a>
<ul class="passat">
<li class="engine"><a href="#">Engine</a></li>
<li class="brakes"><a href="#">Brakes</a></li>
<li class="transmission"><a href="#">Transmission</a></li>
<li class="interior"><a href="#">Interior</a></li>
<li class="running_gear"><a href="#">Running Gear</a></li>
</ul></li>

<li><a href="#">Jetta</a>
<ul class="jetta">
<li class="engine"><a href="#">Engine</a></li>
<li class="brakes"><a href="#">Brakes</a></li>
<li class="transmission"><a href="#">Transmission</a></li>
<li class="interior"><a href="#">Interior</a></li>
<li class="running_gear"><a href="#">Running Gear</a></li>
</ul></li></ul>
I want to post the class of the parent ul and the clicked li to php when they are clicked say as "model" and "part". I'm sure its simple but i cant seem to quite grasp how to do it.

View 1 Replies View Related

JQuery :: Adding Class To Clicked Item + Hover Effects?

May 26, 2011

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]....

View 1 Replies View Related

JQuery :: Retain A Class After A Link Is Clicked - For Pseudo Checkboxes?

Nov 23, 2010

I'm creating a list of items which visually look like checkboxes. They will work similar to the ones used on eBay that allow you to select only new/used items. Mine are a little simpler though. Here is the markup:

<li>
<a href="#" class="catHeader trigger">Designers</a>
<ul class="nav-ul toggle_comtainer">

[code]....

View 3 Replies View Related

JQuery :: Css Class As Variable - Change The Css Class Of Li Element From Name Hidden To Variable FilterVal

May 26, 2010

I just dont 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 dont know the right syntax.

View 1 Replies View Related

JQuery :: HasClass / RemoveClass Bug - Set Add / Remove A Class Called 'active' To / From A Link That Is Clicked Within A DIV

Sep 12, 2011

I have a link as such:

[Code]...

In a nutshell, I need to set add/remove a class called 'active' to/from a link that is clicked within a DIV. So if the link has the class 'active' already assigned I need to remove it and vice versa however the issue I am having is that I have to double click the link in order for it to work!!

View 6 Replies View Related

Select Any Element - Hide The Element Clicked And Items

Jun 22, 2009

It is possible to make a script that hides the element clicked and this way hide the items I want.

View 1 Replies View Related

JQuery :: Getting A Selector Working - Expect The Class Of 'testclass' To Be Applied To The Button After The Link Is Clicked

Feb 7, 2010

I'm having trouble getting a selector working. Probably best just to give you some example code:

HTML
<input type='button' class='test' value='Button Name'>
<div>
<a href='' class='buttonLink' />Click me</a>
</div>
Jquery
$(.buttonLink).click(function() { $(this).closest(':button.test').addClass('testclass'); });

Form that code I would expect the class of 'testclass' to be applied to the button after the link is clicked, but It doesn't seem to work. This is a somewhat contrived example. In my real application I have a form with several collapsable/expandable sections. If the fields in those form sections have values when the page loads, the section needs to be expanded, and the expand/collapse button needs to have a class of 'expaned' applied to it, if not it needs to be hidden. I can check the form fields and show the div if needed without any problem, but I can't seem to figure out how to work out the selector so I can add the class to the button.

View 7 Replies View Related

Get Xml With Clicked Class?

Nov 26, 2010

I am currently working on a function with jQuery that searches for the class that was just clicked within xml. But the result only seems to parse me the last entered result. I keep struggeling to get this fixed so I hope someone on sitepoint is able to help me out.

The jquery looks like this:

Code:

$(".links dd").live("click",function(){
var linkName = $(this).attr('class');
description(linkName);

[code]....

In this case it would only show me the description of Google, even when I click to see the information/description about sitepoint.

View 4 Replies View Related

JQuery :: Expand/collapse And Swap Image In The Same Function?

Aug 21, 2011

I have a button that I want to be able to click on and for it to change to another image and also slide out a text panel and then when clicked the text panel slides back in and the button returns to its original state.

The code that i have found and adapted is below. So far I have it working to click on the button to expand but then I can only make it click on the panel to close not the actual button.

<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>

[Code].....

View 7 Replies View Related

JQuery :: Get The Index Of An Element Clicked?

Apr 13, 2010

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]...

View 1 Replies View Related

JQuery :: Determining Which Element Is Clicked?

Jan 23, 2010

In my html head tag i have a script like as below

$(
function
(
)

[Code].....

I am trying to update some values on the page when an img is clicked. There are many img tags on the page. I am not sure how can i determine which one is clicked.

Do i have to add an onclick event to my img tags with some id parameter or is there a possibility to detect which element is clicked on the page without calling a function?

View 3 Replies View Related

JQuery :: Determining Which Element Was Clicked

Nov 18, 2010

I have several <a> tags with the class 'a-menu-description', and an equal number of divs with the class 'menu-description'.

I am trying to get it so that only one div opens for the appropriate <a> tag, but when I click any of the <a> tags, all of the divs open up.

Here is my code:

Does anybody know what I can add in so that only the div associated with the <a> tag opens as opposed to all of them?

[url]

View 5 Replies View Related

JQuery :: Finding Out Which Element Exactly Was Clicked?

Jul 14, 2010

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.

View 2 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved