|
 |
| |
ทำเว็บข้อสอบ แบ่งหน้าออกเป็นข้อๆ กดดูข้อย้อนหลัง radio ไม่จำค่า (ช่วยทีครับ) |
| |
 |
|
|
 |
 |
|
1. session Array()
2. Save temp data in Database
|
 |
 |
 |
 |
| Date :
2012-10-20 02:53:02 |
By :
t-monroe |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ไปค้นเจอมาค่ะ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="Unidentifier">
<meta name="Keywords" content="">
<meta name="Description" content="">
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div id="car_page" for="all">
<legend>เลือกรถ</legend>
<ol>
<li><input type="checkbox" name="car[]" id="car" value="กท.2005" />กท.2005</li>
<li><input type="checkbox" name="car[]" id="car" value="ชม.8443" />ชม.8443</li>
<li><input type="checkbox" name="car[]" id="car" value="ภภ.7777" />ภภ.7777</li>
</ol>
<input type="button" value="หน้าถัดไป >>" id="nextpage" />
</div>
<div id="driver_page" for="all">
<legend>เลือกคนขับรถ</legend>
<ol>
<li><input type="checkbox" name="driver[]" id="driver" value="นาย ก." />นาย ก.</li>
<li><input type="checkbox" name="driver[]" id="driver" value="นาย ข." />นาย ข.</li>
<li><input type="checkbox" name="driver[]" id="driver" value="นาย ค." />นาย ค.</li>
</ol>
<input type="button" value="<< หน้าก่อน" id="prevpage" />
<input type="submit" value="เสร็จสิ้น" id="nextpage" />
</div>
<script>
$(document).ready(function(){
$("div[for=all]").hide();
$("div#car_page").show();
});
$("#prevpage").click(function(){
var prevpage = $(this).parent("div[for=all]").prev().attr("id");
var curpage = $(this).parent("div[for=all]").attr("id");
//alert(prevpage+"/"+curpage);
$("#"+curpage).hide(400);
$("#"+prevpage).show(400);
});
$("#nextpage").click(function(){
var nextpage = $(this).parent("div[for=all]").next().attr("id");
var curpage = $(this).parent("div[for=all]").attr("id");
//alert(curpage+"/"+nextpage);
$("#"+curpage).hide(400);
$("#"+nextpage).show(400);
});
</script>
</body>
</html>
|
| |
|
|
| |
| Date :
2012-10-20 21:17:44 |
By :
survivor |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
[email protected] เมลมาถามผมก็ได้ครับบอกราะเอียดด้วยนะครับจะได้ให้คำแนะนำถูกพอดีเคยทำเรื่องนี้
|
| |
|
|
| |
| Date :
2012-10-21 01:01:13 |
By :
numton |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอขอบคุณทุกคนมากครับที่ช่วยเหลือ
|
| |
|
|
| |
| Date :
2012-10-21 10:23:02 |
By :
manu2010 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
radio หรือ checkbox มันก็ใช้หลักการแบบเดียวกันได้น่ะ
ถ้ารู้จุดประส่งค์ในการใช้น่ะครับ
|
| |
|
|
| |
| Date :
2012-10-21 19:02:31 |
By :
บังเอิญผ่านมาเห็น |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
หลักการของโค้ดชุดนี้ คือโหลดข้อสอบมาทั้งหมดในคราวเดียวกัน
และแบ่งออกเป็นหน้า หน้าละกี่ข้อก็แล้วแต่ครับ หลังจากที่ตัดสินใจได้แล้วว่าต้องการกี่ข้อ
สมมุติ 12ข้อต่อหน้า เราก็ตัดแบ่งโดยการวนลูป แล้วใช้ if เข็คดูว่า จำนวนข้อสอบที่วนลูป
ดึงออกมาจากฐานข้อมูล มัน Mod ด้วย 12 แล้วเท่ากับ 0 มั๊ย ถ้าใช่ก็แทรก แท็ก <div id="pageX"> ลงไปคลุมซะ
ที่เหลือก็ปล่อยให้ JQuery มันเป็นตัวจัดการ แค่นี้ล่ะครับ
|
| |
|
|
| |
| Date :
2012-10-22 12:04:42 |
By :
sakuraei |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมว่าเอาโค้ดข้อสอบของ น้อง man มาดูดีกว่า จะได้ช่วยปรับให้
|
| |
|
|
| |
| Date :
2012-10-22 12:33:38 |
By :
sakuraei |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ครับ 
|
| |
|
|
| |
| Date :
2012-10-22 13:06:48 |
By :
sakuraei |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 00
|
ต่างคนต่างคิดคนละทาง ไม่เป็นไรครับ ผมแก้ได้แล้ว ขอบคุณมากที่ให้คำแนะนำ คือผมอธิบายไม่เก่ง เลยอาจจะสื่อสารกันคนละความหมายกันครับ
