📄 writehope.asp
字号:
<%
response.buffer=true
response.expires=0
Response.CacheControl="no-cache"
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>特瑞飞许愿墙</title>
<style type="text/css">
<!--
body {
margin-left: 5px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
}
td {
font-size: 12px;
color: #000000;
line-height: 18px;
}
.gray {
color: #666666;
}
.style1 {
color: #FFFFFF;
font-weight: bold;
font-size: 14px;
}
-->
</style>
<script language="javascript" src="js/control.js"></script>
<script language="JavaScript" type="text/javascript">
function textCounter(field, countfield, maxlimit)
{
// 定义函数，传入3个参数，分别为表单区的名字，表单域元素名，字符限制；
if (field.value.length > maxlimit)
//如果元素区字符数大于最大字符数，按照最大字符数截断；
field.value = field.value.substring(0, maxlimit);
else
//在记数区文本框内显示剩余的字符数；
countfield.value = maxlimit - field.value.length;
contentsample.innerHTML = field.value;
}
function chkform() {
if (hopeform.HopeContent.value == "")
{
alert("\n\n\n至少说点什么吧！！\n\n\n");
hopeform.HopeContent.focus();
return false;
}
if (hopeform.HopeAuthor.value == "")
{
alert("\n\n\n雁过留声\n\n人过留名\n\n请留下您的大名！！！\n\n");
hopeform.HopeAuthor.focus();
return false;
}
return true;
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" topmargin="0" leftmargin="0" rightmargin="0"
bottommargin="0">
<!--#include file = "top.inc"-->
<div id='HopeSample' style='position: absolute; left: 15px; top: 150px; width: 180px;
height: 100px; background-color: #FFE7E8; z-index: 1;'>
<table border="0" style="word-break: break-all;" width="176">
<tr>
<td width='50%'>
第[xxxx]条 </td>
<td width='44%' align="right">
×</td>
</tr>
<tr>
<td style='height: 100px; padding: 5px;' colspan='2'>
<div id="contentsample">
特瑞飞许愿墙</div>
</td>
</tr>
<tr>
<td id="Pic" style='background: url(images/1.gif) no-repeat bottom left; word-wrap: break-word'>
</td>
<td>
<div id="Author" style='padding: 5px; float: right;'>
路人</div>
</td>
</tr>
</table>
</div>
<br />
<br />
<table width="580" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="18" background="images/love_10.gif">
<img src="images/love_09.gif" width="18" height="18" /></td>
<td width="544" background="images/love_10.gif">
</td>
<td width="18" align="right" background="images/love_10.gif">
<img src="images/love_12.gif" width="18" height="18" /></td>
</tr>
<tr>
<td background="images/love_14.gif">
</td>
<td bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="25" bgcolor="#70AE0B">
<span class="style1"> 特瑞飞许愿墙</span></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="5" cellpadding="2">
<form name="hopeform" method="post" action="save_hope.asp" onsubmit="return chkform();">
<tr>
<td width="51%" class="gray">
输入你的祝福纸条内容 还能输入<input readonly style="border: 0;" type="text" name="remLen" size="3"
maxlength="3" value="100">个字<input type="hidden" name="HopeColor" value="#FFE7E8">
<font color="#FF0000">（只能输入100个字）</font><br />
<textarea name="HopeContent" wrap="physical" cols="70" rows="6" onkeydown="textCounter(this.form.HopeContent,this.form.remLen,100);"
onkeyup="textCounter(this.form.HopeContent,this.form.remLen,100);">特瑞飞许愿墙
特瑞飞</textarea>
<br />
<table cellpadding="2" cellspacing="1" border="0" width="508">
<tr>
<td>
标签颜色:</td>
<td>
<a href="javascript:setColor('#FFFFFF');">
<div id="color330" style="cursor: pointer; border: 1px solid #404040; height: 25px;
width: 25px; background: #FFFFFF">
</div>
</a>
</td>
<td>
<a href="javascript:setColor('#FFE7E8');">
<div id="color330" style="cursor: pointer; border: 1px solid #808080; height: 25px;
width: 25px; background: #FFE7E8">
</div>
</a>
</td>
<td>
<a href="javascript:setColor('#FFEDCC');">
<div id="color330" style="cursor: pointer; border: 1px solid #808080; height: 25px;
width: 25px; background: #FFEDCC">
</div>
</a>
</td>
<td>
<a href="javascript:setColor('#EDFEB7');">
<div id="color330" style="cursor: pointer; border: 1px solid #808080; height: 25px;
width: 25px; background: #EDFEB7">
</div>
</a>
</td>
<td>
<a href="javascript:setColor('#C0FFE5');">
<div id="color325" style="cursor: pointer; border: 1px solid #808080; height: 25px;
width: 25px; background: #C0FFE5">
</div>
</a>
</td>
<td>
<a href="javascript:setColor('#FFE0FB');">
<div id="color330" style="cursor: pointer; border: 1px solid #404040; height: 25px;
width: 25px; background: #FFE0FB">
</div>
</a>
</td>
<td>
<a href="javascript:setColor('#C9FFC7');">
<div id="color330" style="cursor: pointer; border: 1px solid #808080; height: 25px;
width: 25px; background: #C9FFC7">
</div>
</a>
</td>
<td>
<a href="javascript:setColor('#CBF3FF');">
<div id="color325" style="cursor: pointer; border: 1px solid #808080; height: 25px;
width: 25px; background: #CBF3FF">
</div>
</a>
</td>
</tr>
</table>
<table border="0" width="98%" id="table1" cellspacing="0" cellpadding="0" height="55">
<tr>
<td width="61">
<p align="center">
选择装饰:
<input name="Pic" type="hidden" id="Pic" value="0" />
</td>
<td align="center">
<a href="javascript:setTagBPic('1')">
<img border="0" src="images/1.gif" width="32" height="31"></a></td>
<td align="center">
<a href="javascript:setTagBPic('2')">
<img border="0" src="images/2.gif" width="36" height="25"></a></td>
<td align="center">
<a href="javascript:setTagBPic('3')">
<img border="0" src="images/3.gif" width="39" height="24"></a></td>
<td align="center">
<a href="javascript:setTagBPic('4')">
<img border="0" src="images/4.gif" width="30" height="33"></a></td>
<td align="center">
<a href="javascript:setTagBPic('5')">
<img border="0" src="images/5.gif" width="40" height="35"></a></td>
<td align="center">
<a href="javascript:setTagBPic('6')">
<img border="0" src="images/6.gif" width="32" height="34"></a></td>
<td align="center">
<a href="javascript:setTagBPic('7')">
<img border="0" src="images/7.gif" width="27" height="28"></a></td>
<td align="center">
<a href="javascript:setTagBPic('8')">
<img border="0" src="images/8.gif" width="27" height="21"></a></td>
</tr>
</table>
许愿人姓名：
<input name="HopeAuthor" type="text" id="HopeAuthor" onkeyup="javascript:Author.innerHTML=this.value;"
value="路人" size="12" maxlength="10" />
<input type="submit" name="submit" style="background-color: #70ae0b; border: 1px outset #F33B78;
color: #FFFFFF; font-weight: bold;" value="→开始贴许愿小纸条→" />
</td>
</tr>
</form>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="25" bgcolor="#70AE0B">
<span class="style1"> 特瑞飞许愿墙</span></td>
</tr>
</table>
</td>
<td align="right" background="images/love_16.gif">
</td>
</tr>
<tr>
<td background="images/love_20.gif">
<img src="images/love_19.gif" width="18" height="18" /></td>
<td background="images/love_20.gif">
</td>
<td align="right" background="images/love_20.gif">
<img src="images/love_21.gif" width="18" height="18" /></td>
</tr>
</table>
<br />
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -