This DHTML shows some client side Javascript.
it makes a comment appear in the disire location.
With a bit of play you should be able to use this to add dynamic menus to your system.
If you remove the: onmouseout= "JavaScript
:shower('fred','visible');"
then once visible the div section would stay visible.
You could add a line or two to make invisible all others
You can also use the href="JavaScript
:shower('fred','visible');" for a click action if required.
<html>
<head>
<style type="text/css">
.popupid{visibility:hidden;
position:absolute;}
</style>
<title>SIMPLE</title>
</head>
<body>
<script language="JavaScript">
alert ("Only you are cleaver enough to read (all of) this!");
</script>
<script language="JavaScript">
var nice
function shower(obid,obst){
nice=document.getElementById(obid);
nice.style.left = "10px";
if (obst == 'visible'){
nice.style.visibility = "hidden"
}
if (obst == 'hidden'){
nice.style.visibility = "visible"
}
}
</script>
<hr />
<hr />here:
<div class="popupid" id="bob" name="bob">
here: Now we are getting clever!
</div>
<div class="popupid" id="fred" name="fred">
here: Hi! - We told you that you were clever enough!
</div>
<div class="popupid" id="harry" name="harry">
here: And now we can see the mouse over has CLASS!... Mouse over class!! HAHAHAHAHAHA
</div>
<div class="popupid" id="stuff" name="stuff">
here: This is some STUFF <HR> BIGBIGBIG<BR><BR>HIDDEN STUFF
</div>
<hr />
<br />
<a
onmouseover="JavaScript
:shower('fred','hidden');"
onmouseout= "JavaScript
:shower('fred','visible');">
ONE
</a>
<a
onmouseover="JavaScript
:shower('bob','hidden');"
onmouseout= "JavaScript
:shower('bob','visible');">
TWO
</a>
<a
onmouseover="JavaScript
:shower('harry','hidden');"
onmouseout= "JavaScript
:shower('harry','visible');">
THREE
</a>
<a
onmouseover="JavaScript
:shower('stuff','hidden');"
onmouseout= "JavaScript
:shower('stuff','visible');">
stuff!
</a>
</body>
that help?
dBforums
>
web design people, need suggestions..
03-15-04, 13:07
Linear Mode
