<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="overlib, overlibmws, DHTML popups, DHTML tooltips, DHTML, popup, tooltip, Macrides Web Services, Macrides">
<meta name="description" content="Illustrates frame handling in Macrides Web Services free open source software for enhancing web pages with DHTML popups and tooltips.">
<meta name="author" content="Foteos Macrides"><title>overLIB - Scene Frame in overlibmws</title>
<script type="text/javascript">
<!--
if(parent==self)location.replace('testFrame.html');
// -->
</script>
<script type="text/javascript" src="testScene_data/flashWindowBanner.js"></script>
<script type="text/javascript" src="testMenu_data/overlibmws_regCore.js"></script>
<script type="text/javascript">
<!--
OLregisterPlugins('crossframe','iframe','hide','shadow');
overlib=parent.overlib;
nd=parent.nd;
if (typeof window.createPopup!='undefined') {
var oPopup = window.createPopup();
var oPopupBody = oPopup.document.body;
oPopupBody.style.backgroundColor = "#ccccff";
oPopupBody.style.border = "solid blue 1px";
}
function RelxyShow(theFrame)
{
if (typeof window.createPopup=='undefined') return;
var RELX=20, RELY=17, Width=142, Height=237, theObj=theFrame.document.body;
oPopupBody.innerHTML=
'<img src="capicon.gif" width=140 height=235 alt="Test Image" border=0>';
oPopup.show(RELX, RELY, Width, Height, theObj);
}
function RelxyHide()
{
if (typeof window.createPopup=='undefined') return;
oPopup.hide();
}
capicon=new Image();
capicon.src="capicon.gif";
// -->
</script>
<style type="text/css">
<!--
.text10 {font-family:Verdana,Arial,sans-serif; font-size:10px; color:#000000;}
.text12 {font-family:Verdana,Arial,sans-serif; font-size:12px; color:#000000;}
.text14 {font-family:Verdana,Arial,sans-serif; font-size:14px; color:#000000;}
.text18 {font-family:Verdana,Arial,sans-serif; font-size:18px; color:#000000;}
a {color:#338855; font-weight:bold;}
a:hover {color:#ff00ff;}
.snip {font-family:Verdana,Arial,Helvetica;font-size:10px;}
.purple14 {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px;color:purple;
font-weight:bold;}
-->
</style></head><body bgcolor="#ddeeff" text="#000000">
<div id="overDiv" style="position: absolute; visibility: hidden; z-index: 1000; left: 20px; top: 17px; background-image: none;"></div>
<div id="backdrop" style="position: absolute; visibility: hidden; z-index: 999; width: 1px; height: 1px; background-color: transparent; clip: rect(0px, 146px, 241px, 0px); opacity: 1; left: 0px; top: 0px; background-image: none;"></div>
<div id="flashDiv" style="position: relative; z-index: 1; visibility: visible;">
<script type="text/javascript">
<!--
flashBanner();
//-->
</script><object id="banner" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0" height="70" width="300"> <param name="movie" value="banner.swf"> <param name="quality" value="high"> <param name="wmode" value="window"> <param name="bgcolor" value="#990000"> <embed name="banner" type="application/x-shockwave-flash" pluginspace="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" src="testScene_data/banner.swf" quality="high" wmode="window" bgcolor="#990000" height="70" width="300"> </object>
</div>
<p class="text10" align="center">
<span class="text18"><b>overlib popups:</b></span>
<br>
<span class="text14">
<a href="javascript:void(0);" onmouseover="return overlib('<img src="capicon.gif" '
+'width=140 height=235 alt="Test Image" border=0>',
RELX, 20, RELY, 17, WIDTH, 140, FRAME, parent.scene,
HIDEBYIDALL,'flashDiv',
SHADOW, SHADOWCOLOR,'#cf33cf');" onmouseout="nd();">Pop Me This Frame</a>
<br><br>
<a name="ifshim" id="ifshim" href="javascript:void(0);" onmouseover="return overlib('<img src="capicon.gif" '
+'width=140 height=235 alt="Test Image" border=0>',
RELX, 20, RELY, 17, WIDTH, 140, FRAME, parent.menu,
HIDESELECTBOXES, HIDEBYIDNS4,'formDiv',
SHADOW, SHADOWCOLOR,'#cf33cf');" onmouseout="nd();">Pop Me Cross Frame</a>
</span>
</p>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="98%">
<tbody><tr>
<td class="text12">
Plugin module <strong>overlibmws_iframe.js</strong> is being used to
prevent obscuring of overlib popups for IE v5.5 or higher via an <a target="_top" href="http://www.macridesweb.com/oltest/IframeShim.html" onmouseover="return overlib('Go to the iframe shim article.',
WRAP, REF,'ifshim',REFX,-16,REFY,18, BASE,2, TEXTFONTCLASS,'text12',
SHADOW,SHADOWCOLOR,'#cf33cf', FRAME,parent.scene);" onmouseout="nd();">iframe shim</a> (as opposed to <a target="_top" href="http://www.macridesweb.com/oltest/IFRAME.html" onmouseover="return overlib('See an example of iframe as popup content.',
WRAP, REF,'ifshim',REFX,-63,REFY,18, BASE,2, TEXTFONTCLASS,'text12',
SHADOW,SHADOWCOLOR,'#cf33cf', FRAME,parent.scene);" onmouseout="nd();">iframe content</a>). For other old versions of browsers that
need it, plugin module <strong>overlibmws_hide.js</strong> also is imported and
its <strong>HIDESELECTBOXES</strong> and <strong>HIDEBYIDNS4</strong> commands are used
to hide and restore the form element if needed in conjunction with display and removal
of the popup in the cross frame, whereas its <strong>HIDEBYIDALL</strong> command is
used to hide the system control (flash object) in this frame. <strong>Also
see</strong> examples with <a name="nest" id="nest" target="_top" href="http://www.macridesweb.com/oltest/CrossFrame/" onmouseover="return overlib(
'See use of iframe shims or hide features across nested framesets.',
WRAP, REF,'nest',REFP,'LR',REFX,50, BASE,2, TEXTFONTCLASS,'text12',
SHADOW,SHADOWCOLOR,'#cf33cf', FRAME,parent.scene);" onmouseout="nd();">nested</a> framesets, as well as an example which deals with the flash
object by setting its <a name="wm" id="wm" target="_top" href="http://www.macridesweb.com/oltest/flashWmode.html" onmouseover="return overlib(
'See use of wmode in flash objects.',
WRAP, REF,'wm',REFP,'LL',REFX,-5, BASE,2, TEXTFONTCLASS,'text12',
SHADOW,SHADOWCOLOR,'#cf33cf', FRAME,parent.scene);" onmouseout="nd();">wmode</a> to <em>transparent</em>.<br>
</td>
</tr>
</tbody></table>
<p class="text10" align="center">
<span class="text14"><b>(for IE 5.5 or higher only)</b><br></span>
<span class="text18"><b>window.createPopup:</b></span>
<span class="text10"><br></span>
<span class="text14">
<a href="javascript:void(0);" onmouseover="RelxyShow(parent.scene);" onmouseout="RelxyHide();">Create Me This Frame</a>
<br><br>
<a href="javascript:void(0);" onmouseover="RelxyShow(parent.menu);" onmouseout="RelxyHide();">Create Me Cross Frame</a>
</span>
</p>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="98%">
<tbody><tr>
<td class="text12">
The window.createPopup method was developed by Microsoft for creating popup
windows with DHTML functionality but not subject to being obscured by any form
elements or by objects with system controls. The method is restricted to IE
v5.5 or higher. The <strong>overlibmws_iframe.js</strong> plugin module is
equally effective for overlib popups, but has the same browser and version
restriction.
<br><br><br>
</td>
</tr>
</tbody></table>
<table align="center" bgcolor="#ccddff" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td class="myText" align="right" valign="middle" width="90">
<a target="_top" href="http://www.macridesweb.com/oltest/" onmouseover="return overlib(
'Popups by <span class=\'purple14\'><i>overlibmws</i></span>',
WRAP,REF,'logo',REFX,97,REFY,-3,BASE,2,TEXTPADDING,4,TEXTFONTCLASS,'text12',
SHADOW,SHADOWCOLOR,'#cf33cf',FRAME,parent.scene);" onmouseout="nd();"><img name="logo" id="logo" alt="" src="testMenu_data/overlibmwslogo.gif" align="right" border="0" height="31" hspace="10" vspace="10" width="88"></a><br>
</td>
<td class="snip" valign="middle">
Copyright Foteos Macrides<br>
2002-2007.<br>
All rights reserved.<br>
</td>
<td class="myText" align="right" valign="middle" width="72">
<a target="_blank" href="https://www.paypal.com/xclick/business=overlibmws%40macridesweb.com&item_name=Donation+for+overlibmws&no_note=1&tax=0&currency_code=USD" onmouseover="return overlib(
'The <span class=\'purple14\'><i>overlibmws</i></span> library '
+'and its support materials at this site are <br>free to download and use, but '
+'voluntary donations via PayPal are<br>appreciated (donations via PayPal are fast, '
+'simple, and secure).',TEXTPADDING,8,TEXTFONTCLASS,'text12',FGCOLOR,'#bbddff',
WRAP,BASE,2,REF,'logo',REFP,'LL',REFX,-60,REFY,-5,FRAME,parent.scene);" onmouseout="nd();"><img src="testScene_data/PayPalDonate.gif" alt="" border="0" height="31" hspace="10" width="62"></a><br>
</td>
</tr>
</tbody></table>
</body></html>