|
網(wǎng)站建設(shè)是指使用標(biāo)識(shí)語言（markup language)，通過一系列設(shè)計(jì)、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡單來說，網(wǎng)頁設(shè)計(jì)的目的就是產(chǎn)生網(wǎng)站。簡單的信息如文字，圖片（GIF，JPEG，PNG）和表格，都可以通過使超文件標(biāo)示語言、可擴(kuò)展超文本標(biāo)記語言等標(biāo)示語言放置到網(wǎng)站頁面上。
彈出式窗口代碼產(chǎn)生器要完成此效果把如下代碼加入到<body>區(qū)域中
<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">
<!--
function uncode() {
smut="<";
replacewords="< ";
txt=document.mail.source2.value;
tstx="";
space=replacewords.indexOf(" ");
wrd=replacewords.substring(0,space);
wrdl=wrd.length
replacewords=replacewords.substring(space+1,replacewords.length);
while (txt.indexOf(wrd)>-1){
space=txt.indexOf(wrd);
txt=txt.substring(0,space)+smut+txt.substring((space+wrdl),txt.length);}
smut=">";
replacewords="> ";
space=replacewords.indexOf(" ");
wrd=replacewords.substring(0,space);
wrdl=wrd.length
replacewords=replacewords.substring(space+1,replacewords.length);
while (txt.indexOf(wrd)>-1){
space=txt.indexOf(wrd);
txt=txt.substring(0,space)+smut+txt.substring((space+wrdl),txt.length);}
document.mail.source2.value=txt;
}
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 + "!-- 步驟二: 將Onload事件處理器粘貼在<body>標(biāo)簽內(nèi)-->\n" + start + "BODY onLoad=\"javascript:popUp()\">";
}
if(howto == 'link') {
otherOutput = start + "!-- 步驟二: 用以下的鏈接打開一個(gè)新窗口 -->\n" + start + "A HREF=\"javascript:popUp()\">Open the Popup Window" + start + "/A>";
}
if(howto == 'button') {
otherOutput = start + "!-- 步驟二: 用以下的按鈕代碼打開一個(gè)新窗口-->\n" + start + "form>\n" + start + "input type=button value=\"Open the Popup Window\" onClick=\"javascript:popUp()\">\n" + start + "/form>";
}
scriptOutput = start + '!-- 請(qǐng)照以下步驟進(jìn)行:\r\n\r\n'
+ '<!-- STEP ONE: 將以下代碼粘貼在<head>區(qū) -->\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 +'!--代碼結(jié)束--'+'>';
document.mail.source.value = output;
document.mail.source2.value = output;
uncode();
}
-->
</script>
<font size="4"><br>
</font></font></b>
<font size=3><b>彈出式窗口代碼產(chǎn)生器</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>請(qǐng)選擇要顯示的<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>點(diǎn)按鈕</option>
<option value="link">點(diǎn)超鏈</option>
<option value="body">自動(dòng)</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>讓窗口出現(xiàn)在屏幕正中間？</b></font></td>
</tr>
<tr>
<td colspan=2>
<center>
<input type=button value="產(chǎn)生代碼!" 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></textarea>
<br>
<input type=hidden name="source2">
<br>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br>
<center>
</center>
</form>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>大多數(shù)人在上網(wǎng)的時(shí)候，都會(huì)瀏覽網(wǎng)頁提供給我們的信息。
|
