?? book_list.aspx
字號:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Book_List.aspx.cs" Inherits="Book_List" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
body
{
color: #ffffff;
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
background-color: #AB7D49;
text-align: left;
overflow-x: auto;
overflow-y: auto;
scrollbar-arrow-color: #808080;
scrollbar-face-color: #ECECEC;
scrollbar-track-color: #F6F6F6;
scrollbar-shadow-color: #DADADA;
scrollbar-3dlight-color: #ECECEC;
scrollbar-darkshadow-color: #B4B4B4;
scrollbar-highlight-color: #FFFFFF;
}
.TxtBox
{
font-size: 12pt;
border: 1px solid;
border-color: black black #000000;
color: #000000;
background: #D7A966;
}
TD
{
font-family: Verdana, Tahoma, 'Times New Roman';
font-size: 9pt;
}
</style>
<script type="text/javascript">
function $(e) {return document.getElementById(e);}
var s_GridView_CurrenPage = '0';
var xmlHttp;
var xmlHttpGet;
function GetXmlHttpObject(){
var xmlHttpNew = null;
try {
xmlHttpNew = new XMLHttpRequest();
}
catch (e) {
try {
xmlHttpNew = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {
xmlHttpNew = new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttpNew;
function addBook(){
xmlHttp = GetXmlHttpObject();
if (xmlHttp == null) {
alert("瀏覽器不支持 AJAX!");
return;
}
var postParam = '';
postParam = "Name=" + $("txtname").value.trim();
postParam = postParam + "&Email=" + $("txtemail").value.trim();
postParam = postParam + "&Title=" + $("txtTitle").value.trim();
postParam = postParam + "&Verify=" + $("txtverify").value.trim();
postParam = postParam + "&From=" + $("txtcountry").options[$("txtcountry").selectedIndex].text;
postParam = postParam + "&Tel=" + $("txttel").value.trim();
postParam = postParam + "&Book=" + $("txtBook").value.trim();
var url = 'Book_Add.aspx';
url = url + "?SID=" + Math.random();
xmlHttp.onreadystatechange = addBookOK;
xmlHttp.open("POST", url, true);
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlHttp.send(postParam);
}
function addBookOK(){
if (xmlHttp.readyState == 4) {
if (xmlHttp.responseText.indexOf('錯誤') >= 0) {
alert(xmlHttp.responseText);
}
else {
s_GridView_CurrenPage = '0';
setVerifyCode();
GuestBook();
clearall();
}
}
}
function clearall(){
$("txtname").value = "";
$("txtemail").value = "";
$("txtBook").value = "";
$("txttel").value = "";
$("txtTitle").value = "";
$("txtverify").value = "";
$("txtcountry").selectedIndex = 0;
}
function GuestBook(){
xmlHttpGet = GetXmlHttpObject();
if (xmlHttpGet == null) {
alert("瀏覽器不支持 AJAX!");
return;
}
var url = 'Book_Get.aspx';
url = url + "?SID=" + Math.random();
url = url + "&PageIndex=" + s_GridView_CurrenPage;
xmlHttpGet.onreadystatechange = BookGetOK;
xmlHttpGet.open("GET", url, true);
xmlHttpGet.send(null);
}
function BookGetOK(){
if (xmlHttpGet.readyState == 4) {
var gustBookDiv = document.getElementById("middle3");
gustBookDiv.innerHTML = xmlHttpGet.responseText;
}
}
function Paging(s_Param_PageNumber){
s_GridView_CurrenPage = s_Param_PageNumber;
GuestBook();
}
function setVerifyCode(){
var nameListDiv = document.getElementById("verifyPic");
nameListDiv.src = "VerifyCode.aspx?SID=" + Math.random();
}
function check(){
if ($("txtname").value.trim() == "") {
alert("名稱不能為空")
$("txtname").focus()
$("txtname").select()
return false;
}
if ($("txtTitle").value.trim() == "") {
alert("主題不能為空")
$("txtTitle").focus()
$("txtTitle").select()
return false;
}
if ($("txtemail").value.trim() == "") {
alert("Email不能為空")
$("txtemail").focus()
$("txtemail").select()
return false;
}
if ($("txtemail").value.trim() != "") {
var patrn = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
if (!patrn.exec($("txtemail").value.trim())) {
alert("郵件格式不正確");
$("txtemail").focus();
$("txtemail").select();
return false;
}
}
if ($("txtBook").value.trim() == "") {
alert("內容不能為空")
$("txtBook").focus()
$("txtBook").select()
return false;
}
if ($("txtBook").value.trim().length > 250) {
alert("內容最多為250個字符")
$("txtBook").focus()
$("txtBook").select()
return false;
return true;
}
window.onload = function(){
setVerifyCode();
GuestBook();
}
function Addbook()
{
if(check())
{
addBook();
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="middle3" style="margin-left: 2px;">
</div>
<div id="bookAddPannel" style="margin-left: 15px; width: 560px;">
<p style="font-family: Verdana, Tahoma, 'Times New Roman'; font-size: 9pt;">
<b>請您留言</b></p>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
姓 名:</td>
<td>
<input type="text" name="txtname" class="TxtBox" size="10" maxlength="10">
<font color="red">*</font></td>
<td>
主題:</td>
<td>
<input type="text" name="txtTitle" class="TxtBox" size="10" maxlength="10">
<font color="red">*</font></td>
<td>
Email:</td>
<td>
<input type="text" name="txtemail" class="TxtBox" size="10" maxlength="30">
<font color="red">*</font></td>
</tr>
<tr>
<td>
來 自:</td>
<td>
<select size="1" name="txtcountry">
<option>五湖四海</option>
<option value="北京市">北京市</option>
<option value="天津市">天津市</option>
<option value="上海市">上海市</option>
<option value="重慶市">重慶市</option>
<option value="安徽省">安徽省</option>
<option value="福建省">福建省</option>
<option value="甘肅省">甘肅省</option>
<option value="廣東省">廣東省</option>
<option value="廣西省">廣西省</option>
<option value="四川省">四川省</option>
<option value="貴州省">貴州省</option>
<option value="湖北省">湖北省</option>
<option value="湖南省">湖南省</option>
<option value="吉林省">吉林省</option>
<option value="江蘇省">江蘇省</option>
<option value="江西省">江西省</option>
<option value="遼寧省">遼寧省</option>
<option value="青海省">青海省</option>
<option value="浙江省">浙江省</option>
<option value="河北省">河北省</option>
<option value="河南省">河南省</option>
<option value="山東省">山東省</option>
<option value="山西省">山西省</option>
<option value="陜西省">陜西省</option>
<option value="云南省">云南省</option>
<option value="黑龍江">黑龍江</option>
<option value="寧夏">寧夏</option>
<option value="新疆">新疆</option>
<option value="西藏">西藏</option>
<option value="內蒙古">內蒙古</option>
<option value="香港特區">香港特區</option>
<option value="澳門特區">澳門特區</option>
<option value="中國臺北">中國臺北</option>
</select>
</td>
<td>
電話</td>
<td>
<input type="text" name="txttel" class="TxtBox" size="10" maxlength="30">
</td>
<td>
驗證碼:</td>
<td>
<span style="position: relative; top: -5px;">
<input type="text" name="txtverify" class="TxtBox" size="1" maxlength="4"></span>
<img src="" alt="點擊更換..." width="60" height="25" id="verifyPic" onclick="setVerifyCode();" />
</td>
</tr>
<tr>
<td style="vertical-align: top;">
內容:</td>
<td colspan="3">
<textarea name="txtBook" cols="30" rows="4" class="TxtBox"></textarea> <font color="red">*</font></td>
<td>
</td>
<td>
<a id="btnAdd" href="javascript:Addbook();" style="padding-top: 2px; padding-bottom: 7px;">保存</a> <a id="btnReset" href="javascript:clearall();" style="padding-top: 2px;
padding-bottom: 7px; height: 25px;">重置</a>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -