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.
World class Undelete and renowned raid recovery services
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: First, it is not a good idea to change link colours on a page. Users tend to identify links with a standard, fixed colour and may ignore text with a different, varying colour. People with visual impairment may also find it difficult to read the text, especially if it is the same as the custom background colour they have chosen. It is therefore important to ensure the background colour is set with the foreground colour.
The example code below creates an array of 4 named colours, a delay of 5000 milliseconds and uses the setTimeout() method to trigger the colour change. A reference to the link is obtained by assigning an id attribute to the anchor and using the DOM1 getElementById() method. The existence of the getElementById() method is checked before setting the style.color and style.background properties of the element.
More details available to premium content service subscribers:
How can I make a link whose colour changes every 5 seconds?
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?
