Change Text Class On Click.

Feb 6, 2007

I'm not much of JavaScript coder and have little proper experiance coding it.

ANYWAYS, on the left hand side of a site im working on I have 3 absolute positioned div's which I control with JavaScript (code used from other source).

The links are 'band', 'item', 'release' and when I click on one of these links it will change the the divs to show the appropriate one. For example,

<a href="javascript: ;" onClick="swapLayers('band')" class="side_a">band</a>

is used to change the div's. Now, what I want to do is when a link is clicked, change the background colour of the text for the currrent div showing. Am I making sense?

I thought it would be easier to just change the current class of the text. Is there an easy way to do this with JavaScript??

View 13 Replies


ADVERTISEMENT

Auto Change Class On Click?

Jul 11, 2010

I'm in the process of working on a page that uses layers and iFrames in conjunction with javascript and <div> layers. The problem I'm hoping to solve with your help is that I implemented onclick="this.className='stylesheetstyle'" in the <a href> tag and so therefore when users click the links, the text becomes bold. However since I'm using multiple frames on a page, this makes it look odd when the user back tracks and clicks a different link in the frame. Is it possible using JavaScript to have a users input on click of link unbold the previously clicked link?In short:

Click link -> link goes bold
move forward....
click another link (different frame) -> go forward

[code].....

View 7 Replies View Related

JQuery :: Change Class Of Li On Click Of Input?

Jun 9, 2010

I have an input inside an li

<ul class="action">
<li class="warning">
<label for="ESig" class="tall">Name</label>
<input name="ESig" type="text" class="swap_value" id="sig" value="Electronic Signature Required" />
</li>
</ul>

when you click inside the input #sig, I need the parent li's class to change from "warning" to" (they have different bg images)

[Code]...

View 2 Replies View Related

JQuery :: Highlight Sentence On Hover - Change Class On Click

Sep 5, 2009

I'm trying to figure this out with jQuery: I have a few paragraphs of text kind of like this:

<p class="original" id="paragraph_1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut metus augue, vitae malesuada massa. Vestibulum nec lectus urna, vehicula porta leo. Fusce dui nunc, scelerisque at molestie ut, ultricies eu purus. Duis tristique placerat rhoncus. Aliquam rhoncus lacus justo. Morbi ultricies egestas orci eget fermentum. Proin sapien sem, suscipit vel semper in, tincidunt id enim. </p>

<p class="text" id="paragraph_2">Maecenas nisl ipsum, faucibus sed pulvinar a, tristique sed magna. Sed dui erat, tempor ut rhoncus sagittis, lacinia quis lorem. Quisque feugiat, ipsum nec varius elementum, est nunc lacinia mi, mollis convallis lorem ipsum at erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>

And I have a couple of classes, like so:
.highlight {
background-color: #ccc;
} .strikethrough {
text-decoration: line-through;
}
What I want to do is apply the .highlight class to a sentence (not the entire paragraph) on hover, and apply the .strikethrough class to a sentence on click. It's easy to find a sentence using regex, but I don't know how to add/remove a span to just that particular sentence that is being hovered over. I know I could programatically wrap each sentence in <span>...</span> tags on the backend, but I was hoping there was a better solution.

View 1 Replies View Related

When Click The Text Box It Should Change The Text And Display "hello There", But It Did Not Change?

Oct 16, 2010

I am not very familiar with AJax, and for simplicity sake, I am trying a simple code. When I click the text box it should change the text and display "hello there", but it did not change. Is there something wrong with the code? I know this can be done with out using AJAX, but I want to test AJAX.page1.php

PHP Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

[code].....

View 6 Replies View Related

Change Text On Click Toggle?

Nov 4, 2010

im using this to hide and show some text, how do i do to change the text "Show" to hide when i click it and back to "Show" when click it again.

<script type="text/javascript">
$(document).ready(function(){
$('.accordion-content').hide();
//toggle the componenet with class accordion
$('.accordion-toggle').click(function(){

[Code]...

View 2 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

Change Text To Input Field On Click?

Aug 13, 2007

When a string of text is doubleclicked, the text changes into an input field, (dropdown, text, etc), and when the user presses enter or clicks out of the field, whatever they chose/typed in replaces the original string of text.

View 1 Replies View Related

Change Code Of Text Area On Click Radio

Oct 24, 2005

On click Vertical radio button it will load into the text area the code of a vertical table. If user select the radio on horizontal it will load another html code to put the table on horizontal display.

View 1 Replies View Related

Button Colors Flipfloping - Change From One Color To Another When Click Them And Change Back When Click Them A Third Time

Feb 12, 2010

I'm trying to make buttons that change from one color to another when you click them and change back when you click them a third time. I wrote this page (http://cf.lehigh.edu/ems/test.html) but it only works on Firefox(Not IE or Chome, untested on safari or Opera). I'm using javascript to change the button colors. Is there another way to do this that works universal or another tool such as CSS?

[Code]....

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

Make A Link/button Change Text Or Label When Click?

Jun 21, 2009

One is the default style sheet.The other is an alternative style that fires up if the user clicks a button.Here are the style sheets in the page head.

Code:
<link rel="alternate stylesheet" type="text/css" media="screen" title="default" href="../bandi_css_760px/global760px.css" />

[code]....

View 10 Replies View Related

Change Link Anchor Text On Load But Restore On Click

Jan 15, 2011

Lets say I have a bunch of links with the same class but different anchor text like [code] When the page loads I want the anchor text of each link to display the same text of my choosing. However, when the visitor clicks a link the anchor changes back to the orignial. It would be best if all links could be changed back their original if any link is clicked but this isn't necessary.

View 1 Replies View Related

Second Click Not Working Once Class Is Changed On First Click?

Nov 3, 2011

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

View 3 Replies View Related

JQuery :: Div Change On Click, Then Change Back When You Click Away?

Jul 31, 2011

How would I go about doing something like this?I want to have a div, and when you click on it the content changes. Then I want it so that if you click anywhere else besides that div, the content should be changed back.So I want <div></div> to change to <div>content</div> when you click on it, and when you click anywhere else in the document it should turn back to <div></div>

View 1 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 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.

View 1 Replies View Related

JQuery :: Add Or Remove Class On Next Click?

Sep 9, 2011

I am a beginner and would like to know how i can change the class of selected element when clicked, but remove the same class from other element.

For the example

<ul class="items"> This class has some css which includes list-style:none, borders and backgrounds
<li ><aonclick="javascript:changecolor();"> Something 1 </li></a>
<li><aonclick="javascript:changecolor();"> Something 2 </li></a>
<ul>

The jquery function is an external file and I also have .color which changes the background of a <li> item...

So what i am trying to achieve is that when "something 1" is clicked i want to get the class .color to this list item "1" for example, but when "something 2" is clicked i want the class .color to move on this li item "2", but list item 1 should not have the class .color at the same time..

View 6 Replies View Related

JQuery :: Click On Div Class Not Working

Jul 18, 2011

Im trying to make divs with diferent classes for each element this way (rails 3)

This give me this HTML code:

But is not working.

View 1 Replies View Related

Highlight The Linkbuttons On Click To Class Name?

Oct 20, 2011

Am trying to highlight the linkbuttons on click to class name hover ,for these am defining the linkbuttons in Masterpages and calling the function from content page .But am facing below issue

Error:Microsoft JScript runtime error: 'document.getElementById(...)' is null or not an object

View 3 Replies View Related

Using JS To Change Css Class?

Nov 13, 2010

I have a form with a list of things. The number of things in the list is variable, depending on certain factor, different things, different numbers of things. Next to each thing is a radio button.

There is a question with two radio buttons, "yes" and "no".

When "no" is selected, I want the radio buttons to be disabled, and the color of the text to change to gray.

For the radio buttons, I have a simple JS function:

javascript Code:

function enableCFFID()
{
document.cartform.cffid.disabled=false;
}

[Code].....

For the test that goes with each thing, obviously I don't want to have to assign unique ID (perhaps in a span tag that encloses the text). I would want a common name for all of them.

But this would mean I can't use getElementById.

What other method can I use to change the class for a group of span tags who's number is variable?

View 4 Replies View Related

Change The Class Name Of Div Tag?

Dec 30, 2009

I have created the no.of div tags in my website applications. Now i want to change the class name of the tags. How should I? Below is some code which i want to change:-

<test.aspx>
<tr>
<td style="width:100%;">
<div class="roundedcornr_box_203203">

[Code].....

Now i want to change the class name at runtime using javascript e.g. roundedcornr_box_203203 will be replaced by roundedcornr_box_408625 etc..

View 2 Replies View Related

Change A CSS Class Value

Jun 20, 2003

Does anyone know of a way to change the text inside a container and then change the class of two containers?

View 4 Replies View Related

JQuery :: Can't Have Click On Multiple Items With Same Class?

Oct 14, 2010

I'm trying to have multiple divs with the same class acting a s a button. I need to handle the click for each one. I will be obtaining the name attribute and passing that in an ajax call.However, this only works for one of the divs on the page, am I doing something wrong?

$(document).ready(function(){
$('#mark_sold').click(function() {
var item = $(this).attr("name");
alert(item+'clicked');
});
});

I'm also going to need to know how to refresh an image, too. I will be updating an image in the ajax call.

View 2 Replies View Related

JQuery :: Get Index Of Same Class Element On Click?

Jul 22, 2011

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 Replies View Related

JQuery :: On Click Add Class Not Staying Applied

Mar 29, 2010

I'm trying to add am active class to my menu when the link is clicked using the following [code]...

The active class gets applied but them disappears straight away. Is there something I've missed.

View 3 Replies View Related

JQuery :: Select Next Class From The Point Of Click?

Sep 19, 2010

in FCK-Editor I would like to do the following:On one page there should be severalHeaderText under the header, which is hidden, when the text is loaded and slides up and down after click on headerHtml, which is easy to edit with FCK could look like this:

<p><a href=""><span class="click">Header</span></a></p>
<p><span class="text">Text under the header, which is hidden, when the text is loaded.</span></p>

[code]....

View 7 Replies View Related







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