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


ADVERTISEMENT

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

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

Getting Href Attribute Of <base> Tag?

Jul 20, 2005

I'm trying to get the href attribute from the base tag in the document
head. The following does not seem to work... any ideas what I'm doing
wrong?


if(!(document.getElementsByTagName) ||
!(basehrefs = document.getElementsByTagName('base')) ||
!(basehrefs.length) || !(basehrefs.length > 0) ||
!(basehrefs[0].getAttribute) ||
!(basehref = basehrefs[0].getAttribute('href')) )
basehref = ''

This is essentially a very cautious version of:

basehref = doument.getElementsByTagName('base')[0].getAttribute('href')

The big hairy if just provides checks to make sure everything can be
done and provide a contingency if it doesn't...

View 7 Replies View Related

Change Href Attribute With Two Dropdowns

Nov 24, 2005

I am in a problems here trying to generate link by two dropdown boxes. So, I wanted it to be like when user selects some option from dropdown one the href attribute changes, index.php?staticvar=something&dynvar1=something, that is something I have already managed to do:

function change_href(id)
{
if (id != '')
{
var dynvar1 = document.getElementById("s"+id).value;
document.getElementById(id).href = "index.php?staticvar="+id+"&dynvar1="+dynvar1;
return;
}
else
{
return false;
}
}
This works perfectly for me, but now I need to modify the href with another variable, so it would be needed to be like:
index.php?staticvar=something&dynvar1=something&dynvar2=something2

The problem is that I don't know how to make it the way that user can change their selections, for example if user first selects (from dropdown) dynvar1 to be "test" and dynvar2 to be "test3", but then changes hes mind and decides to re-select dynvar2 to be "test4". It would be needed to be like only the dynvar2 part of the href changes with proper value (not changing the dynvar1 or staticvar).

I managed to make it changeable but it was like this:
index.php?staticvar=something&dynvar1=something&dynvar2=123&dynvar2=123

So, it didn't update the dynvar2 part, but instead just added another dynvar2 variable.

View 3 Replies View Related

Get String Variable In Href Attribute Of A Tag?

Jan 4, 2011

When I click the name, I should go the particular page about that person.

<script type="text/javascript">
if (window.ActiveXObject)
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.onreadystatechange=verify;
xmlDoc.load("a.xml");
[Code]....

View 1 Replies View Related

JQuery :: Child - Get The Href Attribute In A Variable?

Aug 3, 2010

How can I get the href attribute in a variable?

View 1 Replies View Related

JQuery :: Href Attribute IE Vs Standards Browsers

Aug 30, 2010

I'm having an odd issue that i can't recreate in jsbin.i have an anchor tag:

<a class="navigateToCategory" href="#523">Instruments</a>
and the code below:
$('.navigateToCategory').bind('click',function(e){
e.preventDefault();
alert($(this).attr('href'));
});

IE will give me [URL] while all other browsers give me "#523". I tried to recreate this using a small test case, but i can't do it. IE always returns the "#523" just like all the other browsers. here's a jsbin of it workinghttp://jsbin.com/unowe3/13 why .attr('href') would be different in IE vs Other browsers on my page but not jsbin? i'm using the same doctype and version of jquery, and identical code. i can't think of any code that i could have written that would affect how .attr('href') works. Edit: i did build a "hacky" solution for it by using $.browser.msie and an if statement, but it doesn't make any sense to me why it would be different in my situation vs any other.(not to mention, if it for some reason starts working properly, the "hacky" solution will cause it to not work)

View 3 Replies View Related

JQuery :: Replacing Href Attribute With Title Attr?

May 9, 2011

I'm trying to replace the value of href attribute of an element with the title attribute of that same element. The code pasted below works to some extent, but the last line doesn't.

jQuery(document).ready(function(jQuery){
jQuery(".ngg-gallery-thumbnail a").each(function (arr){
if (jQuery(this).attr("alt").substr(0,5)=="Video"){
jQuery(this).attr("rel","wp-prettyPhoto");

[Code].....

View 2 Replies View Related

JQuery :: Selecting HRef Attribute - Vote And Post ID

Apr 19, 2010

I am trying to make a poll using jquery and php and am bit lost. I have a link
<a href="poll.php?vote_id=1&post_id=25">I agree</a>
Now how do I use jquery to select the vote_id and post_id. I need to store them in variables so that I can pass it on to a php file using get statement.

View 1 Replies View Related

JQuery :: Change The Href Attribute Of .load(ed) Content?

Jan 19, 2010

I'm pretty green to jQuery. I have a .load() calling in some content that has some links within it. After that content is loaded, am I able to change the attributes of those links? This is how I'm loading in the content:

$(".maincontent").load(pages[0] + '?' + tsTimeStamp + ' .maincontent');
Which contains:
<a class="table_button0" href="#"></a>
<a class="table_button1" href="#"></a>

[Code].....

View 2 Replies View Related

Parse Href Attribute And Get All Of The /profiles/######## Part Of The Anchor Tag?

Aug 28, 2010

Right, so there are a bunch of links in this format: <a href="/profiles/########">username</a>

I'm using greasemonkey, and what I want to do is go through and get all of the /profiles/######## part of the anchor tag. I'm using Regex and I can't seem to get a match.This is what I have so far:

function ok() {
var names = document.getElementsByTagName('a');
var reg = new RegExp("WHAT GOES HERE?");[code]....

what is actually desired is I want there to be a way I can select these somehow as well..

View 1 Replies View Related

JQuery :: Refresh Href Attribute Of Link Via Ajax Every Five Seconds

Dec 14, 2010

I have links in my page in the form of this

<a href="example.php?key=someid" class="link">some link</a>

I want to refresh href attribute of link via ajax every five seconds, I am trying this,

[Code]...

View 1 Replies View Related

JQuery :: Moderately Complex Function - Apply The Href Attribute

Feb 1, 2011

This isn't working. I'm using the code below to try to apply the href attribute of the first td in a row with class DataFormListTDDataGridItem and apply it to all td elements in that row (effectively want to make entire row clickable and direct it to the href specified by the href attribute in the first td of the row) -

Table looks like this -

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

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

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

Assigned Attribute Through DOM, Onclick

Feb 26, 2007

I have an issue. In a nutshell I am making and inserting into a the DOM of a page a button:

_button = document.createElement("input");
_button.setAttribute("type","button");
_button.setAttribute("id","button");
_button.setAttribute("value","Remove");
_button.setAttribute("onClick","alert('');");
It gets assigned to its parent:

_parent.appendChild(_button);

And all is well in FF 1.5 or 2.0. But in IE 6.x the button appears in the DOM, but the JavaScript 'onclick' is never invoked.

View 4 Replies View Related

Extract URL From Location.href Inside Onclick

May 28, 2007

I have the following code that I use to set the onclick function to top.location.href, but I need a way to extract the existing location.href from the onclick function, so then I can re-purpose it in the new onclick function. Any help would be greatly appreciated.

<script type="text/javascript">
var links = new Array();
links = document.getElementsByTagName("td");

for(var i=0;i<links.length;i++){
var tempfunc = links[i].onclick;
//*****EXTRACT THE URL***** NEED THIS PIECE //
var url = "http://www.sitepoint.com"; //say this is the url you extracted
links[i].onclick=function(){window.top.location.href=url};
}

</script>

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

Using HREF And ONCLICK In An Anchor Tag Doesnt Seem To Work

Aug 11, 2005

I'm trying to setup a page that uses JavaScript in a text link to submit a form:

<a href="do.htm" onclick="javascript:document.forms.Q01.submit();">

I also have added a fallback page in the href (do.htm) in case users have JavaScript disabled. But the JavaScript doesn't seem to be working. When I click the link it always goes to the fallback page, and doesn't submit the form.

I've tried swaping the order in the anchor tag (JS first, href second):

<a onclick="javascript:document.forms.Q01.submit();" href="do.htm">

and the same thing happens.

If I remove the href value:

<a href="#" onclick="javascript:document.forms.Q01.submit();">

the JS does execute properly.

How can I get the JS to execute by default for browsers that support it, and the href be the backup for browsers that dont support it?

View 1 Replies View Related







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