|
|
|
การเขียนฟังก์ชัน load page ใน asp.net รบกวนช่วยดูให้หน่อยค่ะ |
|
|
|
|
|
|
|
ได้ใช้ ajax ในการโหลด page ค่ะ โดยเขียนเป็นฟังก์ชันขึ้นมา มันโหลดได้นะค่ะ แต่ว่ามันไม่จำค่าของ page อย่างเช่น หน่้าแรกคือ page1 พอคลิก load page2 เพื่อให้ load page2 อันนี้โชว์หน้า page2 ขึ้นมาค่ะ แต่พอรีเฟรชหน้า มันกลับไปหน้า page1 เหมือนเดิมค่ะ รบกวนช่วยดูโค้ดหรือปรับโค้ดตรงไหนค่ะ
<!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>
<title>eeee [demo]</title>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
body {
font-family:Tahoma, "MS Sans Serif";
font-size:8pt;
}
a:link {
color:maroon;
text-decoration:none;
}
a:visited {
color:maroon;
text-decoration:none;
}
a:hover {
color:#526AF9;
text-decoration:none;
}
#header { /* ส่วนแสดงผล Logo */
background-color:#E7E4D9;
padding:10px;
text-align:center;
font-size:20pt;
font-family: Verdana;
color:#575137;
}
#menu { /* ส่วนแสดงผลเมนู */
background-color:#968B5E;
padding:5px;
vertical-align:middle;
text-align:center;
}
#middle { /* พื้นที่แสดงผล */
height:300px;
overflow:hidden;
background-image:url(../images/f_bkg.jpg);
}
#leftmodule { /* พื้นที่ด้านซ้าย(เมนู) */
background-color:#C0B99B;
width:150px;
height:100%;
float:left;
padding:5px;
}
#rightmodule { /* เนื้อหา */
padding:5px;
height:100%;
float:none;
}
#footer { /* ด้านล่าง */
background-color:#968B5E;
padding:5px;
text-align:center;
}
#wait { /* รูปรอโหลด */
position:absolute;
text-align:center;
top:50%;
left:50%;
}
pre { /* รูปแบบเนื้อหา */
font-family:Tahoma, "MS Sans Serif";
font-size:8pt;
}
</style>
<script language="javascript" type="text/javascript">
function Inint_AJAX() {
try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) {} //IE
try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {} //IE
try { return new XMLHttpRequest(); } catch(e) {} //Native Javascript
alert("XMLHttpRequest not supported");
return null;
};
function loaddoc(page) { //load ˹éÒ¨Ò¡ cookie
//alert(page);
if (page != "") {
var req = Inint_AJAX();
req.onreadystatechange = function() {
if (req.readyState == 4) {
if (req.status == 200) {
var data = req.responseText; //ÃѺ¤èÒ¡ÅѺÁÒ
document.getElementById("rightmodule").innerHTML = data;
Set_Cookie('page',page); //บันทึก module ที่เรียก ลง cookie สำหรับการ refresh หน้า
}
}
};
req.open("GET", page, true);
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=tis-620");
req.send(null);
} //End if page.value
}
function Set_Cookie(name, value, expires, path, domain, secure){
var today=new Date();
today.setTime(today.getTime());
if(expires){
expires = expires*1000*60*60*24;
};
var expires_date = new Date(today.getTime() + (expires));
document.cookie = name + "=" +escape(value) +
((expires) ? ";expires=" + expires_date.toGMTString() : "") +
((path) ? ";path=" + path : "") +
((domain) ? ";domain=" + domain : "") +
((secure) ? ";secure" : "");
};
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body >
<!--พื้นที่แสดงผล-->
<div id="header">eee</div>
<div id="menu">[ <a href="javascript:loaddoc('page.aspx')">Gallary</a> | <a href="javascript:loaddoc('page2.aspx')">How To</a> ]</div>
<div id="middle">
<div id="leftmodule"> ตัวอย่างการใช้งาน AJAX กับเว็บเพจ และการแสดง รูปรอโหลดด้วย AJAX</font></div>
<div id="rightmodule">rightmodule</div>
</div>
<div id="footer">footer</div>
<!--พื้นที่แสดงผล-->
</body>
</html>
Tag : .NET, Ms Access
|
|
|
|
|
|
Date :
2010-11-24 11:36:52 |
By :
ict |
View :
1312 |
Reply :
1 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 02
|