选择确认后提交输入的内容,这在做程序时非常实用 dn001 2009-06-21 08:31:39 <!-- 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区域为以下代码: -->nn" + start + "BODY onLoad="javascript:popUp('" + page + "')">"; } if(howto == 'link') { otherOutput = start + "!-- 步骤2: 将下面的代码粘贴到BODY区域内: -->nn" + start + "A HREF="javascript:popUp('" + page + "')">Open the Popup Window" + start + "/A>"; } if(howto == 'button') { otherOutput = start + "!-- 步骤2: 将下面的代码粘贴到BODY区域内: -->nn" + start + "form>n" + start + "input type=button value="Open the Popup Window" onClick="javascript:popUp('" + page + "')">n" + start + "/form>"; } scriptOutput = start + '!-- 使用下面代码需要两步: -->rnrn' + '<!-- 步骤1: 拷贝下面代码到 HEAD 区域内 -->rnrn' + '<HEAD>rnrn' + start + 'SCRIPT LANGUAGE="JavaScript">rn' + '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 + "nn" + otherOutput + 'nn' + 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>