Questions answered
- Site help
- Cascading Style Sheets
- Web fonts
- HTML & XHTML
- Javascript
- Javascript browser
- Javascript "how to"
- Document Object Model
- Drop-down menus
- DOM menu customisation
- Java programming
- Java servlets
- Servlet containers
- Site manager
Terms explained
Text ad service
Plan your text ad campaign.
WestNIC provides reliable web hosting services
This answer is part of the Code Style premium content package. You must have a premium content subscription to log in and view the full answer to this question. Use the premium content subscription form below.
A: The script below has a number of global variables to set the basic configuration for the div element below with an id attribute marquee. This provides an identifier for the DOM getElementById() method to obtain a reference to the marquee container element. The scrollMarquee() function then uses the element node's firstChild property to get a reference to the text content of the div and its nodeValue sub-property, which is the text itself. The function then nibbles the first character off the start of the marquee text and shifts it to the end to loop through the text.
Successive calls to the scrollMarquee() function would normally be started by an onload event handler on the body element, but you can also click the marquee to start it. The scrollMarquee() function is then called recursively via the setTimeout() method. Separate stopMarquee() and switchMarquee() functions use the global TIMEOUT_ID variable to check and control the movement of the marquee.
More details available to premium content service subscribers:
How can I create a scrolling text marquee with DOM scripting?
Premium content subscription
You must make a subscription payment to access areas flagged premium content. Use the form below to create an account via PayPal.
Your security
The PayPal service allows you to pay securely and independently in your own currency. Payments are billed to Metacentric Internet Limited. We never handle your credit card details.
Why pay for premium content?
The Code Style site has accumulated 8 years' worth of answers to the most common Web development questions. Answers are written in clear English with examples and links to other Web resources. Your subscription provides full answers to all premium content questions listed below and other FAQ sections, plus:
- One year's free updates
- Email notification of new items
- Post follow-up questions on all answers
Javascript FAQ: premium questions
Javascript problems
Working with dates in Javascript
- How do I get the difference between two dates in Javascript?
- How can I add 7 days to a date in Javascript?
File security constraints
Javascript "how to" FAQ: premium questions
Document output
Page navigation
- How can I redirect based on a confirm response?
- How do I make sure redirects have the right "back" page?
- How can I generate a quiz results page?
- How can I get the relative URL of a page?
Script execution
- How should I write a script using timeouts?
- How can I check if Javascript is enabled in my Perl script?
- Is there a way to turn Javascript off in the HTML code?
- How can I toggle button images to enable and disable them?
Form validation
Document Object Model FAQ: premium questions
DOM compatibility
Control document elements
- How can I hide image links while images are loading?
- How should I refer to a form input that is not visible?
-
Can I create an
iframebrowser and filter the URLs? - How can I create a scrolling text marquee with DOM scripting?
- How do I show or hide a <layer> in Netscape 7.1?
