JQuery :: Click Function Of Anchor Tag Not Working With Href Other Than #?

Jul 25, 2011

I started with the simplest step - the hide() function:

$(document).ready(function(){
$("a#p").click(function(event){
$("#HiddenDiv").hide();
})
});

It worked fine as long as the href attribute of the anchor tag was '#'. Then I tried using href other than '#' and ran into a problem. I just changed the href to:

<a id="p" href="test.php">Click me</a><br />
<div id="HiddenDiv">Testing mate</div>

test.php is the page in which both these sections (html and jquery) are present, so like a postback to the same page.

This method didn't work and on clicking the anchor tag, the div stayed visible.

I then tried theevent.preventDefault(); method and that worked.

So I experimented more. I tried using the hide function on a dynamic link, something like test.php?a=1.

I ran into a problem again. The div remained visible on clicking that link.

View 17 Replies


ADVERTISEMENT

How To Intercept A Anchor Href Click

Feb 27, 2007

I have to intercept the click on anchor's because they do reload the page.

The anchors does use the href attribute to do the reload/jump.

How can I get the event of this? How can I prevent this?

View 3 Replies View Related

JQuery :: Bind Click Event To Anchor Tag Not Working

Jul 16, 2009

When I load the page the div #forgot_login blindes down even though I did NOT click the anchor link. Also, clicking the anchor link does not toggle it up and down. The event binding is not working.

HTML
<a href="#" id="forgot_login_link" title="Show">Show</a>

jQuery Event
$("#forgot_login_link").click(show_hide($("#forgot_login")));

Here is the show/hide code:
function show_hide(p_Element) {
p_Element.toggle('blind', { direction: "vertical" }, 500);
}

View 1 Replies View Related

JQuery :: Click Function On Anchor Element?

Jun 10, 2009

I'm confused as to why when I have:

$('a').click(function(){
alert(this);
return false;

[code]....

View 4 Replies View Related

JQuery :: Passing Parameter To Click Function From Anchor?

Jun 9, 2010

my first attempt to post seems to either have been rejected or simply gone into the cyber void.

I currently have a link on a webpage as follows:

<a href="#" id="loadData"><img src="images/bookcase.png" alt="" width="114" height="167" border="0"></a>

which is picked up by

$("#loadData").click(function()
which then executes:
.load("subgenre.php" , function() etc

What I want to be able to do, however, is pass a parameter to the php script, along the lines of:

.load("subgenre.php?param=" + passedParam , function() etc

View 3 Replies View Related

JQuery :: Toggleclass On A Link, With The Href Of The Current Anchor?

Mar 7, 2010

What am i doing wrong? I'm trying to toggleclass on a link, with the href of the current anchor

var anchor=window.location.hash;
$('#nav a[href='.anchor.']').toggleClass('active');

View 1 Replies View Related

Calling Function Using Href Not Working In IE8?

Mar 7, 2011

I have a page that loads various "applications" into an iframe inside the main page. One of the applications loaded calls a javascript function that is loaded with the "application" page. It works great in Safari, Chrome & Firefox but error's out in IE8 - "Object doesn't support this action". Have other calls that work but this one is the only one that uses href

[CODE]
<div id = 'trainingsubmitbutton' style='display:none;'><a href='javascript: submitdata(0)'>Submit This Record</a></div>
[CODE]

View 6 Replies View Related

JQuery :: Href In Output Code Causing $getJson() Function To Try To Load Up A File With Href In Url

Jul 12, 2010

I'm using the following code (simplified version) to call a Json file, parse it and on each iteration, create a div with an ID of "tab". I'm using this with jQuery UI .tab() to create a listing with entries which have three tabs. Anyhow, the principle seems to work except that when I examine what's happening behind the scenes using Firefox console, I see that each href in the html code produced is causing the Json function to re-fire using the href as it's url target.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

[Code].....

View 6 Replies View Related

Change Anchor HREF URL?

Sep 9, 2010

I want to add a small but informative weather widget to one of my web sites. Having searched around, most are either too big or too simple.

I did find "one" that I liked but it links to a lame page. I would rather have no link rather than the one provided. The widget I like is a simple javascript "include file" similar to this one:

[Code]...

View 2 Replies View Related

Hide Specific Href In Anchor?

Mar 13, 2010

I'm using a script that has the back-end functionality mashed up so I can't change it. An image with a link around it hides behind this:

$RateUserThumbnailLink$ And i'd like to disable the link somehow as the owner wants money for the edit which is ridiculous. Can anyone figure out a way of disabling the link it generates?

View 2 Replies View Related

Validate Url Of Anchor Href Tag Entered Within A Textarea?

Jan 4, 2010

I have a page with textarea where user can enter html code for link exchange

I need to verify whether the code entered contains url in anchor's href tag having same url as that of reciprocal link. how can i do this?

View 4 Replies View Related

Using Href:javascript And Anchor Links On Same Page

Jul 8, 2003

I'm working on a project where we're using JavaScript to let users swap styles on a page. To accomplish this, I'm calling the script via href="javascript:swapcss()" on the switch styles button.

Some pages on the site have anchor links. On those pages, if someone swaps styles without hitting any of the anchor links, all is well. But if someone hits an anchor link and then hits the swap button (at this point the URL is pageid.html#anchor), the page just reloads to their anhor point without swapping styles.

Does anyone have a workaround handy? I've tried several alternatives I've found online (href="#" onClick="action"; href="javascript void(0)" ). Nothing works for this case yet. Code:

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

JQuery :: .click Function Not Working For Links?

Jun 23, 2009

I have an expandable menu (not an accordion), that needs to toggle div elements below it. If I put the click event on the h3 of the menu, it works fine but as soon as I put it on the link, it doesn't work.

JQUERY

$(document).ready(function(){
$(".expand").click(function(){
$(this).next("div").slideToggle("fast")

[Code]....

View 6 Replies View Related

JQuery :: Click Function Not Working On Firefox?

Dec 5, 2010

I'm working on a website and using jquery quite a lot.For a first level of coding, I'm using Chrome and everything works just fine.But I'm having a first bug when using Firefox.Indeed, I create a button with a click function and when I display my page on Firefox, the click doesn't fire any action like it does on Chrome.Here is the peace of code:HTML declaration of the button:

<
div
id

[code]....

View 1 Replies View Related

JQuery :: Trying To Build Map Click Function Not Working

Aug 26, 2010

'm trying to make some code so that when a user clicks on a picture, a image will be displayed where it was clicked (i.e the x and y co ordinates). Anyway, so I started writing it but my code doesn't seem to work, so I'd like to see what I've done wrong.[code]And the image which I want clicked has an id of "world".

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

Difference In Calling Javascript In Href And Onclick Of Anchor Tag.

Jan 18, 2006

I am looking for a generic javascript function to identify the form with in which a element exists, thus developer can avoid coding like document.forms[index].submit() - where they are sure, they want the form with in which this element exists is to be submitted. This way when forms are introduced at top level the code can remain unchanged, else every form introduce above in the DOM will result in increasing the index by one.

The code is given below. While doing so i am stuck with 2 problems
P1: In the code, you can see i am giving a explicit 'break' in the code. If i don't do so the code seems to be looping. Obviously i am missing some basic.

P2: I am able to pass 'this' for anchor element by name="xy"
<a href="#" name="xy"

in its onclick function by which, in the javascript function i move up the DOM.

While i am unable to do that on the anchor element given below since this function is now on the href attribute.

<a name="xy1" href="javascript:doFormSubmit(this);">Q test</a>

Hence the script fails. Code:

View 10 Replies View Related

JQuery :: Ajax Call Not Working Within Click Handler Function?

May 18, 2010

I have the following code:

$(document).ready(function(){
$('#link').click(function() {
alert('Clicked!');
$('#content').load('dialogs/load/content', function() {});
});
});

The link is a normal link that is not dynamically created. The alert works. I know the problem is not the Ajax call because this works just fine:

$(document).ready(function(){
$('#content').load('dialogs/load/content', function() {});
$('#link').click(function() {

[Code]....

It only breaks when located inside the click handler. It does not return response headers or a response. Is there something about event handlers and ajax that I'm missing?

View 2 Replies View Related

JQuery :: Keeping Tabs With "a Href=#sometabname" From Scrolling To The Anchor?

Sep 13, 2010

I have a set of vertical tabs about a quarter of the way down my page. They are all visible on page load from the top of the browser window. When you click on a tab, it scrolls down and puts the tab content at the top of the window. I know why it does this, is there anyway to override this behavior so that the tabs change content but the window does not scroll?

View 10 Replies View Related

JQuery :: Matching All Anchor Tags With "http://" In The Href Attribute

Apr 19, 2010

I want to be able to match all <a> tags on a Web page that are external links, which would be signified by the href attribute starting with "http://", obviously. Then I want to add an attribute to the matching tags.

I ran across this script that is supposed to do that:

<script type="text/javascript">
$(document).ready(function(){
$('a[href^=http://]').attr('target','_blank');
});
</script>

But it doesn't work. I don't understand regex very well yet, so I'm not sure if that part of it is right, but the jQuery syntax looks correct to my inexperienced eyes.

I know jQuery is working on the site already, the script is below the call the the jQuery library, and yes, I do have the script in the Head tag of the page...

View 3 Replies View Related

Call The Click Event Of The Link (anchor Tag) On The Click Of The Button?

Jan 24, 2011

I want to call the click event of the link (anchor tag) on the click of the button. I used this code below in the click event of button to call links click event and it works fine in IE.

document.getElementById('linktag').click();

But, this doesn't work in Firefox. I googled a bit and found that in firefox, you have to do something more to achieve this behaviour. So, I ended up doing this on button click to work in firefox:

var link=document.getElementById('linktag');
var e = document.createEvent('MouseEvents');
e.initEvent(

[code]....

The above code does the click on link when I click on the button. But my problem now is that I have defined a link as

<a href="mailto:abc@xyz.com?subject=abc&body=email body">email </a>

and when click is called and mailto links opens my email client, it somehow ignores the subject and body parameters of the link. It works properly when i actually click a link element. but it doesn't work when i simulate the click event by code written above. above dispatching event code somehow ignores the link parameters?

View 3 Replies View Related

JQuery :: Body Click Function Stops Other Live Functions From Working?

Oct 26, 2010

When thebody section below iscommented out, I get hello, and when it isn't, I don't !

$("body"
).click(function
(e){
return

[Code]....

Is this a bug, is it an unavoidable aspect of the "live" architecture

View 3 Replies View Related

JQuery :: Click Function Not Working After Document-load Ajax Call?

Oct 15, 2011

big fan -- first time poster. I've been learning javascript and jquery on the fly so bear with me if I seem to lack understanding of what may be semantic basics.

Anyway, I'm building a mobile app using phonegap. One page grabs data for a table from ajax, and each table element has a delete button in one of the cells. In short: the clicks aren't working. I put the alert in to test, and no dice. I'm not asking for help on the internals, I'm just stumped on why the function isn't being activated,

[Code]...

View 6 Replies View Related

JQuery :: Can't Click The Anchor

Nov 22, 2010

I have a problem with my jquery. This is my code:

jQuery(function(){
jQuery(".class1").toggle(function(){
jQuery(this).animate({ height: 250 }, 'slow');
jQuery(".class12",this).animate({ height: 250 }, 'slow');

[Code].....

So div.class1 wil animate from 100px to 250px if it's clicked. However, I couldnot click the link inside this div. Everytime i click it will be animated to 100px, and I can never get the link.

How can I keep the div.class1 open so that I can click on the link??

View 1 Replies View Related

JQuery :: Detect Anchor Click Within An ID?

Sep 14, 2009

I want to use JQuery to detect when a link below is clicked.

HTML Code:
<ul id="mapoutput">
<li>
<a href="#">street=Mathew+Avesuburb=Jewellsstate=NSWpostcode=2280</a>
</li>

[Code]....

Once I have detected which link has been clicked it should pass the co-ordinates to a script.

How should I pass them? The only way i can think of it do have hidden fields whose value I pick out with javascript.

View 4 Replies View Related







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