 |
PopUp Example
The following PopUp feature dosn't work for all browsers/browser versions. Have a look at your systems security updates.
Click here to see a text PopUp example information.
<p>
<a class=popupspot href="JavaScript:hhctrl.TextPopup
('This is a standard HTMLHelp text-only popup.\n
The flowers below are\n
-nice\n
-yellow\n
-beautiful','Arial,8',10,10,00000000,0xffffff)">
Click here to see a text PopUp example information.
</a>
</p>
Another solution:
How to break your PopUp defintion into multiple lines:
<head> .. <script type="text/javascript">
AppDescription = "This is the beginning" +
" of a long text definition" +
" that is broken into multiple lines" +
" in the javascript."
</script>
</head>
<p> <a href="javascript:hhctrl.TextPopup (AppDescription,'Arial,8',10,10,00000000,0xffffff)"> How to break your PopUp defintion into multiple lines: </a> </p
Click here to change the background color of your text PopUp.
This is the code for the text link above:
<p> <a class=popupspot
href="JavaScript:hhctrl.TextPopup
('This is a standard HTMLHelp text-only popup. See the nice flowers below.','Verdana,8',10,10,00000000,0x66ffff)">
Click here to change the background color of your text PopUp.</a> </p>
To change the flower picture hoover with your mouse pointer!
This is the code to change the flower picture above:
<p> <img onmouseover="(src='../images/wintertree.jpg')" onmouseout="(src='../images/insekt.jpg')" src="../images/insekt.jpg" alt="" border="0">
</p>
Another example to enlarge a screenshot (hoover with mouse pointer):
To enlarge the screenshot hoover with your mouse pointer!
This is the code to enlarge the screenshot (hoover):
<p>
<img src="../images/screenshot_small.png" alt="" border="0" onmouseover="(src='../images/screenshot_big.png')" onmouseout="(src='../images/screenshot_small.png')"> </p>
Another example to enlarge a screenshot:
To enlarge the screenshot click to screenshot!
This is the code to enlarge the screenshot (click):
<p>
<img src="../images/screenshot_small.png" alt="" onclick="this.src='../images/screenshot_big.png'" />
</p>
 |