<html>
<head>
<title>Abakada DHTML Demo: Changing an Element's Content</title>
<link rel="stylesheet" href="/shared/netdemos.css">
<link href="blurbs.css" rel="stylesheet" type="text/css">
<script language="JavaScript" src="blurbs.js"></script>
</head>
<body>
<!-- #include virtual="~/shared/top.inc" -->
<div class="header"><h2>Abakada DHTML Demo: Changing an Element's Content</h2></div>
<hr size=1 width=92%>
<center>
<table class="toc" width="90%" border=0 cellspacing="1" cellpadding="5">
<col width=50%>
<col width=50%>
<tbody>
<tr align="right">
<th>Topics</th>
<th>Content</th>
<tr>
<td class="menus">
<p><a href="#" class="clsHeader" id="head1" title="Click to see the contents for this topic" onclick="showBlurbs ( this )" onmouseover="status=this.innerText; return true">HyperText MarkUp Language</a></p>
<p><a href="#" class="clsHeader" id="head2" title="Click to see the contents for this topic" onclick="showBlurbs ( this )" onmouseover="status=this.innerText; return true">Cascading Style Sheets</a></p>
<p><a href="#" class="clsHeader" id="head3" title="Click to see the contents for this topic" onclick="showBlurbs ( this )" onmouseover="status=this.innerText; return true">Document Object Model</a></p>
<p><a href="#" class="clsHeader" id="head4" title="Click to see the contents for this topic" onclick="showBlurbs ( this )" onmouseover="status=this.innerText; return true">JavaScript</a></p>
<td id="Contents"><div id="intro">
<p>Simply click on the headings at the left to show or hide the list of links for that heading. <img src="/shared/biggrin.gif" width=15 height=15 border=0 alt=""></p></div>
<div id="blurbs1">
<table>
<tr><td><a href="#" onmouseover="status=this.innerText; return true">Elements</a></td></tr>
<tr><td><a href="#" onmouseover="status=this.innerText; return true"></td></tr>
<tr><td><a href="#" onmouseover="status=this.innerText; return true">Framesets</a></td></tr>
<tr><td><a href="#" onmouseover="status=this.innerText; return true">Tables</a></td></tr>
<tr><td><a href="#" onmouseover="status=this.innerText; return true">Forms</a></td></tr>
<tr><td><a href="#" onmouseover="status=this.innerText; return true">Images</a></td></tr>
</table>
</div>
<div id="blurbs2">
<table>
<tr><td><a href="#" onmouseover="status=this.innerText; return true">Inline Styles</a></td></tr>
<tr><td><a href="#" onmouseover="status=this.innerText; return true">Embedded Styles</a></td></tr>
<tr><td><a href="#" onmouseover="status=this.innerText; return true">Linked Styles</a></td></tr>
<tr><td><a href="#" onmouseover="status=this.innerText; return true">Selectors</a></td></tr>
<tr><td><a href="#" onmouseover="status=this.innerText; return true">Contextual Styles</a></td></tr>
<tr><td><a href="#" onmouseover="status=this.innerText; return true">Inheritance</a></td></tr>
<tr><td><a href="#" onmouseover="status=this.innerText; return true">Precedence</a></td></tr>
</table>
</div>
<div id="blurbs3">
<table>
<tr><td><a href="#" onmouseover="status=this.innerText; return true">The document Object</a></td></tr>
<tr><td><a href="#" onmouseover="status=this.innerText; return true">The style Object</a></td></tr>
<tr><td><a href="#" onmouseover="status=this.innerText; return true">The event Object</a></td></tr>
<tr><td><a href="#" onmouseover="status=this.innerText; return true">The view Object</a></td></tr>
<tr><td><a href="#" onmouseover="status=this.innerText; return true">The range Object</a></td></tr>
<tr><td><a href="#" onmouseover="status=this.innerText; return true">Methods</a></td></tr>
<tr><td><a href="#" onmouseover="status=this.innerText; return true">Properties</a></td></tr>
</table>
</div>
<div id="blurbs4">
<table>
<tr><td><a href="#" onmouseover="status=this.innerText; return true">Alphabetic List</a></td></tr>
<tr><td><a href="#" onmouseover="status=this.innerText; return true">Methods</a></td></tr>
<tr><td><a href="#" onmouseover="status=this.innerText; return true">Objects</a></td></tr>
<tr><td><a href="#" onmouseover="status=this.innerText; return true">Operators</a></td></tr>
<tr><td><a href="#" onmouseover="status=this.innerText; return true">Properties</a></td></tr>
<tr><td><a href="#" onmouseover="status=this.innerText; return true">Statements</a></td></tr>
</table>
</div>
</td></tr>
</tbody></table>
</center>
<hr size=1 width=92%>
<!-- #include virtual="~/shared/viewsrc.inc" -->
</body>
</html>