PopUp Example

Code see below!

(not working for all browsers/browser versions - see your systems security updates).

Click here to see example information (PopUp).

To change the flower picture hoover with your mouse pointer!


Click here to change the background color (PopUp).

To change the flower picture hoover with your mouse pointer!


Another example to enlarge a screenshot (hoover with mouse pointer):

See what happens ..

To enlarge the screenshot hoover with your mouse pointer!


Another example to enlarge a screenshot (click to screenshot):


This is the code for the second text link:

<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.</a> </p>

This is the code to change the flower picture:

<p>
<img
 onmouseover="(src='../images/wintertree.jpg')"
 onmouseout="(src='../images/insekt.jpg')"
 src="../images/insekt.jpg" alt="" border="0"> 
</p>

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>

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>

 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

back to top ...