弹出窗口代码产生器HTML代码

2024-09-05 12:17:58

字体：大中小

来源：转载

供稿：网友

弹出式窗口代码产生器，可以设置一些基本的弹出窗口属性，选择要弹出的文件路径，选择要显示的窗口元素，定义打开方式，然后点击“生成”，即可完成代码。

<html><head><meta http-equiv="Content-Language" content="en-us"><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>弹出式窗口代码产生器</title><STYLE type=text/css></STYLE></head><body bgcolor="#FFFFFF"><table border=0 cellpadding=0 cellspacing=0 width="63%" align="center">  <tbody>   <tr>     <td width="0">       <table border=0 cellpadding=0 cellspacing=0 width="76%">        <tbody>         <tr>           <td width="464">             <div align="center"><b><font color=#7b9431 face=Arial                  size=3>               <script language="JavaScript">/n" + start + "BODY onLoad=/"javascript:popUp()/">";}if(howto == 'link') {otherOutput = start + "!-- 步骤二: 用以下的链接打开一个新窗口 -->/n" + start + "A HREF=/"javascript:popUp()/">Open the Popup Window" + start + "/A>";}if(howto == 'button') {otherOutput = start + "!-- 步骤二: 用以下的按钮代码打开一个新窗口-->/n" + start + "form>/n" + start + "input type=button value=/"Open the Popup Window/" onClick=/"javascript:popUp()/">/n" + start + "/form>";}scriptOutput = start + '!-- 请照以下步骤进行:/r/n/r/n'+ '/r/n/r/n'+ '<HEAD>/r/n/r/n' + start + 'SCRIPT LANGUAGE="JavaScript">/r/n'+ 'function pop' + 'Up() {/n';scriptOutput += "props=window.open('" + page + "', 'poppage', '" +((toolbars) ? "toolbars=1, " : "toolbars=0, ") +((scrollprops) ? "scrollbars=1, " : "scrollbars=0, ") +((locations) ? "location=1, " : "location=0, ") +((statusbars) ? "statusbars=1, " : "statusbars=0, ") +((menubars) ? "menubars=1, " : "menubars=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 +'!--代码结束--'+'>';document.mail.source.value = output;document.mail.source2.value = output;uncode();}--></script><font size="4"><br></font></font></b><font size=3><b>弹出式窗口代码产生器</b></font> </div><p> <b><font size="2"></font></b></p><form name=inputForm> <table width="100%" border="0" cellspacing="0" cellpadding="1" bgcolor="#000000">  <tr><td>    <table border=0 width=100% cellpadding="2" cellspacing="0" bgcolor="#bde6fd">    <tr> <td colspan="2"><font size="2" color=red><b>在新窗口里要打开的文件</b></font>        <input type=text name=page size=40><br>        <font size="2"><font size="1" color=red>(文件的名字或URL地址...) </font></font></td>    </tr>    <tr bgcolor="#FFFFFF">       <td colspan="2"><font size="2" color=red><b>请选择要显示的<font size="2"><b>窗口</b></font>元素</b></font></td>    </tr>    <tr bgcolor="#FFFFFF">        <td width="43%"> <input type=checkbox name=toolbars>         <b><font face="Arial" size="2">toolbars</font></b></td>       <td width="57%"> <input type=checkbox name=statusbars>         <font face="Arial" size="2"><b>status bar</b></font></td>   </tr><tr bgcolor="#FFFFFF"><td width="43%">                           <input type=checkbox name=scrollit>                          <b><font face="Arial" size="2">scrollbars</font> </b></td>                        <td width="57%">                           <input type=checkbox name=menubars>                          <b><font face="Arial" size="2">menu bar</font></b></td>                      </tr>                      <tr bgcolor="#FFFFFF">                         <td width="43%">                           <input type=checkbox name=locations>                          <b><font face="Arial" size="2">location bar</font> </b></td>                        <td width="57%">                           <input type=checkbox name=resizeable>                          <b><font face="Arial" size="2">resizeable</font> </b></td>                      </tr>                      <tr>                         <td colspan="2"><font size="2" color=red><b>输入窗口的大小(缺省是满屏打开)</b></font></td>                      </tr>                      <tr>                         <td width="43%"><font face="Arial" size="2"><b> Witdh                           <input type=text name=width size=4>                          </b> <font face="Verdana" size="1"> (in pixels)</font></font></td>                        <td width="57%"> <font face="Arial" size="2"><b>Height</b></font>                           <input type=text name=height size=4>                          <font face="Verdana" size="1">(in pixels)</font> </td>                      </tr>                      <tr bgcolor="#FFFFFF">                         <td colspan="2"><font size="2" color=red><b>窗口打开方式</b></font></td>                      </tr>                      <tr bgcolor="#FFFFFF">                         <td width="100%" colspan="2"><font face="Arial" size="2"></font>                           <select name=howtoopen>                            <option value="button" selected>点按钮</option>                            <option value="link">点超链</option>                            <option value="body">自动</option>                          </select>                        </td>                      </tr>                      <tr>                         <td width="100%" colspan="2"><font face="Arial" size="2"></font>                           <input type=checkbox name=center>                          <font size="2" color=red><b>让窗口出现在屏幕正中间？</b></font></td>                      </tr>                      <tr>                         <td colspan=2>                           <center>                            <input type=button value="产生代码!" onClick="javascript:generate();" name="button">                          </center>                        </td>                      </tr>                    </table>                  </td>                </tr>              </table>            </form>            <form name="mail" action="" method="POST" onSubmit="return checkCodeMail()">              <table width="100%" border="0" cellspacing="0" cellpadding="1" bgcolor="#000000">                <tr>                   <td>                     <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#BBB7F4">                      <tr align="center">                         <td> <font size="2" color=#FFFFCC><b>把下面代码Copy到程序中:</b></font><br>                          <input type=hidden name=scriptname value="Popup Window Maker">                          <textarea name="source" rows=6 cols=50 class=9pt>

上一篇：JavaScript配合CSS检测浏览器对象和鼠标位置

下一篇：Js+CSS打造兼容firefox的offsetX