467,212 Members | 1,061 Online
Bytes | Developer Community
Ask Question

Home New Posts Topics Members FAQ

Post your question to a community of 467,212 developers. It's quick & easy.

How to make a text (with HTML tags )scrolling?

I have this script that scrolls the plain text.

<script type="text/javascript">
var msg = 'My scrolling text. ..';
var myTimeout;
function scrollMsg() {
document.getElementById('textScroll').innerHTML = msg;
msg = msg.substring(1,msg.length) + msg.substring(0,1);
myTimeout = setTimeout(scrollMsg, 200);
}
</script>
How must I change the script so that it will work with HTML text too?.

Thank you any idea.
L.

Nov 17 '06 #1
  • viewed: 1785
Share:
5 Replies
PythonistL wrote:
I have this script that scrolls the plain text.

<script type="text/javascript">
var msg = 'My scrolling text. ..';
var myTimeout;
function scrollMsg() {
document.getElementById('textScroll').innerHTML = msg;
msg = msg.substring(1,msg.length) + msg.substring(0,1);
myTimeout = setTimeout(scrollMsg, 200);
}
</script>
How must I change the script so that it will work with HTML text too?.

Thank you any idea.
L.
Hi

If the element named 'textScroll' is a container (div or span) it is already
working with HTML text.
What is excactly the problem?

Regards,
Erwin Moller
Nov 17 '06 #2

Hello Erwin ,
Thank you for your reply.
So here it is complete my script with HTML. page
##############################
<HTML>
<HEAD>
<TITLE>Scrolling Message Script</TITLE>
<style TYPE="text/css">
#textScroll{
background-color:#F8F8F8;
text-align:center;
font-size: 20px;
font-weight:bold;
}

</style>
<script type="text/javascript">
var msg = ' My scrolling text. <a href="/www.google.com/"><small>Click
here to go to Google</a';
var myTimeout;
function scrollMsg() {
document.getElementById('textScroll').innerHTML = msg;
msg = msg.substring(1,msg.length) + msg.substring(0,1);
myTimeout = setTimeout(scrollMsg, 200);
}
</script>
</HEAD>
<BODY bgcolor="white" onLoad="scrollMsg()">
<div id ="textScroll" onmouseover="if (myTimeout) { clearTimeout(
myTimeout); }" onmouseout="myTimeout = setTimeout(scrollMsg, 200);" >

</div>
</BODY>
</HTML>
##############
It does NOT show properly scrolling text if I use HTML during the time
is works.
It starts well but then it shows HTML tags without coding properly
Where can be a problem?
Thank you for help
Regards,
Lad.

Nov 17 '06 #3
the problem is that your function is stripping the characters one by
one and so when it gets t<a href and the < is stripped, there i sno
longer any valid html in the string.

I know there are plenty of js functions that can do scrolling text, but
any old browser can run this:
<marquee width=55%>
<a href="http://www.google.com/wow">wow scrollingtastic</aHello,
scrolly world
</marquee>

even if you use an xhtml strict served as xhtml/xml,
just use javascript to create a div element and plonk it into the DOM,
that way it will sneak past the validators, and js will still be the
driver.

I mean I know its not a wonderful object oriented solution but at least
its effecient, cross browser, backwards compatible and simple

Nov 17 '06 #4

shimmyshack wrote:
the problem is that your function is stripping the characters one by
one and so when it gets t<a href and the < is stripped, there i sno
longer any valid html in the string.

I know there are plenty of js functions that can do scrolling text, but
any old browser can run this:
<marquee width=55%>
<a href="http://www.google.com/wow">wow scrollingtastic</aHello,
scrolly world
</marquee>
Thank you for your idea. Yes, it works, but how can I stop scrolling
when I put a mouse cursor over the scrolling text ?
And restart again when I move cursor from the text?

Thank you for reply
Lad

Nov 17 '06 #5

PythonistL wrote:
shimmyshack wrote:
the problem is that your function is stripping the characters one by
one and so when it gets t<a href and the < is stripped, there i sno
longer any valid html in the string.

I know there are plenty of js functions that can do scrolling text, but
any old browser can run this:
<marquee width=55%>
<a href="http://www.google.com/wow">wow scrollingtastic</aHello,
scrolly world
</marquee>

Thank you for your idea. Yes, it works, but how can I stop scrolling
when I put a mouse cursor over the scrolling text ?
And restart again when I move cursor from the text?
Can you post your current code?

Peter

Nov 17 '06 #6

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

2 posts views Thread by SK | last post: by
14 posts views Thread by Christopher Subich | last post: by
16 posts views Thread by laura | last post: by
5 posts views Thread by Will Gillen | last post: by
5 posts views Thread by PythonistL | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.