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:
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.
all try to explain my problem: i have this website:[URL].. i'm using Jquery Cycle to do a slideshow. I would like to know how to put a link on each colored square.
I know i have to find in "jquery.cycle.all.js" but i'm a bit lost...
I've used the ScrollTo plugin for header images for each topic and I have created a menu to change the content in the div(s) that contain readable content with ajax, so it looks like different pages with headers using the one page.
everything works well, but on browser refresh the page jumps down after the menu and on to the header.
Would anyone know a script that would deactivate all anchor links in the page so that page onload the page loads as default index.html instead of index.html#some_anchor
I'm not sure whether or not this is possible, but I want to have control over the Javascript function that is called when a target web page is opened (ie as the onload function in its <body> tag). In other words, the calling page will have several <a href ...> tags referencing the same page, each specifying a different onload function. Is it possible to effectively pass a parameter in this way? I have not been able to find any solution to this.
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:
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?
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):
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:
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..
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:
I basically have many anchor links where when I click each of them it slidesdown its own div with some text in it. So have I wanted is when I click on one link it will show me the current one and hide the others. This is what I have tried which works great but when I click on a link it opens the div, then click on another one opens the div with one click and when I go back to re-click the previous link I have to double click it in order to work..
This is my js code: $(".anchorlink").toggle( function() { var cont_val = $(this).attr("id"); $("div#unique_anchor_text", this).show(); $("div#unique_anchor_text").hide(); $('.unique_anchor_text'+cont_val).slideDown("fast"); }, function() { var cont_val = $(this).attr("id"); $('.unique_anchor_text'+cont_val).hide(); });
HTML looks like: <a class='anchorlink' id='$item'>Comment</a> <div id='unique_anchor_text' class='unique_anchor_text$item'>some text</div>
If you click on the Retaining Walls link, it will direct you to a new page and the anchor will be highlighted. The issue is that if you attempt to click on Drainage or Design/Build, then it will not scroll up to the anchor.Other than that, if you were already on that page, then the anchors and scroll works fine. Is there something I can do to fix it?
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"); }
returnSingleValue() is a Javascript function, from this function I need to access all the dynamic href values in the form. How do I do this ? I tried many options, but it didnt work out..
I'm creating a slider with the Cycle plugin and ran into a little bit of a road block.
What I want to do is simply have anchor links on my slideshow images, which I can get working just fine, except that when I add these anchor links, it removes my image caption (which worked prior to adding anchors on my images)
I noticed that image anchors do not work when using the lite version of jQuery Cycle(jquery.cycle.lite.min.js) . I am referring to this example: [URL]
I copied all the code from the example and couldn't get it to work, out of desperation I switched to using jquery.cycle.all.js and the anchors instantly began working. It seems the lite version only drops the opacity on inactive slides, because clicking any slide uses the anchor href from slide 1.
EDIT: Just tested with the other versions of Cycle, and found all the other versions of cycle work flawlessly.. curious :
Im trying to prevent the user from clicking any other links on my page when the user have selected/clicked a href once.
Sometimes it takes a while before the next page loads so some user will try clicking other links or the same link.
I can prevent this when i use buttons by calling onclick and in a javascript getElementsByTagName("input") and then check the type to be type of "button" or "submit" which i then disable. It works.
This also works for href html tags by calling onclick and in a javascript remove all href, BUT it also stops everything, even the request that is about to happen.
If i use disable getElementsByTagName("a") on href like with buttons it does not get unclickable just get a grey color but you can click on it.
Any workaround to this? This is a seriuos web app so I want the solution where i disable ALL links on my page so it is not possible to click on any after the first time.
All the links is NOT in a form only links using <a href="gosomeplace"> click this link</a> .
I have a 2 column page.Left nav which contains a list of items with links to their respective details page.What I'd like to do is to load that link into the div in the right side of the page.want to do this via Ajax, so I don't have to reload or redirect the page.I do have my layout coded, but my jquery code is not even close to work, so I didn't post it here.
This works on any "href" external link or link with class of "external". I have one link that needs to be added that is external but needs to appear to not be and not give the warning message.
