172 lines
9.0 KiB
HTML
Executable File
172 lines
9.0 KiB
HTML
Executable File
<!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> |