01.
<button type=
"button"
class
=
"btn btn-primary"
id=
"viewIndex"
>หน้าแรก</button>
02.
<button type=
"button"
class
=
"btn btn-primary"
id=
"viewContent1"
>เนื้อหา1</button>
03.
<button type=
"button"
class
=
"btn btn-primary"
id=
"viewContent2"
>เนื้อหา2</button>
04.
<button type=
"button"
class
=
"btn btn-primary"
id=
"viewContent2"
>เนื้อหา3</button>
05.
06.
<div id=
"LoadPage"
></div>
07.
08.
09.
<script type=
"text/javascript"
>
10.
11.
$(document).ready(
function
(){
12.
13.
var
linkURL=
"<?=(isset($_COOKIE["
linkURL
"]) && $_COOKIE["
linkURL
"]!="
")?$_COOKIE["
linkURL
"]:"
content1.php
"?>"
;
14.
15.
$(
'#LoadPage'
).load(linkURL);
16.
17.
18.
19.
20.
$(
'#viewContent1'
).click(
function
(){
21.
$.ajax({
22.
url:
"content1.php"
,
23.
success:
function
(data)
24.
{
25.
set_cookie(
"linkURL"
,1,
"content1.php"
);
26.
$(
'#LoadPage'
).html(data);
27.
28.
}
29.
});
30.
});
31.
32.
33.
34.
$(
'#viewContent2'
).click(
function
(){
35.
$.ajax({
36.
url:
"content2.php"
,
37.
success:
function
(data)
38.
{
39.
set_cookie(
"linkURL"
,1,
"content2.php"
);
40.
$(
'#LoadPage'
).html(data);
41.
42.
}
43.
});
44.
});
45.
46.
47.
48.
$(
'#viewContent3'
).click(
function
(){
49.
$.ajax({
50.
url:
"content3.php"
,
51.
success:
function
(data)
52.
{
53.
set_cookie(
"linkURL"
,1,
"content3.php"
);
54.
$(
'#LoadPage'
).html(data);
55.
56.
}
57.
});
58.
});
59.
60.
61.
62.
63.
64.
function
set_cookie(cname,action,val){
65.
var
date
=
new
Date
();
66.
if
(action==1){
67.
var
days=1;
68.
date
.setTime(
date
.getTime()+(days*24*60*60*1000));
69.
}
else
{
70.
date
.setTime(
date
.getTime()*-1);
71.
}
72.
var
expires =
"; expires="
+
date
.toGMTString();
73.
document.cookie = cname+
"="
+val+
"; expires="
+ expires +
"; path=/"
;
74.
}
75.
76.
77.
});
78.
</script>