141 lines
5.0 KiB
HTML
141 lines
5.0 KiB
HTML
<!--TOOLBAR_START--><!--TOOLBAR_EXEMPT--><!--TOOLBAR_END-->
|
|
<HTML xmlns:t = "urn:schemas-microsoft-com:time" >
|
|
<HEAD>
|
|
<TITLE>Creating Dynamic PopUp Elements with IE 5.5</TITLE>
|
|
</HEAD>
|
|
|
|
<STYLE TYPE="text/css">
|
|
|
|
BODY{
|
|
background:white;
|
|
font-family:verdana;
|
|
font-size:80%;
|
|
}
|
|
.bar{
|
|
background:#336699;
|
|
width:100%;
|
|
height:30px;
|
|
border-top:1px solid #99CCFF;
|
|
border-bottom:1px solid #000000;
|
|
}
|
|
.desbar{
|
|
background:#FFFFFF;
|
|
width:100%;
|
|
padding: 10px;
|
|
border-top:1px solid #CCCCCC;
|
|
border-bottom:1px solid #000000;
|
|
color:black;
|
|
font-size:8pt;
|
|
height:105;
|
|
}
|
|
.title{
|
|
font-size:15pt;
|
|
color:white;
|
|
padding-left:10px;
|
|
}
|
|
PRE { margin:0}
|
|
|
|
a:link
|
|
{
|
|
text-decoration:none;
|
|
color:white
|
|
}
|
|
a:visited
|
|
{
|
|
text-decoration:none;
|
|
color:white
|
|
}
|
|
a:active
|
|
{
|
|
text-decoration:none;
|
|
color:white
|
|
}
|
|
a:hover
|
|
{
|
|
text-decoration:none;
|
|
color:yellow
|
|
}
|
|
|
|
.time { BEHAVIOR: url(#DEFAULT#TIME2)}
|
|
t\:* { BEHAVIOR: url(#DEFAULT#TIME2)}
|
|
|
|
h1 {font-size:13pt; margin:0; margin-bottom:5px; }
|
|
h2 {font-size:10pt; margin:0; margin-bottom:5px; }
|
|
.cbutton {position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black;}
|
|
|
|
</STYLE>
|
|
|
|
<SCRIPT LANGUAGE="JScript">
|
|
<!--
|
|
|
|
function goPop(oHeight) {
|
|
|
|
var oPopupBody = oPopup.document.body;
|
|
|
|
var lefter = event.offsetY+10;
|
|
var topper = event.offsetX+10;
|
|
|
|
oPopupBody.innerHTML = styleDiv.innerHTML;
|
|
oPopup.show(topper, lefter, 207, oHeight, document.body);
|
|
document.body.onmouseup = closePopup;
|
|
|
|
}
|
|
|
|
function goContext(oHeight) {
|
|
|
|
|
|
var oPopupBody = oPopup.document.body;
|
|
|
|
var lefter = event.offsetY+10;
|
|
var topper = event.offsetX+10;
|
|
|
|
oPopupBody.innerHTML = oContext.innerHTML;
|
|
oPopup.show(topper, lefter, 207, oHeight, document.body);
|
|
document.body.onmouseup = closePopup;
|
|
|
|
}
|
|
|
|
function closePopup(){
|
|
oPopup.hide();
|
|
}
|
|
|
|
function fillPopup(titler, texter, linker){
|
|
oTitle.innerText=titler;
|
|
oText.innerText=texter;
|
|
oLinkStore.innerText=linker;
|
|
}
|
|
|
|
|
|
|
|
var oPopup = window.createPopup()
|
|
//-->
|
|
</SCRIPT>
|
|
|
|
</HEAD>
|
|
|
|
<BODY ID="obody" STYLE="font-family:verdana; font-size:70%" oncontextmenu="goContext('92'); return false" >
|
|
<H2>This is the IFRAME homepage.</H2> Right-click on this page to show a custom pop-up menu.<BR><BR> <I><B>Note:</B> Once you navigate
|
|
to another page, you cannot use the context menu in the IFRAME, but you can click outside of the IFRAME to get to the custom menu.</I>
|
|
|
|
<DIV ID="oContext" STYLE="display:none">
|
|
<DIV STYLE="position:relative; top:0; left:0; border:2px solid black; border-top:2px solid #cccccc; border-left:2px solid #cccccc; background:#666666; height:110px; width:207px;">
|
|
<DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="parent.location.href='iframe4popup.htm';">
|
|
<IMG src="../Graphics Files/home.gif" align="absmiddle "> Home</DIV>
|
|
|
|
<DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="parent.location.href='http://search.microsoft.com';">
|
|
<IMG src="../Graphics Files/search.gif" align="absmiddle "> Search</DIV>
|
|
|
|
<DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="parent.location.href='http://www.microsoft.com/ie';">
|
|
<IMG src="../Graphics Files/ielogo.gif" align="absmiddle "> Internet Explorer</DIV>
|
|
|
|
<DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="parent.location.href='http://www.microsoft.com/info/cpyright.htm';">
|
|
© Microsoft Corporation</DIV>
|
|
|
|
|
|
</DIV>
|
|
|
|
<P><HR><font color="black" face="ms sans serif" size="1">©<a href="http://msdn.microsoft.com/isapi/gomscom.asp?TARGET=/misc/cpyright.htm" target="_top"> Microsoft Corporation. All rights reserved. Terms of use.</a></font>
|
|
<P><FONT COLOR="black" FACE="ms sans serif" SIZE="2">For new and updated Web samples, visit the <A HREF="http://msdn.microsoft.com/downloads/c-frame.htm#/downloads/samples/internet/default.asp" TARGET="_blank">MSDN Online Web & Internet Samples</A> site.</FONT>
|
|
</BODY>
|
|
</HTML>
|