JQuery :: Anchor Tag OnClick With A Parameter?

Feb 4, 2011

I am trying to call an ajax function from the onclick event of an anchor tag. Currently I reference the function like this. I would have liked to bind the function to the anchor tag but did not know how to do that when I need to pass in a parameter?

<a href="#" onClick="getCredentialFromId(${link.id})">${link.name}</a>

link.id and link.name are rendered on the serverside so when the page is rendered it looks like this:

<a onclick="getCredentialFromId(35)" href="#">MySQL</a>

my function looks like this:

function getCredentialFromId(cred_id) {
$.post('link.htm?linkCredentials',{cred_id: cred_id},function(response) {
try {

[code]....

View 1 Replies


ADVERTISEMENT

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 :: Set An Onclick Event With Passing A Variable As A Parameter?

Mar 20, 2011

what i want to do-

$
(
"#temp"
).

[Code]....

View 1 Replies View Related

Onclick With More Than One Parameter - TD

Sep 26, 2011

I am in doubt if im doing this correct. I have a TD which I have a onclick and a google event tracking code on. But om not shure if I have set it up correct. The () and the , might be wrong..?

View 3 Replies View Related

Onclick With More Than One Parameter

Oct 5, 2011

I have this code which works fine:

But I dont now the parameters instead of window.open, if I want it to open on top.

View 4 Replies View Related

Way To Have Two Onclick Events Within One Anchor Tag?

Jul 20, 2011

I'm filling in for a coworker on a radio stations website.

The station currently streams live online. I want to add an event tracking so I can track how many people are streaming. I'm really new to js, but I think I figured it out (keyword is "think"). However, there was already an onclick event within the anchor tag. Can I have two in the same tag? Is there a better way to do this?

View 1 Replies View Related

Using An Anchor In OnClick Alert?

Sep 25, 2011

To order a customized product from my site, the user has to upload an image and then submit text (separate steps but part of the same php form) before adding to their cart. Currently, the user must scroll back down from the top of the page to the next part of the form after each step which is more confusing than I would like.

The first step of the form uses a straight forward <form> and I was able to add an action="#anchor" to jump down to where I set the first anchor.

The second step is regrettably not so straight forward and I'm having trouble adding an anchor. After entering text, the user clicks a submit button which triggers an alert letting them know the text was submitted successfully. When the user clicks the okay button on the popup alert, I would like the page to jump down to the 'add to cart' portion.

This is the button:

echo '<tr>
<td valign="bottom" colspan="2" align="center">
<input id="delete_button" class="button" type="submit" value="Attach Text" onclick="return( confirm( this.form ) );" />

[Code]....

How can I prevent the page from returning to the top after the user submits text?

View 5 Replies View Related

How To Change Parameter Of OnClick Function

Aug 6, 2010

I have an image with an onclick function and parameters 0, 1. I want to change the parameters of the onclick function through the same function?
<img id="down0" onclick=swap(0,1) />
<javascript>
function swap(a,b){
var imgda=document.getElementById('down'+a);
imgda.onclick = swap(b,b+1);
}
</javascript>
Normally it should change the onclick to swap(1, 2) but it remains 0, 1.

View 2 Replies View Related

Element Onclick Parameter Passing ?

Feb 3, 2010

I have a loop that iterates over an array of objects.

Then for each of these objects, a div element containing an img element is created and appended to the document.

Further each img element must have an onclick event that basically changes the backgroundColor of it's enclosing div, as well as make changes to the associated object in the array.

The loops basically looks like this:

Code:

Now everything is created fine and the events are bound to the images, however, the only things that change in any of the onclick events are the very last container and object passed. For some reason it seems that the references in all the previous loops are replaced with the newer ones.

View 3 Replies View Related

Window.onclick Accepts Only One Parameter

Dec 4, 2010

I'm trying to write a script that opens a formatted html window as instructed here:

HTML Code:

[url]

His code works right, but when I test it, it works only when I exlude the second and third parameters of window.open().

Here's what I'm testing:

Code:

Am I overlooking something?

View 1 Replies View Related

Why Does Onclick Change The Page Anchor Position

Nov 1, 2010

I have two pieces of Javascript attached to my open/close text boxes.

One for the visibility function:
<script type="text/javascript">
function toggle_visibility(id) {

[Code].....

The problem only shows further down the page, when I click to open a box it automatically goes back to the top of the page instead of staying at the user's current page position

I would like it to stop changing the page position onclick.

View 5 Replies View Related

Can't Save Id Of Dynamically Created Anchor Onclick / Fix It?

Jul 21, 2011

I am trying to save a dynamically created anchor's id onclick, but I am having a lot of trouble. code...

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

Anchor Onclick - Changing InnerHTML Of Enclosing Div?

May 11, 2010

I found a function online that allows me to swap text onclick and have amended it as follows:

Code:
function swapText(obj, n) {
if(obj.oldText){
obj.innerHTML = obj.oldText;
obj.oldText = null;

[Code]...

I have this partially achieved when clicked, any number will indeed "turn into" an h1'd representation of itself but I can't get the other links in the group to disappear when the h1'd number appears (onclick).

View 17 Replies View Related

Onclick Not Working In Anchor Tag To Autofill An Input Box?

Apr 6, 2010

I am trying to autofill a box by clicking a link (with return false). The function to autofill works with button tag but not in anchor tag - instead of returning false, the click event transitions to the href.

Here is the simplified code.

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

[Code].....

View 1 Replies View Related

OnClick="function Value Of The Anchor Tag Just Clicked?

Oct 23, 2010

onClick="function(' whats the value of the anchor tag just clicked? Title basically says it. I need to get the object that was just clicked, to insert into a JavaScript function. I've tried "function('this')" and similar things, but it doesn't work. I'm sure this is REALLY easy to do, but I don't know it and I have no idea what to search for.

View 1 Replies View Related

Onclick Not Working In Anchor Tag To Autofill An Input Box / Sort It?

Apr 6, 2010

I am trying to autofill a box by clicking a link (with return false). The function to autofill works with button tag but not in anchor tag - instead of returning false, the click event transitions to the href. code...

View 2 Replies View Related

Navigate Anchor Links Using A Button Onclick Event?

Feb 18, 2010

I am wondering if it is possible to navigate anchor links using a button onclick event. I want next and previous hit buttons to navigate the already existing hits (#hit1, #hit2, etc.).For instance, I have:

<script type="text/javascript">
var numHits = {HITS}-1;
function nextHit(){[code]....

I have seen working examples with the href tag (e.g. <a href="#" onclick="func();return false">), but nothing with buttons. I also can't seem to get the working href examples to work on my server.For instance, I cannot get this code to work, it just goes to js_required.html:

<a href="js_required.html" onclick="doSomething(); return false;">go</a>
function doSomething(){
alert("test");
}

View 3 Replies View Related

OnClick="function - Whats The Value Of The Anchor Tag Just Clicked

Oct 23, 2010

I need to get the object that was just clicked, to insert into a JavaScript function. I've tried "function('this')" and similar things, but it doesn't work.

View 3 Replies View Related

Adding A Html Anchor To An Onclick Toggle Event?

Sep 16, 2011

Complete newb trying to break apart existing code to add some additional function.

This is the working code:

<a class="hackadelic-sliderButton" title="click to collapse panel" onclick="toggleSliderOfGroup('.a-32', '#hackadelic-sliderPanel-1')" href="javascript:;">Close Panel </a>

What I would like to do is add in an html anchor so that the browser relocates to the top of the page just as the panel toggles closed. ie

<a href="#topofpage"></a>

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

Set An Onclick Event Handler To Call A Function Which Requires A Parameter?

Jun 11, 2011

Is it possible to set an html element's (created through HTML DOM's createElement() method) 'onclick' attribute's value to a Javascript function which requires a parameter, passing a variable to it at the same time?

I have the following Javascript code:

var parentDiv = document.getElementById("subscribers");
var stubSpan = document.createElement("span");
stubSpan.id = "opentok_subscriber_" + stream.streamId;
stubSpan.onclick = showStreamInFullScreenMode(stream);
parentDiv.appendChild(stubSpan);

'stream' in the bolded line is a parameter variable of the function that the above code is in, and I'm trying to pass it to another function using an onclick event.

View 2 Replies View Related

JQuery :: Reload Page With Anchor When Anchor Link Is Clicked?

May 26, 2011

I need to get the page to reload with the anchor in the link when it is clicked in a dropdown menu. For example if I am on 'www.domain.com/about/#2' and I then click on 'www.domain.com/about/#3' the url changes but the page doesn't reload so I need the page to reload, but keep the new anchor (#3).I gave the links with anchors a class of 'reload' and tried this:

$('a.reload').click(function() {
window.location.reload();
});

View 4 Replies View Related

Script-Added Anchor Preventing Jump Of Doc-Coded Anchor?

Jan 9, 2010

I have a script that scans an HTML document for headers and special comment tags for the purpose of generating a left-floating/position-fixed DIV that contains the document's outline or "table of contents." Within the DIV are lists (UL element by default) whose items (LI elements) are jump-to links (A elements) to the points (headers, special points marked for inclusion in table of contents) in the document. The problem is this. I have typical HTML document with links that jump to points (usually headers) inside the document, as shown below:

Code:

<body>
<p>This is addressed <a href="#later-text">later</a> in this document
<h1><a id="later-text"></a>Header Text</h1>
<p>...
</body>

But my script, being a document outliner that finds headers in a document, inserts another anchor as a jump-to point just before the first occurrence of text in the header (inserted A element shown in red below). This somehow disables the document-coded jump anchor (shown in blue below). And it occurs in FF and IE, which suggests it is not a browser-specific issue. Why does it occur? Is there something in the HTML spec that states that two anchors to which a jump occurs are not allowed to be adjacent elements in the document?

Code:

<body>
<p>This is addressed <a href="#later-text">later</a> in this document
<h1><a id="later-text"></a><a id="jump-1"></a>Header Text</h1>

[code]....

To reproduce what I am seeing, search for the text "Why Is A Survey Done". The first occurrence is a within-document jump-to link, which should jump to a header below it. If the script execution to generate a document outline is disabled, the jump works. But if the script is executed and the document outline generated, the jump-to link does not work.

View 2 Replies View Related

Using Anchor Jumps With 'instant' Anchor Based Navigation?

Sep 4, 2011

Having a little bit of trouble with a site I'm currently working on I'm using some AJAX for the instant g-mail/facebook style navigation, you know the kind, with no refreshes, etc. Problem is, to allow for back/forward and bookmarks, I currently use a URL that looks like:[URL].. This is fine, not a problem... The issue comes into play when I want to open up the news.html page, from my home.html page, and have it open to news item #6 (for example).

I can't add a #, because one is already being used to reference the anchor for the content div. Has anyone run into a similar problem before? If so, how did you resolve it? Can some jQuery be used to find the location of the news item div in question, on load, and scroll to it like that?

View 8 Replies View Related

JQuery :: Get Parameter From URL?

Jun 14, 2010

I'am building a little site with jquery. Now I have a Problem. I want that if in the url ?product=anyid is, a function is called. If the url is empty and has no parameter the normal site should appear and run.This is for building a permalink to products and you can open them with [URL].

View 2 Replies View Related







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