分享
 
 
 

选择确认后提交输入的内容,这在做程序时非常实用

王朝other·作者佚名  2008-05-31
窄屏简体版  字體: |||超大  

<!-- http://www.knowsky.com/js -->

<!-- bbs http://www.knowsky.com/bbs-->

<!-- 完整的HTML代码如下 -->

<html>

<HEAD><title>弹出窗口生成器</title>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

function generate(form){

page = document.inputForm.page.value;

toolbars = document.inputForm.toolbars.checked;

scrollprops = document.inputForm.scrollit.checked;

locations = document.inputForm.locations.checked;

statusbars = document.inputForm.statusbars.checked;

menubars = document.inputForm.menubars.checked;

resizeable = document.inputForm.resizeable.checked;

width = document.inputForm.width.value;

if (!width) width = screen.width;

height = document.inputForm.height.value;

if (!height) height = screen.height;

howto = document.inputForm.howtoopen.options[document.inputForm.howtoopen.selectedIndex].value;

center = document.inputForm.center.checked;

start = "<";

if(howto == 'body') {

otherOutput = start + "!-- 步骤2: 修改BODY区域为以下代码: -->\n\n" + start + "BODY onLoad=\"javascript:popUp('" + page + "')\">";

}

if(howto == 'link') {

otherOutput = start + "!-- 步骤2: 将下面的代码粘贴到BODY区域内: -->\n\n" + start + "A HREF=\"javascript:popUp('" + page + "')\">Open the Popup Window" + start + "/A>";

}

if(howto == 'button') {

otherOutput = start + "!-- 步骤2: 将下面的代码粘贴到BODY区域内: -->\n\n" + start + "form>\n" + start + "input type=button value=\"Open the Popup Window\" onClick=\"javascript:popUp('" + page + "')\">\n" + start + "/form>";

}

scriptOutput = start + '!-- 使用下面代码需要两步: -->\r\n\r\n'

+ '<!-- 步骤1: 拷贝下面代码到 HEAD 区域内 -->\r\n\r\n'

+ '<HEAD>\r\n\r\n' + start + 'SCRIPT LANGUAGE="JavaScript">\r\n'

+ 'function pop' + 'Up(URL) {\nday = new Date();\nid = day.getTime();\n';

scriptOutput += "eval(\"page\" + id + \" = window.open(URL, '\" + id + \"', '" +

((toolbars) ? "toolbar=1," : "toolbar=0,") +

((scrollprops) ? "scrollbars=1," : "scrollbars=0,") +

((locations) ? "location=1," : "location=0,") +

((statusbars) ? "statusbar=1," : "statusbar=0,") +

((menubars) ? "menubar=1," : "menubar=0,") +

((resizeable) ? "resizable=1" : "resizable=0") +

((width) ? ",width=" + width : "") +

((height) ? ",height=" + height : "") +

((center) ? ",left = " + ((screen.width - width) / 2) : "") +

((center) ? ",top = " + ((screen.height - height) / 2) : "") +

"');\");\n}\n// End -->\n" + start + "/sc" + "ript>\n";

output = scriptOutput + "\n\n" + otherOutput + '\n\n' + start +'!-- Script Size: 0.73 KB --'+'>';

document.mail.source.value = output;

document.mail.source2.value = output;

uncode();

}

// End -->

</SCRIPT>

<BODY BGCOLOR="BLACK" VLINK="BLUE" ALINK="BLUE">

<CENTER>

<P ALIGN=CENTER>

<TABLE WIDTH="500" CELLPADDING="0" CELLSPACING="0" BORDER="0">

<TR>

<TD BGCOLOR="024D6D" VALIGN=TOP> </TD>

</TR>

<TR>

<TD WIDTH="100%" BGCOLOR="WHITE" VALIGN=TOP> <P>

</TD>

</TR>

<TR>

<TD WIDTH="100%" BGCOLOR="WHITE" VALIGN=TOP><CENTER> <TABLE WIDTH="677" CELLPADDING="0" CELLSPACING="0" BORDER="0">

<TR>

<TD ROWSPAN="10" WIDTH="100%" BGCOLOR="WHITE" VALIGN=TOP> <P>

<TABLE WIDTH="678" CELLPADDING="2" CELLSPACING="0" BORDER="0">

<TR>

<TD WIDTH="1%" BGCOLOR="#E4E9E9" VALIGN=TOP> <P> </P>

<P>

</TD>

<TD WIDTH="99%" VALIGN=TOP> <div align="center">

<table width="475" border="0" cellspacing="0" cellpadding="4">

<tr>

<td width="467"><font size="2"><strong>弹出窗口生成器</strong></font><br>

</td>

</tr>

<tr>

<td align=center> <table width="100%" cellpadding=0 cellspacing=0 border=0>

<tr>

<td width="100%" align=center> <form name=inputForm>

<table width=466 cellpadding=2 cellspacing=0 border=0>

<tr>

<td width="462"> <table cellpadding=8 cellspacing=0 border=0 bgcolor="#E9E9E9" width="458">

<tr>

<td colspan=2 bgcolor="#FFFFFF"><font face="宋体" size="2">这个生成器将帮助我们自动生成一个弹出窗口的代码,请你把下面表单的内容填写完整之后,按“生成代码”按钮就会出现代码了!</font></td>

</tr>

<tr>

<td width="169" bgcolor="#F9F9F9"><font face="宋体" size="2">文件名称或网址</font></td>

<td width="257" bgcolor="#F9F9F9">

<font face="宋体" size="2">

<input type=text name=page size=20>

<br>

(filename 或 http://....)</font></td>

</tr>

<tr>

<td width="169"><font face="宋体" size="2">工具栏:</font></td>

<td width="257"> <font face="Arial, Helvetica, sans-serif" size="2">

<input type=checkbox name=toolbars>

Yes</font></td>

</tr>

<tr>

<td width="169" bgcolor="#F9F9F9"><font face="宋体" size="2">滚动条:</font></td>

<td width="257" bgcolor="#F9F9F9">

<font face="Arial, Helvetica, sans-serif" size="2">

<input type=checkbox name=scrollit>

Yes</font></td>

</tr>

<tr>

<td width="169"><font face="宋体" size="2">地址栏:</font></td>

<td width="257"> <font face="Arial, Helvetica, sans-serif" size="2">

<input type=checkbox name=locations>

Yes</font></td>

</tr>

<tr>

<td width="169" bgcolor="#F9F9F9"><font face="宋体" size="2">状态栏:</font></td>

<td width="257" bgcolor="#F9F9F9">

<font face="Arial, Helvetica, sans-serif" size="2">

<input type=checkbox name=statusbars>

Yes</font></td>

</tr>

<tr>

<td width="169"><font face="宋体" size="2">菜单:</font></td>

<td width="257"> <font face="Arial, Helvetica, sans-serif" size="2">

<input type=checkbox name=menubars>

Yes</font></td>

</tr>

<tr bgcolor="#F9F9F9">

<td width="169"><font face="宋体" size="2">可否调整大小:</font></td>

<td width="257"> <font face="Arial, Helvetica, sans-serif" size="2">

<input type=checkbox name=resizeable>

Yes</font></td>

</tr>

<tr>

<td width="169"><font face="宋体" size="2">宽度:</font></td>

<td width="257"> <font face="Arial, Helvetica, sans-serif" size="2">

<input type=text name=width size=4>

(in pixels)</font></td>

</tr>

<tr bgcolor="#F9F9F9">

<td width="169"><font face="宋体" size="2">高度:</font></td>

<td width="257"> <font face="Arial, Helvetica, sans-serif" size="2">

<input type=text name=height size=4>

(in pixels)</font></td>

</tr>

<tr>

<td width="169"><font face="宋体" size="2">如何打开窗口:</font></td>

<td width="257"> <font face="Arial, Helvetica, sans-serif" size="2">

<select name=howtoopen>

<option value="button">by a

button

<option value="link">by a link

<option value="body">automatically

</select>

</font></td>

</tr>

<tr bgcolor="#F9F9F9">

<td width="169"><font face="宋体" size="2">在窗口中央打开?</font></td>

<td width="257"> <font face="Arial, Helvetica, sans-serif" size="2">

<input type=checkbox name=center>

Yes</font></td>

</tr>

<tr>

<td colspan=2> <center>

<input type=button value="生成代码" onClick="javascript:generate();" name="button">

<input

type="reset" value="清除" name="reset">

</center></td>

</tr>

</table></td>

</tr>

</table>

</form>

<p>

<center>

<form name="mail" method="POST">

<textarea name="source" rows=12 cols=50>

网页教学网http://www.knowsky.com,提供该特效,希望大家喜欢!

<br><br><br>

<p><font color=red>//作者:闪电儿,网站:http://www.knowsky.com</font></p>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有