Dynamic change of linktexts onMouseOver

Dynamic change of linktexts onMouseOver

Just move your cursor over any textlink inside this webpage and the text of the link will change dynamically. If you leave the link the original text will appear again.
Internet Explorer 5 or higher

Configuration

Put the red JavaScript code below into the <head>-section of your HTML-document:

<SCRIPT language="JavaScript">
var oldtext
var newtext
var newlink
function shownewtext(thislink,thistext) {
  if (document.all) {
    newlink=eval("document.getElementById('"+thislink+"')")
    newtext=thistext
    oldtext=newlink.childNodes[0].nodeValue
    newlink.childNodes[0].nodeValue=thistext;
  }
}
function showoldtext() {
  if (document.all) {
    newlink.childNodes[0].nodeValue=oldtext;
  }
}
</script>

Put a onMouseOver-tag, a onMouseOut-tag and a name into your textlinks, see sample below:

Change only the green items. Leave the other parts as they are!

That's it. Have fun