Href="#" Without Scrolling To Top
Feb 21, 2006
I've been reading a bit about proper ways to use <a> tags to launch
javascript functions, but I'm still not clear on one issue.
I understand it is common to create a link in HTML such as
<a href="javascriptless.html">
then override the href in java by setting it to href='#', and setting
an onclick function. The problem I'm having is that when I click on the
# link, the browser scrolls to the top of the page. Is there a way to
get around this?
One workaround I found is to use a nonexistant anchor such as
href='#notonthepage'. Both Firefox and IE7 beta do not scroll in this
case. But it seems like a hack. Is there a better way to deal with
this?
View 7 Replies
ADVERTISEMENT
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
Feb 17, 2011
jQuery - Scrolling browser Window. I have two demos of scrolling page content with jQuery.
This one - [url] is scrolling the contents inside a container and it works as I wanted on Mac/PC
Code:
I need the same effect as above but I need to scroll the whole browser window.
I have a demo here - [url]
Code:
Problem here is on the Mac the transition are jumpy and it seems to flash the first yellow div before sliding up or down. Testing on a PC it will slide down but won't slide up. How can I get the whole browser window to slide up and down with a smooth transition.
View 1 Replies
View Related
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
Aug 6, 2010
im searching for a plugin/code example for text scrolling. I got some text in a <div> if text is longer than for example 300px it gets cut and is scrolling from start to end, stops for a second and then scrolls back, stops and all over, and if its not long enough than 300px then just displays normaly. Something similar to the Song name scrolling inin anyMP3 player.
View 2 Replies
View Related
Jul 6, 2006
I've looked for this and I wouldn't know what the best practice would be
for solving the following problem.
We use a BASE tag in our HTML pages. Now we have some links that use the
<A HREF="#" onclick="...">Hello</Amethod to invoke a JavaScript.
However, because of the BASE tag, when clicking a link containing only a
# as 'href' it will load the root index.html file. What I want is it to
do nothing and execute the onclick handler.
Now I have two possible solutions:
- Replace the # with javascript:... and remove the onclick handler.
- Replace the A HREF by a SPAN having the same style as a link.
Both however, I've learn it isn't good practice to use javascript: in a
link. The SPAN as link would be a sort of Sim-HREF, which will probably
end up being trouble (span:hover anyone?). Anyone has a viable solution,
cause I must be missing something.
View 2 Replies
View Related
Jul 23, 2005
I'm trying to get a div element to scroll down when a new
line of html is added to it. Here's my div element:
<div id="initialtext"
style="height:185px;width:390px;overflow:scroll;z-index: 91; position:
absolute; visibility:visible;left:15px;top:67px;"></div>
And I have a function that adds text to this div:
function addText(t)
{
var d = document.getElementById("initialtext");
if (d)
{
d.innerHTML+=t;
// Now I want the div to scroll down so I can see the
new line!
}
}
I've tried doScroll(), scrollTop(), and a bunch of other ideas I found
in this group but cannot get anything to work!
View 2 Replies
View Related
Jul 23, 2005
I am using display:none to make a DIV disappear, this works fine, but
when I press the link to make the div disappear the browser scrolls to
the top of the page, which is very annoying. Is there any way of
stopping the browser resetting the scroll.
View 4 Replies
View Related
Aug 28, 2005
I have a simple page where the user adds a comment to a form that gets saved
in a database, the page refreshes and reads the contents of the database and
displays them inside a scrolling div.
The following piece of code simulates some text inside a div where the text
is longer than the div is high. I would like to force the display to the end
of the - as if the user had scrolled to the end - when the page refreshes.
What is the property of the div that controls the position of the text
inside it and how do I set this to the end with javascript? IF this was a
text area then I could just say:
document.all.Comments.scrollHeight = 10000;
I think. I am using a div instead of a text area because the text I am
displaying will contain html. Code:
View 3 Replies
View Related
Feb 15, 2006
Is it possible to scroll the div by fixed number of pixels on clicking
scroll arrow buttons on scrollbar associated with the div..
I tried to find scrollbar arrow click events but i could find none.
View 8 Replies
View Related
Apr 12, 2006
I'm developing an application in which I can add infinite divs dynamically into a main div, which has the property overflow and so, when his content reach a certain amount of divs, it shows the scrollbar. Ok, my question is: how can I scroll down the scrollbar when a new div is added, in order to make that div visible to the user?
View 1 Replies
View Related
Jun 30, 2006
Hey guys im trying to create a box that when your not moused in is always scrolling up. But it also has up and down arrows incase you want to go up or down yoruself but agian if you get off of those arrows it just keeps scrolling....
View 2 Replies
View Related
Aug 27, 2003
I am not really that good with javascript, but is there a way by javascript to get the href location of and <a>?
I am trying to write a javascript function that is able to read a html document, detects if there are links, and if there are, open them in a new windows.
View 4 Replies
View Related
Jul 23, 2005
I'm looking desperatle for a javascript that allow me to show a few
small images scrolling horizzontaly on the screen from right to left.
I'm sure I've seen a lot of time such a script, but now I can't find
it again.
View 7 Replies
View Related
Jul 23, 2005
Does anybody know how to disable the horizontal scrolling on ASPX form? What
JAVA script should be used for that? The standard methods don't help and I'm
looking for some JAVA function to fire it onscroll event to scroll the page
back. Actually it's a bug of ASPX pages, we can disable the vertical
scrolling but horizontal scrolling works if we try it with the touchpad. The
only one possible solution I see is to use JAVA scripting.
View 2 Replies
View Related
Sep 30, 2005
In my webpage I have an embedded Windows Media Player and an unordered
list with a table of contents.
When playing a video, the Windows Media Player is triggering events for
new 'chapters'.
The corresponding chapter in the unordered list is then highlighted
with css.
The list can contain up tot 100+ items. Because the page itself should
fit the screen without scrolling, i put the list in a scrolling div.
I also want the div to scroll automatically in order to keep the
current chapter inside the visible scope of the div.
Right now i do this by initually creating an anchor for each listitem.
When an chapterswitch event occurs i scroll to the corresponding
chapter with the folling line of Javascript code:
window.location = "#" + ListItemId;
There is one problem; the annoying tick sounds in IE. For my
application it is not rare to have 25 'chapters' switched in one
minute, so that's an awful lot of ticking.
I was wondering if it is possible to automatically scroll up or down to
a specific point in a div without the browser making any sounds.
View 3 Replies
View Related
Jun 13, 2007
I want to do something after the user finished scrolling. The scroll event fires whenever the user is scrolling. I don't want this actually. Does anyone has any idea or trick of how to achieve this?
View 3 Replies
View Related
Jan 26, 2007
I am working on a project to scroll text with arrows in a div. I found a tutorial in which it does do some aspect of what it needs to do which is scroll the text. First I will show you where I got it from and the code that is used:
http://www.dynamicdrive.com/dynamicindex11/scrollc2.htm#
I am trying to make it to where when the user clicks on the down arrow and holds down on the mouse, the content scrolls down or when they hold the arrow up button and hold down on the mouse the content scrolls up. I tried using the onMouseup and onMouseDown but it is not working properly.
I included the code if anyone can help me figure out another property or function to use to do it correctly. I highlighted the part where I think it all makes a difference but again I am new to javascript. Code:
View 1 Replies
View Related
Feb 21, 2007
i searched on the net for the scrolling of text vertically...The text should be scrolled from top to bottom on the right side side of the page
View 7 Replies
View Related
Jun 28, 2003
Now i know this is possible as ive seen it on a number of sites before. But as usual when i want something i cant find it.
Basically, i want to make a small part of my page scrolling use 2 buttons labelled "up" and "down". I want it to have the same effect as a scrollbar. if this doesnt make sense. let me know and ill try and find an example.
View 10 Replies
View Related
Dec 11, 2000
How can i make it so that either the ugly scroll bar moves to the left or so i can control the scrolling of a single frame by using two buttons or images using the onClick function? Preferably in another frame?
View 2 Replies
View Related
Apr 2, 2005
I want a scrolling JS layer (not CSS) am trying to fit it into an already existing site design which the client doesn't want to change. It works fine when i try it on a new page but the moment I put it into my actual page where it has to fit into a particular are (I used the overflow: hidden it doesn't behave!!
View 13 Replies
View Related
Jul 28, 2005
I am updating my web pages so that they work in FireFox but I have come across a problem with my divs. I am unable to scroll use the mouse wheel. The scroll bars are visible and I can manually move them up and down but it just doesnt seem to work using the mouse wheel. This feature works fine in IE. I have set the styles of my divs to overflow:auto.
View 6 Replies
View Related
Aug 4, 2001
well i've got this script:
Code:
<script language=JavaScript>
function scrollit(from, dist){
y = from;
scrollEnd = y + dist;
for (I=1; I<=scrollEnd; I++){
parent.scroll(1,I)
}
}
</script>
and i call it like this:
<a href="#" onMouseOver="scrollit(0,500);">scroll</a>
but i was trying to make the window scroll from a position since my script will only scroll down from the top, how do i do this?
View 3 Replies
View Related
Oct 1, 2007
Here is a little script I made and it just vertically scrolls text, but this is about the slowest I can make the text scroll, how could I get it to scroll slower witht his script? I can't increase the timeout else the eye can detect it.
HTML Code:
<script type='text/javascript'>
var done = false;
function scrollUp(x)
{
var box = document.getElementById('inner-scroll-box');
if (Math.abs(x) > box.scrollHeight) done = true;
box.style.top = (x - 1) + 'px'
if (!done) {
setTimeout('scrollUp(' + parseInt(box.style.top) + ')', 25);
} else {
done = false;
scrollUp(100);
}
}
</script>
View 1 Replies
View Related
Mar 3, 2002
What I need is a javascript, that scrolls an image togheter with the page, so, the images is always visible. You can see an example on britannica.com , in the right bottom corner there's a little '+', that's scroll with the pages, well I want the same with a simple image.
View 6 Replies
View Related
