Javascript Horizontal Scrolling Text
Feb 28, 2006
I came across this javascript scrolling text. My problem is :- I need to have a huge big long message/ messages, but after a certain point the scroller stops scrolling and goes back to the beginning so doesnt show every message that I want. I have tried to take out the <nobr> tags but that doesnt work. Is there anyone out there that can have a look at the code below and see if it can be modified to allow multiple lines of messages. Many thanks
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Begin
var l1 = 0; // left of ticker in pixel, or 0 to position relative
var t1 = 0; // top of ticker in pixel, or 0 to position relative
var w1 = 780; // width of ticker in pixel
var ie = document.all ? true : false;
var first = true;
var l2 = l1 + w1;
var l3 = l1 - l2;
var l = l2;
function tickinit() {
if (ie) {
if (l1 == 0 && t1 == 0) {
pos = document.all['tickpos'];
l1 = getLeft(pos);
t1 = getTop(pos);
}
ticktext.style.posTop = t1;
}
else {
if (l1 == 0 && t1 == 0) {
pos = document.anchors['tickpos'];
l1 = pos.x;
t1 = pos.y;
}
document.ticktext.pageY = t1;
}
l2 = l1 + w1;
l3 = l1 - l2;
l = l2;
setInterval('tick()', 10);
}
function getLeft(ll) {
if (ll.offsetParent)
return (ll.offsetLeft + getLeft(ll.offsetParent));
else
return (ll.offsetLeft);
}
function getTop(ll) {
if (ll.offsetParent)
return (ll.offsetTop + getTop(ll.offsetParent));
else
return (ll.offsetTop);
}
function tick() {
l = l - 1;
if (l < l3) l = l2;
cl = l1 - l;
cr = l2 - l;
if (ie) {
ticktext.style.posLeft = l;
ticktext.style.posTop = t1;
ticktext.style.clip = "rect(auto "+cr+"px auto "+cl+"px)";
if (first) ticktext.style.visibility = "visible";
}
else {
document.ticktext.pageX = l;
document.ticktext.clip.left = cl;
document.ticktext.clip.right = cr;
if (first) document.ticktext.visibility = "show";
}
first = false;
}
// End -->
</script>
</head>
<body OnLoad="tickinit()"> .....
View 6 Replies
ADVERTISEMENT
Apr 21, 2010
I'm writing application that displays messages from users. This messages are kept in external XML file and every time user post a new message this XML document is appended.
What I want to do is to display all messages at the bottom of screen. Messages have to slide horizontally in one line. To do that I used this code:
horizontalScroll.js:
var scrllTmr;
window.onload = function(){
document.getElementById('scroll').style.overflow = 'hidden';
document.getElementById('scrollme').style.float = 'left';
[Code]....
The problem with that code is that at 1/3 length of text it starts from beginning and this is wrong. The text have to scroll to the very end and then start to scroll from beginning again.
Another thing, that I'm unable to deal with is refreshing/reloading the content from XML file. What I need to do is to check if XML was changed/appended and if it was then I have to add this added message to text that scrolls horizontally and view it at the end of horizontal text. I'm pretty sure I have to use Ajax here. Also, if text from XML file will be added to horizontal text page cannot refresh and start scrolling from beginning, but instead of that if have to append horizontal text and continue to scroll showing appended message at the end.
View 1 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
Jun 24, 2002
I am looking at a client’s site that has a scrolling text bar at the bottom of the page for latest news. I have been asked to recommend whether they keep the scrolling text as a java applet or whether they make it dhtml with Javascript to make it scroll.
To be honest, I’m not sure whether there really is an important difference, in terms of download time, likelihood of working (if client browsers are better enabled for one verses the other), or whether there are any other reasons one should be used over the other.
View 2 Replies
View Related
Jun 28, 2009
NON-Flash continuous horizontal image scroller...controlled by mouseover? Im looking to make a string of images that slide smoothly left or right ... speeding up and slowing down depending on the mouse cursor location...
View 1 Replies
View Related
Jul 23, 2005
Is it possible to have only vertical scrolling enabled on a DIV?
style="BORDER:1px ; OVERFLOW: auto; WIDTH:799px; HEIGHT:249px;position:
absolute; top:0; left:0; "
will have both horizontal and vertica scrollbars once the dim of the content
exceeds the DIV's size.
Can it be made so only vertical scrollbars will appear?
View 5 Replies
View Related
Nov 26, 2009
I'm building single page website with horizontal scrolling script and I want to add tabs (loading external html) to one section. I've managed to place them into a div inside this section but problem is that every time I click on any tab it scrolls horizontally to home page and returns back directly to that tab and not top of the section/page
[Code]...
View 1 Replies
View Related
Dec 14, 2011
I follow this post [URL] to create a nice tooltip based on jquery, the problem is, that I'm getting horizontal scrollling, I tried to fix it by adding: display: "none" my_tooltip.css ({left: "-9999px", display: "none"});
in the mouseOut function, but i'ts not working as I expected
View 2 Replies
View Related
Sep 28, 2010
Currently I'm looking at smooth scrolling Js scripts for thumb images which can be altered to accomodate needs. I found one here [URL] that has some desirable effects but has no navi buttons.Would it be sensible to alter and point the hovering mouse scroll function to buttons, or would it be a better to keep looking for exactly the right script? The 2 identical scrollers on this page are the look I want but these are flash;
[URL]
View 4 Replies
View Related
Sep 22, 2003
I have two DIVS, one for a table body, and one for the column headers. The table has lots of columns, so horizontal scrolling is a must. I am trying to make it so that when the body div is scrolled left or right, the header div scrolls along with it. Unfortunately one of the requirements of the project is that it must work on MAC/IE5.2.2, and the "scrollLeft" property on this browser only works for the "document.body" element. Because of this I cannot for the life of me figure out how to get the distance that the table body div has scrolled.
I have also tried using overflow-x and overflow-y to work around this, but it seems these properties aren't supported by MAC/IE5.2.2 either.
So is there a way to synchronize the scrolling of two divs, or perhaps a completely different way to accomplish what I am trying to do?
View 18 Replies
View Related
Aug 5, 2005
I want to code a site that will scroll to anchers smoothly on a webpage in a horizontal direction. It seems like it should be pretty easy to just modify the code in the article "Make Internal Links Scroll Smoothly with JavaScript" (http://www.sitepoint.com/article/scr...hly-javascript). Since I'm pretty new to coding java I was wondering if someone would be able to show me how to rewrite this code to get it to work in the horizontal direction.
View 1 Replies
View Related
Apr 28, 2007
I'm trying to put a Continuous Horizontal Image Scroller into a web site I'm doing. my computer crashed and I lost the script. I just want a group of photo's to continuously scroll (in a loop) along the top of the home page - no links or anything.I've also forgotten completely how I got it all up and working once I had the script.
View 14 Replies
View Related
Sep 13, 2011
I have created the following page [URL] where I have a number of main links and then sublinks for these. At the moment when a main link is clicked the content scrolls vertically and when a sublink is clicked eg Blue Inner Link 1 the content slides horizontally. how can I update the script so that when I click a main link the content scrolls horizontally and when I click a sublink the content scrolls vertically?
View 1 Replies
View Related
Nov 29, 2011
I am looking to create a horizontal parallax scrolling site. Any good tutorials or templates out there?
I found this, but its vertical. [URL]
View 1 Replies
View Related
Jan 29, 2011
I looked everywhere for a image slider with continuous warp horizontal scrolling. I seen many sites in the past that kept scrolling client logos etc... like that. The ones I found mostly continue scrolling once all set of images disappear e.g.if there are three image,they scroll and disappear and then they start from the beginning.What I'm looking for is image 1, image 2, image 3, image 1... I hope I'm explaining myself well.Initially I was looking for joomla component/plugin, but i decided if I went for jQuery it'll broaden my choices.
View 3 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
Mar 9, 2006
i am trying to get a horizontal menu and sub menu in css, which works great on my Firefox But, in order to get around the ie hover bug, i included some javascript which gives me a strange result.. Code:
View 2 Replies
View Related
Jun 1, 2010
I have a horizontal image scroller which I have downloaded from the following site:
[URL]
The actual scroller works fine however when I hover over the images, the alt text isn't displaying.I'm not very good with javascript, but I have set it as per the code displayed and it's just not working.
View 3 Replies
View Related
Nov 29, 2009
I need to make a very simple text scroller (either vertical or horizontal) using JavaScript.
View 3 Replies
View Related
Aug 3, 2004
I'm doing a site and want to have a scrollable menu area so that more links can be added at a later date. I need to know how to do this without resorting to flash as its a HTML only site. The whole thing needs to look as close as possible to the attached GIF.
View 2 Replies
View Related
Aug 26, 2011
Im using this javascript plugin on my website and i try to figure it out how to make the shop link work - when i click on shop i want to load another page directly. I'm a new in webdesign (actually this is my first website) and i think that i should change the script.. so take a look at my page source.
View 2 Replies
View Related
Jul 21, 2007
When I trying to do:
this.ctrl.style.display = 'block'
Firefox scroll area to the top, but IE not. I think that's bug. Maybe
anyone knows how I can fix that?
View 4 Replies
View Related
Jun 28, 2002
This is my second attempt at code to allow the user to view a table by navigating through a page using customised buttons. Although all buttons work on the 'MouseDown', event, the 'MouseUp' is not working. Any ideas? Code:
View 1 Replies
View Related
May 19, 2003
I'm trying to place a javascript pulldown menu in a layer at the top of my page.
Everything seemed to work great until I noticed the menu always stays visible as you scroll down the page.
How can I make this menu stay put exactly in the layer (yellow bar) and not scrolldown? Code:
View 5 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
May 30, 2006
I want to add a sort of news service to my site. I've a number of
messages, wich I want to be shown in a <marquee> tag. I've found a
simple scrit that generates an random message (wich I've putted in an
array) and the message is shown in an marquee tag. The problem is that
for changing the message, a reload of the page is required. Isn't
there a way to reload the message? Or every time the marquee tag shows
a message, it will be a differrent message? Or perhaps not using the
marquee tag, but another way to scroll text trough a page? ...
View 1 Replies
View Related
