Login | Register   
RSS Feed
Download our iPhone app
Browse DevX
Sign up for e-mail newsletters from DevX

Tip of the Day
Language: Web
Expertise: All
May 26, 1999

Use innerText in DHTML to Change Text on the Fly

With Dynamic HTML and Internet Explorer 4 and 5 you can update the text on the page after the page is rendered. The trick is to use the ID attribute as a unique identifier for the tag. As the user rolls the cursor over the text, the onmouseover event replaces the text between the opening and closing tags. Here's a short example:
<p id="mytext" 
   onmouseout="mytext.innerText='Short description';"
   onmouseover="mytext.innerText='Longer description of the same item using DHTML for IE.';">
   Short description
You can restore the original text by including it as part of the onmouseout event.
Ken Cox
Comment and Contribute






(Maximum characters: 1200). You have 1200 characters left.



Thanks for your registration, follow us on our social networks to keep up-to-date