JavaScript DHTML/HTML/Style
In-Place Help
<source lang="html4strict">
<html> <head> <title>In-Place Help</title> <style type="text/css"> .help { position: absolute;
left: 300px;
top: 20px;
visibility: hidden;
width: 100px;
padding: 10px;
border: 1px solid #f00;
} form a:hover {cursor : help </style> <script type="text/javascript"> var item = null; function showHelp(newItem) {
if (item) {
item.style.visibility="hidden";
}
item = document.getElementById(newItem);
item.style.visibility="visible";
} </script> </head> <body>
<form>
<a href="javascript:showHelp("item1")" alt="get help">click me to read help</a>
<a href="javascript:showHelp("item2")" alt="get help">click me to read help</a>
</form>
</body> </html>
</source>
Show and hide the div tags
<source lang="html4strict">
<html> <head> <title>In-Place Help</title> <style type="text/css"> .help { position: absolute;
left: 300px;
top: 20px;
visibility: hidden;
width: 100px;
padding: 10px;
border: 1px solid #f00;
} form a:hover {cursor : help </style> <script type="text/javascript"> var item = null; function showHelp(newItem) {
if (item) {
item.style.visibility="hidden";
}
item = document.getElementById(newItem);
item.style.visibility="visible";
} </script> </head> <body>
<form>
<a href="javascript:showHelp("item1")" alt="get help">click me to read help</a>
<a href="javascript:showHelp("item2")" alt="get help">click me to read help</a>
</form>
</body> </html>
</source>
Style cssText
<source lang="html4strict">
<html> <body> <script language="JavaScript"> function function1() {
document.all.myP.style.cssText = "color:green; font-family:verdana; font-weight:bold; font-size:16";
} </script>
Text Text Text Text Text Text Text Text
<input type="button" value="Click to apply the style rules" onClick="function1();"> </body> </html>
</source>
Style type Example
<source lang="html4strict">
<html> <body> <style id="myStyle" type="CSS2"></style> <button onclick="alert(document.all.myStyle.type);">style sheet</button> </body> </html>
</source>
