showModalDialog Method_浏览器特效

特效Tag：暂无Tag,欢迎添加,赚取U币!

showModalDialog Method,您可以先修改部分代码再运行.

<HTML>
<HEAD>
<TITLE>showModalDialog Method－模板无忧www.mb5u.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订阅特效代码搜索

浏览器特效推荐

猜你也喜欢看这些