<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>https://www.thaicreate.com/php/forum/078810.html</title> <meta name="Author" content="Unidentifier"> <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("div[for=all]").hide(); $("div#page1").show(); }); </script> <style> ul{ list-style:none; } .inline{ display:inline; } .nav{ padding:0.2em; text-align:center; } </style> </head> <body> <div id="page1" for="all"> <ul> <li class="inline">1.)</li> <li class="inline"><input type="checkbox" name="choice[]" value="1" />AADDEE</li><br /> <li class="inline">2.)</li> <li class="inline"><input type="checkbox" name="choice[]" value="2" />AADDCC</li><br /> <li class="inline">20.)</li> <li class="inline"><input type="checkbox" name="choice[]" value="20" />AABBXX</li><br /> </ul> </div> <div id="page2" for="all"> <ul> <li class="inline">21.)</li> <li class="inline"><input type="checkbox" name="choice[]" value="21" />AABBVV</li><br /> <li class="inline">22.)</li> <li class="inline"><input type="checkbox" name="choice[]" value="22" />AAZZCC</li><br /> <li class="inline">40.)</li> <li class="inline"><input type="checkbox" name="choice[]" value="40" />CCEEXX</li><br /> </ul> </div> <div id="nav">Page: [<span class="nav">1</span>] [<span class="nav">2</span>]</div> <script> $("div#nav span").click(function(){ var index = $(this).text(); $("div[for=all]").hide(); $("div#page"+index).show(); }); </script> </body> </html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>https://www.thaicreate.com/php/forum/078810-2.html</title> <meta name="Author" content="Unidentifier"> <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("div[for=all]").hide(); $("div#page1").show(); }); </script> <style> ul{ list-style:none; } .inline{ display:inline; } .nav{ padding:0.2em; text-align:center; } </style> </head> <body> <div id="page1" for="all"> <ul> <li class="inline">1.)</li> <li class="inline"><input type="checkbox" name="choice[]" value="Toyota Vios" />Toyota Vios</li><br /> <li class="inline">2.)</li> <li class="inline"><input type="checkbox" name="choice[]" value="Toyota Altis" />Toyota Altis</li><br /> <li class="inline">3.)</li> <li class="inline"><input type="checkbox" name="choice[]" value="Toyota Prius" />Toyota Prius</li><br /> </ul> </div> <div id="page2" for="all"> <ul> <li class="inline">4.)</li> <li class="inline"><input type="checkbox" name="choice[]" value="Nissan March" />Nissan March</li><br /> <li class="inline">5.)</li> <li class="inline"><input type="checkbox" name="choice[]" value="Nissan Almera" />Nissan Almera</li><br /> <li class="inline">6.)</li> <li class="inline"><input type="checkbox" name="choice[]" value="Nissan Sylphy" />Nissan Sylphy</li><br /> </ul> </div> <div id="page3" for="all"> <ul> <li class="inline">7.)</li> <li class="inline"><input type="checkbox" name="choice[]" value="Chevloret Sonic" />Chevloret Sonic</li><br /> <li class="inline">8.)</li> <li class="inline"><input type="checkbox" name="choice[]" value="Chevloret Colorado" />Chevloret Colorado</li><br /> <li class="inline">9.)</li> <li class="inline"><input type="checkbox" name="choice[]" value="Chevloret Cruze" />Chevloret Cruze</li><br /> </ul> </div> <div id="nav">Page: <a href="#" class="nav" rel="1">[ 1 ]</a> <a href="#" class="nav" rel="2">[ 2 ]</a> <a href="#" class="nav" rel="3">[ 3 ]</a></div> <script> $("div#nav a").click(function(){ var index = $(this).attr("rel"); $("div[for=all]").hide(); $("div#page"+index).show(); }); </script> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง