Running OnClick To Change Href Class CSS Style

Jan 12, 2010

I am using this javascript code to run 'onclick' to change my href class style. It works to change the style, but when I click on the next menu item, the previous one is not reverted back to how it was previously, but the formatting is stripped away leaving the link purple with no background image. How do I get it to revert to the original class which is set?

Here is the javascript :-
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
var Lst;
function CngClass(obj){
if (Lst) Lst.className='';
obj.className='menu1';
Lst=obj;
}
/*]]>*/
</script>

Here is the relevant CSS :-
.menu {
background: url('../images/productblack.jpg') repeat;
width: 100%;
line-height: 24px;
float:left;
display:inline;
font-family: Verdana;
color : #ffffff;
font-size: 8pt;
text-decoration: none;
text-align: left;
font-weight:bold;
} .....

Here is the HTML :-
<div id="masterdiv">
<div onclick="SwitchMenu('sub1')"><a class="menu" onclick="CngClass(this);" href="javascript:nothing()"> 
RESISTORS</a></div>
<span class="submenu" id="sub1">
<a class="productsubmenu" href="resistors.html">Surface Mount</a><br> .....
Here is a working page with it (the product menu on the right) [URL]

View 2 Replies


ADVERTISEMENT

Running A Onclick Event On A Href Attribute?

Nov 24, 2010

Im a PHP developer and am quite new with javascript. I wanted some help on the hyperlink onclick event. Bascially I output a list of a href hyperlinks on a html page that goes all the way to the bottom of the screen. I wanted to add a onclick event to the a href tag that would pust the user right to the top of the page. I want to achieve this using javascript onclick event.

View 5 Replies View Related

JQuery :: Change Css Class Without Inline Style?

Sep 29, 2011

I have following css class.

.c2
{
width: 80px;
}

this class apply to each cell of my table as follow.

<div sortname="DiamondSKU" class="c2 DiamondSKU ds_grid_header_column sortable">
my div content
</div>

I am changing class value dynamically in my asp.net page using javascript,json, web service and jquery . assume didsku contain width of div that i have fetched from table and assigned to didsku javascript variable. var didsku = 93px;

then i am applying css using one of following way.

var a = { "width": didsku + "px" };
$("div.c2").each(function () {
$("div.c2").css(a);
});

[Code]....

View 2 Replies View Related

Change HREF Onclick, Apply To All Links

Jul 22, 2011

Sounds simple right? Why the heck doesn't this code work?

links = document.links;
for(var i=0; i<links.length; i++)
{
links[i].onclick= "this.href = 'whatever.html'";
}

View 3 Replies View Related

JQuery :: Change Css Class Onclick?

Aug 27, 2009

I have a set of links in a named div. each link has a specific css classname to emulate a button. Basic css menu thingy.

<div id="buttonwrapper" class="buttonwrapper">
<a id='one' class="squarebutton" href="#" onclick="javascript:dosomething('one')" style="margin-left: 6px"><span>ONE</span></a>
<a id='two' class="squarebutton" href="#" onclick="javascript:dosomething('two')" style="margin-left: 6px"><span>Two</span></a>

[Code]....

View 4 Replies View Related

Change Css Class OnClick With Fade?

Feb 4, 2010

is it possible to change the class of an element onClick with a fade? This is the code I have so far which works great for changing the class but I have no idea how to include a fade in this. I am changing the class in order to change the background-image of a div.

<a href="#none" onclick="document.getElementById('tool').className ='tool1'">

View 2 Replies View Related

JQuery :: Change A Css Class OnClick With Fade?

Feb 4, 2010

More of a javascript question than specifically jquery but I was wondering how to change a css class onClick with a fade?

This is the code I have so far that is working fine to change the class but I don't know how to allow this class to fade in or even if it's possible?

View 1 Replies View Related

JQuery :: Change Class Onclick From Account To Account_selected ?

Jun 8, 2009

I have this code:

This is changing my class name from account to account_selected, which is great but what I need it to do is when another div is clicked is change the class back to "account" and set the one that was clicked to "account_selected."

View 4 Replies View Related

Onclick Change Class, Remove When Next Link Clicked?

Dec 3, 2007

I have a side menu that I have added an onclick statement to, which will change the css class for that item to "selected" so that I can apply styles for the selected link. Here is what I have:


HTML Code:
<style type="text/css">
<!--
.selected {[code]....

How can I modify this so, after one selection is clicked, and you click something else, the class gets removed from the first clicked item, and is now applied to the newly clicked item? I only want the class applied to the currently clicked item, and removed when they click on another item.

View 14 Replies View Related

Can't Change CSS Style For "onClick" Text Link

Jun 24, 2007

Greetings. I am using this code for a photo gallery.

<script language="JavaScript">
function LoadGallery(pictureName,imageFile,titleCaption,captionText)
{
if (document.all)
{

[Code].....

It totally works but I would like to have the "Link" when clicked change from the style designated in the <td> tag below:

<td class="style 1">

To another CSS style .style 2

I am stuck on how to get this to work. I have tried many things with no luck. Do I need another function or could it be added to my gallery script?

View 7 Replies View Related

List-style Img As A Href?

May 17, 2002

I am wondering if there is a way to set the list-style img attribute in css to actually be a href to the external .js ??? Or can I set the img attr to a href through the dom using "append"?
If not, does anyone have some good ideas on how I can acheive this so that the list stays expanded until only the FIRST item is clicked on.

View 7 Replies View Related

Custom Menu CSS Class-Checker Script Not Running

Nov 15, 2009

I'm building a simple custom dropdown menu for a web-site so that I can control look and feel as well as the behavior of an iframe.I've set it up so that when the user clicks on any of the menu's active components, an "if" sequence in the clickHandler() function is activated that gets the element's class. If the event occurred on a dropdown option, the event-target id is checked, and the appropriate function is called. At least this is how it's supposed to work.All of the drop-down options have been assigned the "dmo" class. When I test the menu and click on other elements, it works fine. But when I click the "dmo" drop-down options, nothing happens. Firebug and IE Explorer Developer Tools both show no errors, but on clicking a dropdown option, the correlate code doesn't run at all, and after hours of head-banging, I have no idea why.

View 2 Replies View Related

Onclick Event Handler Not Running When Run Twice

Mar 25, 2011

i have registered a validation function as the onclick event handler. It runs for the first time but does not run when i click on the button the second time. ( this is because i have put an aert box in the validation function and it does not show up when i click on the submit button for the second time)

here is the code

Code:

<input type="submit" value="Submit" action="submit.php " onClick="return validate('add_item_form');">

Code:

function validate(form_name){
validate=1;
string="";

[Code]....

when i leave all the fields of the form blank then the error message is displayed. But when i click on the submit button again then the validation function does not run.

View 1 Replies View Related

Running OnClick Script When Part Of Hyperlink?

Jun 30, 2010

Have spent over 40 hours trying to make something like this work. Any help will be received with profound gratitude. First, we reference a script whose purpose is to create a space for session variables similar to cookies. Works if it appears early in body of Drupal page, so this is not the issue (Drupal parses pages down for display so there is no user <head> tag).

[Code]....

View 3 Replies View Related

OnClick Function Running A PHP Script / Not Opening Window

Jul 28, 2009

I would like to have an onClick function that when the object (image that submits a form) is clicked on, it runs a PHP script as well as submitting the form. I can get it to work by opening a new window, but I don't want this to happen as it looks fairly spammy even when you use javascript to immediately close that window after the PHP script has done its bit.

View 5 Replies View Related

Running A Program Onclick Or Onblur And Displaying The Result On Same Page Without It Changing?

Apr 21, 2010

How would I go about running a program onclick or onblur and displaying the result on same page without it changing?

View 13 Replies View Related

Include A Css Class As Part Of Href Link?

May 13, 2009

I have no idea about javascript but wanted to use the Konami script on my site. This is the current code:

var kkeys = [], konami = "38,38";
$(document).keydown(function(e) {
kkeys.push( e.keyCode );
if ( kkeys.toString().indexOf( konami ) >= 0 ){

[Code]....

I just wondered how to get the javascript to include the class so that it acts in the same way it would if just clicking the link. I imagine this is upsettingly easy to do but I can't seem to find anything about it!?

View 1 Replies View Related

Apply Style Changes To A Whole CSS Class

Sep 19, 2005

I would like an event to trigger a change the style of all the elements that
belong to some CSS class.

I know it is possible to change the class of an element, for example with:

<script language=javascript>
function changeclass()
{document.getElementById(id).className="class_id";}
</script>
<input type=checkbox onclick="javascript:changeclass()">

But this can only change one element. I would like to change the
"property:list" pairs of a CSS class, so that changes can apply to more
than one element.

Is it possible with javascript?

View 3 Replies View Related

Getting A Style Value From A Element That Use A Class?

Sep 11, 2004

I have a element that uses a class, like:

<style id="abc" class="myClass" onClick="test(id)">....</span>

The function:

function test(id) {
alert(document.getElementById(id).style.backgroundColor);
}

Why doesn't this work? It returns nothing, but the class, which the element uses, has a background-color value set... ?!?!?! Am i missing something... ?

View 14 Replies View Related

Assign Style And Class

Feb 7, 2006

I've got this pice of code:

var ourDiv=document.getElementById('cretor);
var t=document.createElement('table');
var tb=document.createElement('tbody');
t.style.border=&#398;px groove blue'

var tr=document.createElement('tr');
var td=document.createElement('td');

Then I append and everything... My question: I want to assign a class and a style,
the class named "asdf" and in the style, a "border-top-width of 35px" and a "border-top-style of outset,

View 3 Replies View Related

Changing Style On Class Using GetElementsByClassName?

Apr 24, 2009

This does not work. Not sure what I am missing. Basically I want to toggle the none/block value in the style on the span class below based on the browser detection script.

[Code]...

View 6 Replies View Related

JQuery :: Onclick With Different Href Url For Lightbox?

Aug 22, 2010

I am doing a lightbox effect onclick a image.Its easy if I just use this code:

<a href="images/image-0.jpg" class="lightbox" title="Cape Breton Island"><img src="images/thumb-0.jpg" width="100" height="40" alt="" /></a>
<script>
$(document).ready(function(){

[Code].....

View 2 Replies View Related

Can't Pass 2 Parameters On An Onclick In Href

Apr 12, 2010

I am having some issues with getting a variable from an onclick event with javascript.

$('#preview_logo').append('<img src="'+fileObj.filePath+'" height="100px" hspace="5" /> '+fileObj.name+' uploaded.<a href="javascript:;" id="dele_image" onclick="del_image('+fileObj.filePath+','+fileObj.name+');">Upload Different Image</a><br>');

This is for uploadify script for previewing an image that is uploaded, it creates the link fine, but won't trigger the function "del_image" unless I delete the parameters in the onclick, which leads me to believe it is something to do with my quoting. Here is the function:

[Code]....

View 7 Replies View Related

Call Onclick And A Href In Same Time?

Jul 11, 2009

I have this html [code]...

the inc_down function is part of a AJAX implementation. I want that this function be be executed when i click the div and in the same time the a href to work. In the code above the onclick does not work, only a href works. I have searched the net and the code above is the best i've found but it does not work.

View 14 Replies View Related

Location.href Within OnClick Event

Jul 20, 2006

I am creating a send to a friend link on my site. The link will open a pop up window, which contains a form.

I have a function that opens the centered pop up window, and it is called like so (the function declaration resides in an external script):

Code:
onClick="newWindow('http://www.mysite.com/send.php','',',','')"
I now need to append the current page's URL to the end of the URL ike so:

onClick="newWindow('http://www.mysite.com/send.php?page=xxx','',',','')"
This is sso that I can then use PHP in the pop up toget the variable from the query string.

I know that I can use location.href to get the current page url, but am not sure how I would include it in the onClick.

I have tried the following:

onClick="newWindow('http://www.mysite.com/send.php?page=location.href','',',','')"
but that doenst work...

Has anybody got any ideas?

View 3 Replies View Related

Popup Window For A Href Not Onclick

Aug 4, 2009

how I can have a popup window appear centred with scrollbars? The width and height must be changed for each popup. I need the popup window link to be placed in a href not as onclick. My client will be placing popup window link into their website via Adobe Contribute, so that is why I am asking for the whole thing not to be onclick.

View 3 Replies View Related







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