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):

See what happens ..

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>

 


back to top ...