Login | Register   
LinkedIn
Google+
Twitter
RSS Feed
Download our iPhone app
TODAY'S HEADLINES  |   ARTICLE ARCHIVE  |   FORUMS  |   TIP BANK
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:
 
<HTML>
<BODY>
<p id="mytext" 
   onmouseout="mytext.innerText='Short description';"
   onmouseover="mytext.innerText='Longer description of the same item using DHTML for IE.';">
   Short description
 </p>
</BODY>
</HTML>
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.

 

 

Sitemap