Examples of NOCLOSE / MOUSEOFF with
the
overlibmws DHTML Popup Library
 
maintained by Foteos Macrides at Macrides Web Services
Discuss these examples, seek help, and offer suggestions
for support via the
overlibmws Support Group.


NOCLOSE sticky example
Called by the statement
    return overlib('This example sets NOCLOSE, so that you move on '
+'and then off anywhere in the popup to close it.', STICKY, NOCLOSE,
CAPTION,'NOCLOSE sticky example', AUTOSTATUSCAP,
MIDX,0,VAUTO,OFFSETY,20, BASE,3, WIDTH,240);

Default sticky example
Called by the statement
    return overlib('The default is for the sticky to be closed on '
+'mouse over the CLOSETEXT, which is \'Close\' by default but is set '
+'here to \'MouseMe\'', STICKY, CLOSETEXT,'MouseMe',
CAPTION,'Default sticky example', AUTOSTATUSCAP,
MIDX,0,VAUTO,OFFSETY,20, BASE,3, WIDTH,240);
 
Default sticky with MOUSEOFF example
Called by the statement
    return overlib('When using the default for a sticky such that it can be '
+'closed via a CLOSETEXT link in the caption, one can also add the event '
+'handlers for closing the popup when mousing off after mousing over the '
+'popup by including the MOUSEOFF command.', STICKY, MOUSEOFF,
CAPTION,'Default sticky with MOUSEOFF example', AUTOSTATUSCAP,
MIDX,0,VAUTO,OFFSETY,20, BASE,3, WIDTH,342);

NOCLOSE,TIMEOUT sticky example
Called by the statement
    return overlib('This example sets NOCLOSE and a TIMEOUT '
+'of 10 seconds, such that it will close after that interval if you '
+'ignore it, but will clear the TIMEOUT and close on mouse off if '
+'you move on to anywhere in the popup.', STICKY, NOCLOSE,
CAPTION,'NOCLOSE,TIMEOUT sticky example', AUTOSTATUSCAP,
MIDX,0,VAUTO,OFFSETY,20, BASE,3, WIDTH,240, TIMEOUT,10000);

Captionless NOCLOSE,TIMEOUT sticky example
Called by the statement
    return overlib('This captionless example sets NOCLOSE and a '
+'TIMEOUT of 10 seconds, such that it will close after that interval '
+'if you ignore it, but will clear the TIMEOUT and close on mouse off '
+'if you move on to anywhere in the popup.', STICKY, NOCLOSE,
STATUS,'Captionless NOCLOSE,TIMEOUT sticky example',
MIDX,0,VAUTO,OFFSETY,20, BASE,3, WIDTH,246, TIMEOUT,10000);
  
NOCLOSE sticky example with nd(time)
Called by the statement
    return overlib('This example sets NOCLOSE, and sets up a delayed '
+'close via an nd(time) call. It will persist while your mouse stays over '
+'the link, will close 2 seconds after you mouse off the link, unless '
+'you mouse over the popup which will cancel the delayed close and '
+'substitute a close on mousing off from the popup.', STICKY, NOCLOSE,
CAPTION,'NOCLOSE sticky example with nd(time)', AUTOSTATUSCAP,
MIDX,0,VAUTO,OFFSETY,20, BASE,3, WIDTH,400);
with an nd(time) call:  onmouseout="nd(2000);" 
 
The style of the above popups is controlled via overlib's CSS class variables defined in a script block as follows:
<script type="text/javascript">
<!--
OLpageDefaults(BGCLASS,'olbg', CGCLASS,'olcg', FGCLASS,'olfg',
 CAPTIONFONTCLASS,'olcap', CLOSEFONTCLASS,'olclo', TEXTFONTCLASS,'oltxt');
//-->
</script>
in conjunction with a style sheet defined in a style block as follows:
<style type="text/css>
<!--
.olbg {background-color:#333399;
.olcg {background-color:#aa00aa; text-align:center;}
.olfg {background-color:#ccccff; text-align:center;
 background-image:url(../image/paper.jpg);}
.olcap {font-family:Arial; font-size:12px; font-weight:bold; color:#ffffff;}
a.olclo {font-family:Verdana; font-size:10px; font-weight:bold; color:#ddddff;}
a.olclo:hover {color:#ffffff;}
.oltxt {font-family:Arial; font-size:16px; color:#000000;}
-->
</style>


NOCLOSE and MOUSEOFF are core commands.
The examples use the default OFFDELAY (300 millisecs).


This document uses overlibmws and its commands.


Copyright Foteos Macrides
  2002-2010.
  All rights reserved.