彈出窗口代碼產生器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