Make The Focus Jump To The Next Element (anchor) In A Page?

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


ADVERTISEMENT

JQuery :: Jump To Anchor Tag On Page Load?

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

Anchor Point - Click Link To Jump To Another Page?

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

Stop Jump To Anchor Links On Page Refresh?

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

Universal To Get Anchor Param In The Url And Jump To That Spot On The Page

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

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

Jump To Anchor Tag Onload?

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

JQuery :: Hidden IFrame Does Not Jump To Anchor In FF?

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

JQuery :: Preventing Anchor Jump To #test1 Automatically?

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

JQuery :: Make An Element Loses The Focus And Check If It Is Focused Or Not?

May 29, 2010

I would like to know how to make an element Loses the Focus and How to check if it is focused or not?

cause after someone clicks in the search button I want it to lose the focus in the Text Input

and I want to check if its focused.

View 2 Replies View Related

JQuery :: Equivalent Of Event.observe - Make The Cursor Focus On A Certain Input Element

Jun 2, 2009

I'm trying to make the cursor focus on a certain input element when someone hits a certain key combo (such as Shift+S). Does anyone know how you attach a listener like that and bind it to a key combo?

View 1 Replies View Related

JQuery :: Add Class To Element Depending On Anchor Of Page?

Jun 18, 2010

First, my url looks like this [url]...

I would like, depending on the value of the anchor called, to add a class to the box related.[code]...

View 14 Replies View Related

Input Element Lose Focus On Page Load In IE

Nov 3, 2006

This code works fine in Firefox and Opera, I can see that it put focus
on the correct input in IE, but by the time the page has loaded
completely it loses focus.

The first time you enter the page it works fine in IE too, but if you
click a link which gives the input a value after reloading the page the
above happens. Code:

View 3 Replies View Related

Focus On Textfield If Url Has Anchor?

Sep 9, 2011

I need to focus on a textfield when a page has reloaded and moved to an anchor on the page (and #title is added to the url)

Code JavaScript:
$(document).ready(function() {
var pathname = window.location.hash;

[Code].....

View 2 Replies View Related

JQuery :: CSS: Element Jump Around On .animate()?

Jul 26, 2009

If you have a look at [URL].. and click on an image you will see what I mean.It's as if the image is converted to a div while animating.

View 1 Replies View Related

Make Webpage Jump To Top When Link Inside Iframe Is Clicked?

Apr 6, 2007

My website uses a very tall iframe to display catalog pages from an external website. I'm using iframes here to make it look like the external catalog pages are on my webpages.

The problem is that when a visitor goes to my page, scrolls down to view all the contents inside the iframe, and then clicks a link inside the bottom of the iframe to goto the next page, that next catalog page will load inside the iframe, but the visitor will still be looking at the bottom of the iframe on my website, and thus has to scroll up to the top of my website to see the top of the iframe's contents.

To see exactly what I mean, go here, scroll down, and click the next page link: [URL]

How can I make it so when someone clicks a link inside the iframe, that the page with the iframe automatically scrolls to the top appearing as if the whole website has refreshed?

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

JQuery :: Focus 300px Higher Than Anchor?

Oct 25, 2011

My webpage looks like this

[Code]....

How could I focus the browser 300px higher than the anchor? This would solve my problem.

View 3 Replies View Related

JQuery :: Cycle Focus To First Form Element From Last Element & Vice Versa

Jul 26, 2010

I have created a form with malsup's Form Plugin wherein it submits on change of the inputs. I have set up my jQuery script to index drop down menus and visible inputs, and uses that index to determine whether keydown of tab should move focus to the next element or the first element, and likewise with shift+tab keydown. However, instead of moving focus to the first element from the last element on tab keydown like I would like it to, it moves focus to the second element. How can I change it to cycle focus to the actual first and last elements? Here is a live link to my form: [URL]. Here is my script:

$(document).ready(function() {
var options = {
target: '#c_main',
success: setFocus

[Code]....

View 1 Replies View Related

Page Jump On MoveRow?

Mar 25, 2011

I have this (nice) procedure to move a table row:

Code:
function MoveRow(tbl,i,j) {
tbl = document.getElementById(tbl);

[code].....

View 5 Replies View Related

Using Javascript To Make A "jump To Topic" Form.

Jan 12, 2006

<form id="id" name="name" method="post" action="">
<input name="textfield" value="Group #" size="7" type="text">
<input name="Submit" value="Go!" type="submit">
</form>

Any idea how I could direct the user to 'viewtopic.php?id=foo' when foo is entered into textfield and submit is clicked?

View 4 Replies View Related

JQuery :: Cycle Causing Page Jump?

Jun 23, 2010

I believe I'm having an issue with the jQuery Cycle plugin. For the duration of the occurrence of a transition, the page appears to be "jumping" due to the fact that the site content is centered vertically and horizontally and the transition is making (inactive) scrollbars disappear entirely. I have not witnessed this personally in Safari/Firefox on Mac or Firefox/IE8 on Windows, but a colleague took a video of it happening on their machine with Firefox (Mac). Some see this problem, and others don't—I haven't been able to narrow it down. I also can't put overflow:hidden; on <body>, as I need the site to scroll if the browser window is too small.Here's the video, it's a 1.8 MB QuickTime file:[URL]

View 1 Replies View Related

JQuery :: Script Making A Page JUMP?

Apr 25, 2010

i have designed a page that uses a jquery script in a div in the middle of the page (below the logo and upper nav) Every time I click
on a button that is part of the script, the page jumps down to the top of that jquery div. I want the page to stay rooted to the top. I can't tell whether this is a problem with the css or the js script.[URL]

~ script css:

* { margin: 0; padding: 0; }
#page-wrap {
width: 822px;

[code]....

View 1 Replies View Related

Jump To A Certain Place In Iframe When The Page Loads?

Jun 3, 2011

I am displaying a webpage from external domain in an iframe on my site. The webpage being shown in iframe has a header image that I would like to not appear when someone visits my site. Is it possible using Javascript or otherwise to have the iframe scrolled down by a certain pixels by default?

View 2 Replies View Related

Jump To New Page Based On Form Data?

Dec 9, 2010

I need to jump to different pages based on user input in current form. I had tried using javascript to jump, it worked for a second or two, then it jump back to the calling form. Here are the methods I used:

url is the intented url, e.g. "form2.htm"
1. from form "form1":
document.forms["form1"].action = url;

[code].....

View 1 Replies View Related

Jump To New Page Based On Form Data

Dec 9, 2010

I want my page to jump to a different page based on data collected in the form input fields. I can jump to a new page alright, using the following javascript:[code]The problem is, I can see the new page was jumped to, but immediately it return back to the page that trigger the jump.

View 1 Replies View Related







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