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
ADVERTISEMENT
Mar 26, 2010
You know how when you visit [URL] your browser jumps to #test1 automatically? Not talking about when you open page.html and THEN click an anchor to #test1. I mean typing the anchor explicitly at the end of the url before even visiting page.html. How do you prevent that jump? Just a sample scenario, to make sure I'm being extra clear:
[Code]./..
View 2 Replies
View Related
Aug 11, 2009
I currently have a script to jump to an anchor tag when the page loads:
<script type="text/javascript">
function goToAnchor() {
location.href = "myPage.html#myAnchor";
}
</script>
Now, I would like to take it a step further and would like to link from page A to page B that usually takes a while to load and once the page loads, run a script to jump to the specified anchor tag on the page after everything has loaded. I know I have to add some parameters at the end of the url link on page A, but that's where I get stuck.
View 6 Replies
View Related
Sep 28, 2010
I have a hidden iFrame (display:none) which I change the src attribute of to load new contents. When the iFrame has finished loading I make it visible again (display:inline). This works fine except for anchors. The iFrame will not jump to an anchor when finished loading if its hidden in FF.
View 2 Replies
View Related
Jan 27, 2011
Have a drupal site and jquery update1.3. seems to avoid the posiblity to jump to anchor tags. In order to this I use this script for jumping on a page. I works..But how to I manage a jump, if the href is on a different page (not external!).Something like jump on pageload to an anchor.click on page node/5/products on link href: node/5/products/xyz/#anchor1 How do I manage this?
$(document).ready(function(){
$a[href*=#]").click(function(e){
$
[code]....
View 2 Replies
View Related
Jun 4, 2009
vBulletin uses a template system so I can't create a separate element for everything -- we have had several people ask for a "skip to the next post" feature and I'd like to implement that for them My first thought was to use anchor tags such as:
<a name="$post[postid]">
for each post and then to create a link for "Jump to Next Post" which would advance the user to the next instance of <a name="$post[postid]"> in which the postid obviously would've changed. With that I didn't know if there was a way that I could have javascript look for the next instance of this, or to pull the postid number and add 1 to it to find the next post on the page. I'm also not sure if it would need to be as complicated as reading where it was at and then adding one and directing person to that anchor point, which is why I thought maybe it could just look for the next instance of <a name="$post[postid]"> and refocus the screen on that.
It doesn't have to be an anchor, it can be a hidden input, whatever makes the JS be able to seek it as a point to move the page to. We do have some members that select a different number of posts per page than the default, so I'm guessing that the plus one might not be a great idea if they used a smaller number per page and then clicked the last one, whereas people with more per post wouldn't need to stop at the same point before it no longer let them. If there's a solution for that, that'd be great as well (such as once it hits the last element on the page, it no longer receives instruction, goes to the top of the page, or something).
View 2 Replies
View Related
Jun 17, 2011
When you click a link it jumps to an anchor point on the page and scrolls there smoothly. I was wondering how I get the same effect if I want the link to jump to another page? A normal anchor point on another page would set the href to, for instance, 'index.html#contact' but it won't work in this case as the javascript isn't reading the '#'.
<script type="text/javascript" src="jquery.js"></script>
<script>
function goToByScroll(id){
$('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}
</script>
</head>
<body>
<ul>
<li><a href="javascript:void(0)" onClick="goToByScroll('contact')">Go to anchor 1</a></li>
</ul>
View 13 Replies
View Related
Jun 22, 2010
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
View 7 Replies
View Related
Aug 14, 2009
using js to force a specific anchor call to jump after the page completely loads. The reason I am doing this is because the page I am linking to with anchors takes a long time to load and a standard browser anchor link sometimes does not work 100%. With that said, I would now like to make the script I wrote universal to get ANY anchor param in the url and jump to that spot on the page. Right now it's coded to just look for "#anchor". I want to re-code it so it will look for "#" + "anyAnchorName".
[Code].....
View 1 Replies
View Related
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
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
Jul 23, 2009
I'm trapping the onKeyPress event of a textarea, and I'm wondering if there's a way to prevent the key from also being typed into the textarea if it's a certain key. I have tried stripping off the last character from the value property, but it seems that the character is added after the event handler finishes.Here's my code, in case it helps:
<html>
<head>
<script language="javascript" type="text/javascript">
[code]....
View 2 Replies
View Related
Oct 19, 2005
Does anyone have any javascript code that can navigate to an anchor in the
page load? I use location.href and it works in IE, but I can not get it to
work properly in FireFox.
View 4 Replies
View Related
Aug 25, 2009
I define an anchor as a global variable, like this:
var globvar = {
anchor: document.createElement("A")
}
Later, on the fly, I give it the attributes, like this:
globvar.anchor.setAttribute("href","javascript:keyb_change()");
globvar.anchor.setAttribute("onclick","javascript:blur()");
globvar.anchor.setAttribute("id","switch");
[code]....
1) In setting the attributes on the fly, how do I attach the anchor's text (the user clicks on) to the anchor?
2) Is there a way to include the attributes within the global variable's original definition, thereby sparing me from coding the attributes on the fly?
View 7 Replies
View Related
Jul 31, 2010
I'm starting to play with JS/JQuery and I don't know how to get the name af an anchor. I have a list of img faces and when hovering them, I want to display a random quotation
Here is the html
PHP Code:
<div id="faces">
<ul>
<li><a href="#" name="stalin"><img src="../images/img1.gif" width="50" height="58" /></a></li>
[code]....
View 2 Replies
View Related
Feb 28, 2011
Is there an other way to link to an element on the same page without using anchor URLs?
View 18 Replies
View Related
Nov 13, 2007
I have a div that scrolls horizontally that I use for navigation. As you go to each page, it'd be great if that scrolling nav div would take you to which page you were currently on, so you could navigate easier. If I use anchors for the links, it works (as in scrolls to the right spot), but obviously also shifts the page down, which I don't want.
Does anyone know a method to which I can get this div to scroll without shifting the page down?
View 4 Replies
View Related
Sep 2, 2010
I need to add acnhor tag dynamically using javascript. I have achived this using following code, but there is little prioblem.
Code:
function addURL(token){
var tableObject = document.getElementById("tableConfirmationsToAttach");
var rowCount = tableObject.rows.length;
var row = tableObject.insertRow(rowCount);
[Code]...
View 1 Replies
View Related
Jul 23, 2005
I use named anchors to take users to specific parts of a long page. But I
want to add some processing and do some things with my nav bar when users go
to certain sections delineated by named anchors. I understand that the
anchors array creates an element for each anchor in the page when the page
is loaded, but how do I identify which anchor is currently being viewed?
Here's some pseudo code:
if (document.anchors.name == "section_B") {
then do this or that
}
But what do I test to determine the current anchor name?
What about using id's instead of names? Can the anchors array return
anchors created with id's as well as names? Would this be of any benefit?
View 4 Replies
View Related
Jul 23, 2005
I placed an anchor at the end of my long page inside a top <iframe>.
my entry field is in another iframe at the bottom. when i enter something and hit return, it adds a new line to the html file as well as <a name=END></a> tag (there is only one END tag at the end of the file)
I then request top frame to reload and goto END tag.
sometimes it works, sometimes it won't (IE). Is this normal ? Is it Frame related?
View 1 Replies
View Related
Sep 5, 2005
If using an onclick event handler to execute javascript when an anchor
element is clicked on, what should the href attribute be? #?
javascript:void(0)? Something else?
View 11 Replies
View Related
Aug 3, 2011
I have this anchor tag which is created through script [code]...
I'd like to add a title attribute to it. How would I go abouttargetingthe tag and then adding the title?
View 3 Replies
View Related
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
Dec 3, 2010
i have a problem, let me paste here a code snippet first:
<a name="Paragraph 1"></a>
<p> Paragraph1 </p>
<a name="Paragraph 2"></a>
<p> Paragraph2 </p>
<a name="Paragraph 3"></a>
<p> Paragraph3 </p>
Now i want to get the anchor name of the corresponding paragraph. For example: if i hover the paragraph 2 then it will display the name of anchor tag as "Paragraph 2". can we do this in jquery? if yes then how can we achieve this?
View 1 Replies
View Related
May 27, 2010
I have tried for hours to work this out, but with no success.
<a href="IMG_0001.jpg" rel="album" title="IMG_0001"><img src="IMG_0001.jpg" alt="IMG_0001" /></a>
<script type="text/javascript">
jQuery.noConflict();
[code]....
All I want to be able to do is use the alt attribute in the image tag instead of the title attribute in the anchor tag.
View 2 Replies
View Related
Sep 15, 2009
I have multiple <tr> tags following the below pattern:
<tr>
<td class=c1Top>
<table>
<tbody>
[code]....
I need to update the href attribute so it appends the html value to the href attribute e.g.
href="http://mysite/Page1.html"
href="http://mysite/Page2.html"
href="http://mysite/Page3.html"
I tried the following, but no luck. It updates the html value of all anchor tags with the value contained in the 1st tr $('td.c1Top table tbody tr td.ms-vb a').attr('href', $('td.c1Link table tbody tr td.ms-vb a').html());
View 1 Replies
View Related
