<SCRIPT>
function fnRandom(iModifier){
return parseInt(Math.random()*iModifier);
}
function fnSetValues(){
var iHeight=oForm.oHeight.options[oForm.oHeight.selectedIndex].text;
if(iHeight.indexOf("Random")>-1){
iHeight=fnRandom(document.body.clientHeight);
}
var iWidth=oForm.oWidth.options[oForm.oWidth.selectedIndex].text;
if(iWidth.indexOf("Random")>-1){
iWidth=fnRandom(document.body.clientWidth);
}
var iTop=oForm.oTop.options[oForm.oTop.selectedIndex].text;
if(iTop.indexOf("Random")>-1){
iTop=fnRandom(screen.height);
}
var iLeft=oForm.oLeft.options[oForm.oLeft.selectedIndex].text;
if(iLeft.indexOf("Random")>-1){
iLeft=fnRandom(screen.width);
}
    var sEdge=oForm.oEdge.options[oForm.oEdge.selectedIndex].text;
var bCenter=oForm.oCenter.options[oForm.oCenter.selectedIndex].text;
var bHelp=oForm.oHelp.options[oForm.oHelp.selectedIndex].text;
var bResize=oForm.oResize.options[oForm.oResize.selectedIndex].text;
var bStatus=oForm.oStatus.options[oForm.oStatus.selectedIndex].text;

var sFeatures="dialogHeight: " + iHeight + "px; dialogWidth: " + iWidth + "px; dialogTop: " + iTop + "px; dialogLeft: " + iLeft + "px; edge: " + sEdge + "; center: " + bCenter + "; help: " + bHelp + "; resizable: " + bResize + "; status: " + bStatus + ";";

return sFeatures;
}
function fnOpen(){ var sFeatures=fnSetValues();
oFeatures.innerHTML='window.showModalDialog("SMD_target.htm","' + oForm.oArguments.value + '","' + sFeatures + '");';
window.showModalDialog("SMD_target.htm", oForm.oArguments.value, sFeatures)
}
</SCRIPT></HEAD>
<BODY><H1>showModalDialog Method</H1>
<P>This sample demonstrates the use of the <b>showModalDialog</b> method.  Select the possible values for the supported parameters to adjust how the modal dialog box is displayed.  Click the Push To Create button to open the modal dialog box based upon the selected values. 
The method syntax used to open the window is displayed at the bottom of the page when the dialog box is opened.</P><FORM NAME="oForm">
<FIELDSET><LEGEND><b>showModalDialog Method Options</b></LEGEND>
<TABLE>
<TR><TD><LABEL FOR=dHeight>Dialog Box Height (Integer)</LABEL></TD><TD><SELECT ID="dHeight" NAME=oHeight><OPTION>-- Random --<OPTION>150<OPTION>200<OPTION>250<OPTION>300<OPTION>400<OPTION>500</SELECT></TD></TR>
<TR><TD><LABEL FOR=dWidth>Dialog Box Width (Integer)</LABEL></TD><TD><SELECT ID="dWidth" NAME=oWidth><OPTION>-- Random --<OPTION>150<OPTION>200<OPTION>250<OPTION>300<OPTION>400<OPTION>500</SELECT></TD></TR>
<TR><TD><LABEL FOR=dTop>Dialog Box Top (Integer)</LABEL></TD><TD><SELECT ID="dTop" NAME=oTop><OPTION>-- Random --<OPTION>150<OPTION>200<OPTION>250<OPTION>300<OPTION>400<OPTION>500<OPTION></SELECT></TD></TR>
<TR><TD><LABEL FOR=dLeft>Dialog Box Left (Integer)</LABEL></TD><TD><SELECT ID="dLeft" NAME=oLeft><OPTION>-- Random --<OPTION>150<OPTION>200<OPTION>250<OPTION>300<OPTION>400<OPTION>500<OPTION></SELECT></TD></TR>
<TR><TD><LABEL FOR=dCenter>Dialog Box Center (Boolean / TOP and LEFT must be set to an empty value [last option])</LABEL></TD><TD><SELECT ID="dCenter" NAME=oCenter><OPTION>Yes<OPTION>No</SELECT></TD></TR>
<TR><TD><LABEL FOR=dEdge>Dialog Box Edge (String)</LABEL></TD><TD><SELECT ID="dEdge" NAME=oEdge><OPTION>Raised<OPTION>Sunken</SELECT></TD></TR>
<TR><TD><LABEL FOR=dHelp>Dialog Box Help (Boolean)</LABEL></TD><TD><SELECT ID="dHelp" NAME=oHelp><OPTION>Yes<OPTION>No</SELECT></TD></TR>
<TR><TD><LABEL FOR=dResize>Dialog Box Resizable (Boolean)*</LABEL></TD><TD><SELECT ID="dResize" NAME=oResize><OPTION>Yes<OPTION>No</SELECT></TD></TR>
<TR><TD><LABEL FOR=dStatus>Dialog Box Status (Boolean)*</LABEL></TD><TD><SELECT ID="dStatus" NAME=oStatus><OPTION>Yes<OPTION>No</SELECT></TD></TR>
<TR><TD><LABEL FOR=dArguments>Dialog Box Arguments (Text or object reference)</LABEL></TD><TD><INPUT TYPE=text NAME=oArguments ID="dArguments" VALUE="Dialog Arguments Value"></TD></TR>
<TR><TD><LABEL FOR=dCommand>Create Modal Dialog Box</LABEL></TD><TD><INPUT ID="dCommand" NAME=oCommand TYPE=button VALUE="Push To Create" onclick="fnOpen()"></TD></TR>
<TR><TD><b>Method Syntax Used:</b></TD><TD ID=oFeatures></TD></TR>
<TR><TD><b>Notes:</b></TD><TD>* Available as of Internet Explorer 5 or later.</TD></TR>
</TABLE>
</FORM>

解决方案 »

  1.   

    SMD_target.htm
    =============<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE>Untitled</TITLE><STYLE>
    BODY {background-color: #0000FF; color: #FFFFFF; font-size: 8pt; font-family: Arial; }
    DIV.footer {font-size: 10pt; font-family: Verdana,Arial,Helvetica}
    </STYLE>
    <SCRIPT>
    window.onload=fnInit;
    function fnInit(){
    oArgs.innerHTML=window.dialogArguments;
    }
    </SCRIPT>
    </HEAD><BODY><H1>Modal Dialog Box</H1>
    <P>This is a modal dialog box.  This page is not designed to do anything except display the dialog box arguments.</P>
    <P>The dialog box arguments passed by the method are: <span STYLE="color: #FFFF00; text-decoration: underline; font-weight: bold;" ID="oArgs"></SPAN></P>
    <p>Besides passing text, you can pass an object reference, such as the button that was clicked to open this window.</P></DIV>
    </BODY>
    </HTML>