showModalDialog Method_瀏覽器特效

特效Tag：暫無Tag,歡迎添加,賺取U幣!

showModalDialog Method,您可以先修改部分代碼再運行.

<HTML>
<HEAD>
<TITLE>showModalDialog Method－模板無憂www.wf0088.com</TITLE>

<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("#","' + oForm.oArguments.value + '","' + sFeatures + '");';
	window.showModalDialog("#", oForm.oArguments.value, sFeatures)
}
</SCRIPT>
<style>

</style>
</HEAD>
<BODY>
<BLOCKQUOTE CLASS="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</LABEL></TD><TD><SELECT NAME=oArguments ID="dArguments">
<OPTION VALUE="Dialog Box Arguments # 1">Dialog Box Arguments # 1</OPTION>
<OPTION VALUE="Dialog Box Arguments # 2">Dialog Box Arguments # 2</OPTION>
<OPTION VALUE="Dialog Box Arguments # 3">Dialog Box Arguments # 3</OPTION>
<OPTION VALUE="Dialog Box Arguments # 4">Dialog Box Arguments # 4</OPTION>
</SELECT>
</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>

</BLOCKQUOTE>
</BODY>
</HTML>

所屬頻道：瀏覽器特效/更新時間：2012-12-10

[收藏][報錯][返回列表]

相關瀏覽器特效：

showModalDialog Method_瀏覽器特效

瀏覽器特效Rss訂閱特效代碼搜索

瀏覽器特效推薦

猜你也喜歡看這些