Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > สอบถามการสร้างปุ่ม Button 3 ปุ่ม เลือกแล้วหายไป จนครอบ 3 ปุ่ม แล้วถึงโหลดไปข้อ2

สอบถามการสร้างปุ่ม Button 3 ปุ่ม เลือกแล้วหายไป จนครอบ 3 ปุ่ม แล้วถึงโหลดไปข้อ2

เริ่มหัวข้อใหม่

ao140

โพสกระทู้ ( 30 )
บทความ ( 0 )

เงื่อนไข มีข้อสอบ54ข้อ 3ตัวเลือก เราเอา 3 ตัว มาแสดงเป็นปุ่มbutton 3 ปุ่ม เมื่อคลิกปุ่มแรก ให้เก็บค่าไว้ แล้วหายไป เหลือ 2 ปุ่ม เลือกจนหมด ทั้งสามตัวเลือก เหมือนเป็นการเรียงลำดับอ่ะ จากนั้นถึงโหลดไปข้อสอง ถึงข้อสุดท้าย แสดงปุ่ม Submit รบกวนหน่อยคัฟ

Tag : PHP, MySQL

Date : 2014-07-28 13:16:23

By : ao140

View : 4675

Reply : 30

No. 1

Genesis™

โพสกระทู้ ( 4,169 )
บทความ ( 7 )

Code (PHP)

<script src="jQuery.1.10.js"></script>
<script>
	$(function(){
		$('div').each(function(index, element) {
            $(this).hide();
        });
		$('#1').show();
		
		
		$('button').on('click',function(){
			var id=parseInt($(this).attr('id'));
			var plus=id+1;
			$('#'+plus).show();
			$('#'+id).hide();
		});
	});

</script>

<div id="1">
	ข้อ 1
	<button type="button" id="1">Next</button>
</div>
<div id="2">
	ข้อ 2
	<button type="button" id="2">Next</button>
</div>

Free E-Learning อ่านบทความ พร้อมแบบทดสอบ random
https://www.thaicreate.com/php/forum/093167.html

Guide Line ครับ

Date : 2014-07-28 18:08:47

By : Ex-[S]i[L]e[N]t

No. 2

ao140

โพสกระทู้ ( 30 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 1 เขียนโดย : Ex-[S]i[L]e[N]t เมื่อวันที่ 2014-07-28 18:08:47

รายละเอียดของการตอบ ::

ขอบคุณพี่มาครับที่มาตอบให้ แต่ยังไม่ใช้ตามที่ผมต้องการอ่ะ เงื่อนไขที่ต้องการคือ มีข้อสอบ 54 ข้อ 3ตัวเลือก แสดงข้อแรก แสดง ตัวเลือกทั้งสามในแบบ ปุ่ม Button 3 ปุ่ม เลือกปุ่มใดก็ได้ 1 ปุ่ม แล้วปุ่มที่เลือกนั้นหายไป เหลือ 2 ปุ่ม เลือกปุ่มที่เหลืออีก ปุ่มที่เลือกนั้นหายไป เหลือ 1ปุ่ม เลือกแล้วหายไป เหมือนเป็นการเรียงลำดับ ว่าเราเรียงตัวเลือกไหนก่อนอ่ะ จากนั้นถึงจะโหลดไปข้อสองอ่ะ เมื่อถึงข้อสุดท้าย เลือกหมดแล้วให้แสดงปุ่ม Submit เพื่อส่งค่าอ่ะ รบกวนหน่อยครับ

Date : 2014-07-28 22:26:28

By : ao140

No. 3

Genesis™

โพสกระทู้ ( 4,169 )
บทความ ( 7 )

ตอบความคิดเห็นที่ : 2 เขียนโดย : ao140 เมื่อวันที่ 2014-07-28 22:26:28

รายละเอียดของการตอบ ::

จาก No. 1 สามารถนำมาประยุกค์ใช้ได้ครับ จาก Code และ Link ที่ให้ไปมันคือ Guide Line อย่างดี ที่สามารถนำมาประยุกค์ได้งานได้จริง โปรแกรมเมอร์ย่อมต้องพัฒนาสกิลด้วยตัวของคุณเองครับ ไม่สามารถบอกได้โดยตรง

Date : 2014-07-29 09:48:59

By : Ex-[S]i[L]e[N]t

No. 4

หน้าฮี

โพสกระทู้ ( 611 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 3 เขียนโดย : Ex-[S]i[L]e[N]t เมื่อวันที่ 2014-07-29 09:48:59

รายละเอียดของการตอบ ::

อธิบายได้ดี/เติมพลังใจได้ดี ครับ

โปรแกรมเมอร์ย่อมต้องพัฒนาสกิลด้วยตัวของคุณเองครับ == โปรแกรมเมอร์ย่อมต้องพัฒนาทักษะด้วยตัวของคุณเองครับ

ปล. ผมมีน้องสาวอยู่คนหนึ่งครับ สาว สวย เข้าไกล้วัยทองแล้ว ถ้าคุณยังโสดผมเป็นเถ้าแก่ให้ สนใจไหมครับ +55555

ประวัติการแก้ไข
2014-07-29 10:04:08

Date : 2014-07-29 10:02:26

By : หน้าฮี

No. 5

Genesis™

โพสกระทู้ ( 4,169 )
บทความ ( 7 )

ตอบความคิดเห็นที่ : 4 เขียนโดย : หน้าฮี เมื่อวันที่ 2014-07-29 10:02:26

รายละเอียดของการตอบ ::

ถามคุณผู้ญก่อนดีกว่านะครับว่าเค้าจะเอาผมรีเปล่า 555+

Date : 2014-07-29 10:54:36

By : Ex-[S]i[L]e[N]t

No. 6

ao140

โพสกระทู้ ( 30 )
บทความ ( 0 )

Code (PHP)

<html lang="en">
 <head>
  <title>thaicreate.com/php/forum/109955.html</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <style type="text/css">	
	fieldset{
		display:none;
	}
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript">
	$(document).ready(function() {
		$("fieldset#1").slideDown(500);
		$("button").click(function(){
			
			var current =  parseInt($(this).parent().slideUp("slow")),
				next = current+1;
			$("fieldset#"+current).slideUp(300);
			$("fieldset#"+next).slideDown(500);
		});
	});
  </script>
 </head>

 <body>
 
  <fieldset style='width:600px;' id='1'>
   <legend>1.Hello</legend>
<div>
  <button id="show">Hide One</button>
  <input type="text" value="One">
</div>
 
<div>
  <button id="show">Hide Two</button>
  <input type="text" value="Two">
</div>
 
<div>
  <button id="show">Hide Three</button>
  <input type="text" value="Three">
</div>
  </fieldset>
  
  <fieldset style='width:600px;' id='2'>
   <legend>2.Halloween</legend>
<div>
  <button id="show">Hide One</button>
  <input type="text" value="One">
</div>
 
<div>
  <button id="show">Hide Two</button>
  <input type="text" value="Two">
</div>
 
<div>
  <button id="show">Hide Three</button>
  <input type="text" value="Three">
</div>
  </fieldset>
  
  <fieldset style='width:600px;' id='3'>
   <legend>3.Titans</legend>
<div>
  <button>Hide One</button>
  <input type="text" value="One">
</div>
 
<div>
  <button>Hide Two</button>
  <input type="text" value="Two">
</div>
 
<div>
  <button>Hide Three</button>
  <input type="text" value="Three">
</div>
  </fieldset>
  
 </body>
</html>

เขียนแบบนี้แล้ว มันไม่โหลดไปข้อสองอ่ะ รบกวนดูให้หน่อยครับ

Date : 2014-07-29 16:47:23

By : ao140

No. 7

Unidentifier

โพสกระทู้ ( 3,156 )
บทความ ( 0 )

เอาไปทดสอบดูน่ะครับ

<html lang="en">
 <head>
  <title>https://www.thaicreate.com/php/forum/110270.html</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <style type="text/css">	
	fieldset{
		display:none;
	}
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript">
	$(document).ready(function() {
		$("#1").slideDown(500);
		$("button.show").click(function(){
			var Question = $(this).parents('fieldset'),
				CurrentQuestionID = Question.attr('id'),
				NextQuestionID = parseInt(Question.attr('id'))+1,
				allhide = $("div",Question).length;
			$(this).parent().css('display','none');
			$("div",Question).each(function(index,value){
				if(!$(this).is(":visible")){
					--allhide;					
				}
				//alert('visible['+index+']:'+$(this).is(":visible"));
			});
			if(allhide==0){
				$("#"+CurrentQuestionID).slideUp(200);
				$("#"+NextQuestionID).slideDown(900);
			}

		});
	});
  </script>
 </head>

 <body>
 
  <fieldset style='width:600px;' id='1'>
   <legend>1.Hello</legend>
<div>
  <button class="show">Hide One</button>
  <input type="text" value="One">
</div>
 
<div>
  <button class="show">Hide Two</button>
  <input type="text" value="Two">
</div>
 
<div>
  <button class="show">Hide Three</button>
  <input type="text" value="Three">
</div>
  </fieldset>
  
  <fieldset style='width:600px;' id='2'>
   <legend>2.Halloween</legend>
<div>
  <button class="show">Hide One</button>
  <input type="text" value="One">
</div>
 
<div>
  <button class="show">Hide Two</button>
  <input type="text" value="Two">
</div>
 
<div>
  <button class="show">Hide Three</button>
  <input type="text" value="Three">
</div>
  </fieldset>
  
  <fieldset style='width:600px;' id='3'>
   <legend>3.Titans</legend>
<div>
  <button>Hide One</button>
  <input type="text" value="One">
</div>
 
<div>
  <button>Hide Two</button>
  <input type="text" value="Two">
</div>
 
<div>
  <button>Hide Three</button>
  <input type="text" value="Three">
</div>
  </fieldset>
  
 </body>
</html>

ประวัติการแก้ไข
2014-07-29 18:23:20

Date : 2014-07-29 18:18:53

By : sakuraei

No. 8

ao140

โพสกระทู้ ( 30 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 7 เขียนโดย : sakuraei เมื่อวันที่ 2014-07-29 18:18:53

รายละเอียดของการตอบ ::

ขอบคุณมากครับพี่ พี่ครับรบกวนอีกหน่อยอ่ะ ผมอยากให้ข้อสุดท้ายเลือกแล้วหายด้วยอ่ะ หลังจากเลือกหมดแล้วให้แสดงปุ่ม Submit เพื่อส่งค่าอ่ะ ของแต่ละ button อ่ะ

รบกวนด้วยครับ

Date : 2014-07-29 21:40:56

By : ao140

No. 9

Unidentifier

โพสกระทู้ ( 3,156 )
บทความ ( 0 )

Code (PHP)

<html lang="en">
 <head>
  <title>https://www.thaicreate.com/php/forum/110270.html</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <style type="text/css">	
	fieldset{
		display:none;
		width:600px;
	}
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript">
	$(document).ready(function() {
		$("fieldset#1").slideDown(500);
		$("button.show").click(function(){
			var Question = $(this).parents('fieldset'),
				CurrentQuestionID = Question.attr('id'),
				NextQuestionID = parseInt(Question.attr('id'))+1,
				allhide = $("div",Question).length;
			$(this).parent().css('display','none');
			$("div",Question).each(function(index,value){
				if(!$(this).is(":visible")){
					--allhide;					
				}
				//alert('visible['+index+']:'+$(this).is(":visible"));
			});
			if(allhide==0){
				$("fieldset#"+CurrentQuestionID).slideUp(200);
				$("fieldset#"+NextQuestionID).slideDown(900);
			}

		});
	});
  </script>
 </head>

 <body>
  <fieldset id='1'>
   <legend>1.Hello</legend>
<div>
  <button class="show">Hide One</button>
  <input type="text" value="One">
</div>
 
<div>
  <button class="show">Hide Two</button>
  <input type="text" value="Two">
</div>
 
<div>
  <button class="show">Hide Three</button>
  <input type="text" value="Three">
</div>
  </fieldset>
  
  <fieldset id='2'>
   <legend>2.Halloween</legend>
<div>
  <button class="show">Hide One</button>
  <input type="text" value="One">
</div>
 
<div>
  <button class="show">Hide Two</button>
  <input type="text" value="Two">
</div>
 
<div>
  <button class="show">Hide Three</button>
  <input type="text" value="Three">
</div>
  </fieldset>
  
<fieldset id='3'>
<legend>3.Titans</legend>
<div>
  <button class="show">Hide One</button>
  <input type="text" value="One">
</div>
 
<div>
  <button class="show">Hide Two</button>
  <input type="text" value="Two">
</div>
 
<div>
  <button class="show">Hide Three</button>
  <input type="text" value="Three">
</div>
</fieldset>

<fieldset style='border:0px;' id='4'>
	<input type='button' />
</fieldset>
 </body>
</html>

Date : 2014-07-29 22:19:47

By : sakuraei

No. 10

Chaidhanan

โพสกระทู้ ( 9,586 )
บทความ ( 2 )

ก่อนที่ส่งค่าไปหน้า อื่น ใส่ เพิ่ม tag form ก่อน ดีไหมครับ
ทำมาลอยๆ แบบนี้ มันไม่ไปไหนหรอกครับ มันไม่มีตัวอ้างอิง สำหรับ request ครับ

และ ใส่ name สำหรับ tag input แต่ละอันให้เรียบร้อย อย่างน้อยก็เพื่อแสดงผล ในการตรวจสอบข้อมูลว่าถูกต้องหรือไม่ด้วยครับ

Date : 2014-08-05 10:05:58

By : Chaidhanan

No. 11

Unidentifier

โพสกระทู้ ( 3,156 )
บทความ ( 0 )

ผมคิดว่าน้องเค้าคงได้แล้วล่ะครับ
โค้ดที่เอามาให้ช่วยแก้ไข อาจเป็นเพียงตัวอย่างง่ายๆเพื่อหาโซลูชั่นมากกว่าครับ

Date : 2014-08-05 10:24:26

By : sakuraei

No. 12

Chaidhanan

โพสกระทู้ ( 9,586 )
บทความ ( 2 )

Code (PHP)

<?php
if(isset($_REQUEST['answer_1'])){
	print_r($_REQUEST); exit;
}
?><html lang="en">
<head>
<title>thaicreate.com/php/forum/109955.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">	
fieldset{ display:none; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
var cur_fs = 1; // mark current fieldset
var max_fs = 3; // mark max fieldset  
$(document).ready(function() {
	$("fieldset#1").slideDown(500);
	$('.submit').click(function(){
		alert('answer ข้อ1='+document.frm.answer_1.value);
		alert('answer ข้อ2='+document.frm.answer_2.value);
		alert('answer ข้อ3='+document.frm.answer_3.value);
		$('#frm').submit();  // เรียบร้อยเอา alert ข้างบนออก
	});
	$(".show").click(function(){		
		$("fieldset#"+cur_fs).slideUp('slow');
		var ix=$(this).attr('ix');
		$('#answer_'+cur_fs).val(ix);
		cur_fs++;
		if(cur_fs<=max_fs)
			setTimeout('waitEvent('+cur_fs+')', 500);
		else
			setTimeout('waitEvent("endFS")', 500)
	});
});
function waitEvent(id){
	$("fieldset#"+id).slideDown(500);
}
</script>
 </head>

<body>
<form name="frm" id="frm">
<input type="hidden" name="answer_1" id="answer_1" >
<input type="hidden" name="answer_2" id="answer_2" >
<input type="hidden" name="answer_3" id="answer_3" >
</form> 
<fieldset style='width:600px;' id='1'>
	<legend>1.Hello</legend>
	<div><button class="show" ix="1">Hide One</button><input type="text" value="One"></div>
	<div><button class="show" ix="2">Hide Two</button><input type="text" value="Two"></div>
	<div><button class="show" ix="3">Hide Three</button><input type="text" value="Three"></div>
</fieldset>
<fieldset style='width:600px;' id='2'>
	<legend>2.Halloween</legend>
	<div><button class="show" ix="1">Hide One</button><input type="text" value="One"></div>
	<div><button class="show" ix="2">Hide Two</button><input type="text" value="Two"></div>
	<div><button class="show" ix="3">Hide Three</button><input type="text" value="Three"></div>
</fieldset>
<fieldset style='width:600px;' id='3'>
	<legend>3.Titans</legend>
	<div><button class="show" ix="1">Hide One</button><input type="text" value="One"></div>
	<div><button class="show" ix="2">Hide Two</button><input type="text" value="Two"></div>
	<div><button class="show" ix="3">Hide Three</button><input type="text" value="Three"></div>
</fieldset>
<fieldset style='width:600px;' id='endFS' >
	<legend>Complete</legend>
	<div><button class="submit">Send Answer</button></div>
</fieldset>
</body>
</html>

ลองดูครับ

ประวัติการแก้ไข
2014-08-05 15:19:41

Date : 2014-08-05 15:14:09

By : Chaidhanan

No. 13

หน้าฮี

โพสกระทู้ ( 611 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 12 เขียนโดย : Chaidhanan เมื่อวันที่ 2014-08-05 15:14:09

รายละเอียดของการตอบ ::

@คุณตาครับ, @Unidentifier ผมเหมารวมตั้งแต่กระทุ้ที่ #No1 -#No12
1. print_r($_REQUEST); exit; อย่างนี้ผมก็ตายครับ
2. Post()
3. Get()
4. ...
5. ...

ผมตายแล้วตายอีก ผมลงสวรรค์เลยนะครับ ถ้าผมต้องเขียนแบบนี้ (ผมเขียนคนเดียว)

ประวัติการแก้ไข
2014-08-05 15:24:38

Date : 2014-08-05 15:23:24

By : หน้าฮี

No. 14

Chaidhanan

โพสกระทู้ ( 9,586 )
บทความ ( 2 )

มันเป็นการ ทดสอบ ครับ
และถ้าเห็นข้อผิดผลาด แล้วไม่บอกว่าผิดผลาดอย่างไร ก็เงียบไปดีกว่าครับ ไม่ได้สร้างสรรอะไร
การแสดงอวดภูมิว่ารู้แต่ไม่ได้บอกว่ารู้อะไร มันก็แค่ลมผ่านหูอะครับ

Date : 2014-08-05 15:29:47

By : Chaidhanan

No. 15

หน้าฮี

โพสกระทู้ ( 611 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 14 เขียนโดย : Chaidhanan เมื่อวันที่ 2014-08-05 15:29:47

รายละเอียดของการตอบ ::

คุณตาครับถ้าผมติดคุก คุณตาจะกรุณาไปเยี่ยมกระผมไหมครับ?

ปล. คุกมีเอา
ไว้ ขัง คนดีแต่จน และสวรรค์มีเอาไว้ ขัง คนชั่วแต่รวย

ประวัติการแก้ไข
2014-08-05 15:46:34

Date : 2014-08-05 15:43:51

By : หน้าฮี

No. 16

CowBoyCNX

โพสกระทู้ ( 212 )
บทความ ( 0 )

เขียนแบบพี่ unidentifier + Chaidhanan จะติดคุกได้ยังงัยครับ

Date : 2014-08-05 15:47:48

By : cowboycnx

No. 17

หน้าฮี

โพสกระทู้ ( 611 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 16 เขียนโดย : cowboycnx เมื่อวันที่ 2014-08-05 15:47:48

รายละเอียดของการตอบ ::

คุณตาครับถ้าผมติดคุก คุณตาจะกรุณาไปเยี่ยมกระผมไหมครับ?
คุณ cowboycnx ครับถ้าผมติดคุก คุณจะกรุณาไปเยี่ยมกระผมไหมครับ?

Date : 2014-08-05 15:50:39

By : หน้าฮี

No. 18

หน้าฮี

โพสกระทู้ ( 611 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 16 เขียนโดย : cowboycnx เมื่อวันที่ 2014-08-05 15:47:48

รายละเอียดของการตอบ ::

คุณสังเกตุดูดีดีครับ และย้ำว่า คุณสังเกตุดูดีดีครับ ถึงแม้ว่าผมอยู่ในคุกแต่ผมก็ไม่อับจนครับ

Date : 2014-08-05 15:54:56

By : หน้าฮี

No. 19

CowBoyCNX

โพสกระทู้ ( 212 )
บทความ ( 0 )

ฮ่าๆๆๆ เข้าขั้นแล้วครับ เริ่มมโนไปเองแล้ว

Date : 2014-08-05 15:59:14

By : cowboycnx

No. 20

CowBoyCNX

โพสกระทู้ ( 212 )
บทความ ( 0 )

ผมงงอ่ะ ให้ดูอะไรครับ

Date : 2014-08-05 16:04:03

By : cowboycnx

No. 21

หน้าฮี

โพสกระทู้ ( 611 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 20 เขียนโดย : cowboycnx เมื่อวันที่ 2014-08-05 16:04:03

รายละเอียดของการตอบ ::

ผมเป็น "สัตว์ป่า" ครับ โดยธรรมชาติดุร้าย ก้าวร้าว กักขระ etc และอาวุธของผมคือ "ฟัน"
แต่คุณสังเกตุดูว่า "ผมไม่เคยก้าวร้าว สุดโต่ง"
ผมใช้ฟันและกัดโดยสัญชาติญานของ "สัตว์ป่า"

ปล. ผมไม่เคยกัด เจ้าของ/มิตรให้ถึงตาย ครับ

Date : 2014-08-05 16:11:22

By : หน้าฮี

No. 22

Chaidhanan

โพสกระทู้ ( 9,586 )
บทความ ( 2 )

Code (PHP)

<?php
if(isset($_REQUEST['action'])){
	print_r($_REQUEST); exit;
}
?><html lang="en">
<head>
<title>thaicreate.com/php/forum/109955.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">	
fieldset{ display:none; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
var c={ bt: 0, ch1: '', ch2: '', ch3:'' }
var cur_fs = 1; // mark current fieldset
var max_fs = 3; // mark max fieldset  
var array_FS = Array();
var btSubmit=false;
$(document).ready(function() {
	$("fieldset#1").slideDown(500);
	$('.submit').click(function(){
		btSubmit=true;
		$('#frm').submit(); 
	});
	$(".show").click(function(){
		var L = array_FS.length;
		if(L<cur_fs) array_FS[L]=0;
		else L--;
		array_FS[L]++;
		if(array_FS[L]==3) {
			$("fieldset#"+cur_fs).slideUp('slow');
			cur_fs++;
			setTimeout('waitEvent('+(cur_fs<=max_fs? cur_fs : ' "endFS" ')+')', 500);
		}else{
			$(this).parent().hide();
		}
	});
});
function waitEvent(id){ $("fieldset#"+id).slideDown(500); }
function chkSubmit(){ return btSubmit; }
</script>
</head>
<body>
<form name="frm" id="frm" method="post" onSubmit="return chkSubmit()">
<input type="hidden" name="action" value="ok" >
<fieldset style='width:600px;' id='1'>
	<legend>1.Hello</legend>
	<div><button class="show" >Hide One</button><input type="text" name="choice_1[]" value="One"></div>
	<div><button class="show" >Hide Two</button><input type="text" name="choice_1[]"  value="Two"></div>
	<div><button class="show" >Hide Three</button><input type="text" name="choice_1[]"  value="Three"></div>
</fieldset>
<fieldset style='width:600px;' id='2'>
	<legend>2.Halloween</legend>
	<div><button class="show" >Hide One</button><input type="text" name="choice_2[]"  value="One"></div>
	<div><button class="show" >Hide Two</button><input type="text" name="choice_2[]"  value="Two"></div>
	<div><button class="show" >Hide Three</button><input type="text" name="choice_2[]"  value="Three"></div>
</fieldset>
<fieldset style='width:600px;' id='3'>
	<legend>3.Titans</legend>
	<div><button class="show" >Hide One</button><input type="text" name="choice_3[]"  value="One"></div>
	<div><button class="show" >Hide Two</button><input type="text" name="choice_3[]"  value="Two"></div>
	<div><button class="show" >Hide Three</button><input type="text" name="choice_3[]"  value="Three"></div>
</fieldset>
<fieldset style='width:600px;' id='endFS' >
	<legend>Complete</legend>
	<div><button class="submit">Send Answer</button></div>
</fieldset>
</form> 
</body>
</html>

การใช้ tag button ใน form มัน เท่ากับการกด <input type=submit นะครับ ทำไมไม่ใช้ <input type=button > ล่ะครับ
ลองดูครับ ครั้งนี้คง ตรงความต้องการนะครับ

Date : 2014-08-05 17:00:11

By : Chaidhanan

No. 23

Chaidhanan

โพสกระทู้ ( 9,586 )
บทความ ( 2 )

Code (PHP)

<?php
if(isset($_REQUEST['action'])){
	print_r($_REQUEST); exit;
}
?><html lang="en">
<head>
<title>thaicreate.com/php/forum/109955.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">	
fieldset{ display:none; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
var c={ bt: 0, ch1: '', ch2: '', ch3:'' }
var cur_fs = 1; // mark current fieldset
var max_fs = 3; // mark max fieldset
var ans = Array('A', 'B', 'X');  
var array_FS = Array();
var btSubmit=false;
$(document).ready(function() {
	$("fieldset#1").slideDown(500);
	$('.submit').click(function(){
		btSubmit=true;
		$('#frm').submit(); 
	});
	$(".show").click(function(){
		var L = array_FS.length;
		if(L<cur_fs) array_FS[L]=0;
		else L--;
		var ix = $(this).attr('ix');
		array_FS[L]++;
		document.frm['choice_'+cur_fs+'[]'][ix-1].value=ans[array_FS[L]-1];
		if(array_FS[L]==3) {
			$("fieldset#"+cur_fs).slideUp('slow');
			cur_fs++;
			setTimeout('waitEvent('+(cur_fs<=max_fs? cur_fs : ' "endFS" ')+')', 500);
		}else{
			$(this).parent().hide();
		}
	});
});
function waitEvent(id){
	$("fieldset#"+id).slideDown(500);
}
function chkSubmit(){
	return btSubmit;
}
</script>
 </head>

<body>
<form name="frm" id="frm" method="post" onSubmit="return chkSubmit()">
<input type="hidden" name="action" value="ok" >
<fieldset style='width:600px;' id='1'>
	<legend>1.Hello</legend>
	<div><button class="show" ix="1">Hide One</button><input type="text" name="choice_1[]" value="One"></div>
	<div><button class="show" ix="2">Hide Two</button><input type="text" name="choice_1[]"  value="Two"></div>
	<div><button class="show" ix="3">Hide Three</button><input type="text" name="choice_1[]"  value="Three"></div>
</fieldset>
<fieldset style='width:600px;' id='2'>
	<legend>2.Halloween</legend>
	<div><button class="show" ix="1">Hide One</button><input type="text" name="choice_2[]"  value="One"></div>
	<div><button class="show" ix="2">Hide Two</button><input type="text" name="choice_2[]"  value="Two"></div>
	<div><button class="show" ix="3">Hide Three</button><input type="text" name="choice_2[]"  value="Three"></div>
</fieldset>
<fieldset style='width:600px;' id='3'>
	<legend>3.Titans</legend>
	<div><button class="show" ix="1">Hide One</button><input type="text" name="choice_3[]"  value="One"></div>
	<div><button class="show" ix="2">Hide Two</button><input type="text" name="choice_3[]"  value="Two"></div>
	<div><button class="show" ix="3">Hide Three</button><input type="text" name="choice_3[]"  value="Three"></div>
</fieldset>
<fieldset style='width:600px;' id='endFS' >
	<legend>Complete</legend>
	<div><button class="submit">Send Answer</button></div>
</fieldset>
</form> 
</body>
</html>

Date : 2014-08-05 18:08:24

By : Chaidhanan

No. 24

CowBoyCNX

โพสกระทู้ ( 212 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 23 เขียนโดย : Chaidhanan เมื่อวันที่ 2014-08-05 18:08:24

รายละเอียดของการตอบ ::

ไม่ยากเลยครับ แค่ใส่ type='button' ให้ <button class='show' type='button'></button> แค่นี้มันก็เปลี่ยนพฤติกรรมให้เชื่องลงได้แล้ว

Date : 2014-08-05 18:23:27

By : cowboycnx

No. 25

Chaidhanan

โพสกระทู้ ( 9,586 )
บทความ ( 2 )

ตอบความคิดเห็นที่ : 24 เขียนโดย : cowboycnx เมื่อวันที่ 2014-08-05 18:23:27

รายละเอียดของการตอบ ::

ขอบคุณครับ เพิ่มความรู้ขึ้นมาอีก 1 อย่าง

Date : 2014-08-05 18:43:20

By : Chaidhanan

No. 26

ao140

โพสกระทู้ ( 30 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 23 เขียนโดย : Chaidhanan เมื่อวันที่ 2014-08-05 18:08:24

รายละเอียดของการตอบ ::

Code (PHP)

<?php
if(isset($_REQUEST['action'])){
	print_r($_REQUEST); exit;
}
require_once "connection/config.php";
$res = mysql_query("select max(id) from testB") or die(mysql_error());
list($max) = mysql_fetch_row($res);
$testB_q = mysql_query ("SELECT * FROM testB order by id");
?><html lang="en">
<head>
<title>thaicreate.com/php/forum/109955.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874" />
<style type="text/css">	
fieldset{ display:none; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
var c={ bt: 0, ch1: '', ch2: '', ch3:'' }
var cur_fs = 1; // mark current fieldset
var max_fs = <?php echo $max ?>; // mark max fieldset
var ans = Array('A', 'B', 'X');  
var array_FS = Array();
var btSubmit=false;
$(document).ready(function() {
	$("fieldset#1").slideDown(500);
	$('.submit').click(function(){
		btSubmit=true;
		$('#frm').submit(); 
	});
	$(".show").click(function(){
		var L = array_FS.length;
		if(L<cur_fs) array_FS[L]=0;
		else L--;
		var ix = $(this).attr('ix');
		array_FS[L]++;
		document.frm['choice_'+cur_fs+'[]'][ix-1].value=ans[array_FS[L]-1];
		if(array_FS[L]==3) {
			$("fieldset#"+cur_fs).slideUp('slow');
			cur_fs++;
			setTimeout('waitEvent('+(cur_fs<=max_fs? cur_fs : ' "endFS" ')+')', 500);
		}else{
			$(this).parent().hide();
		}
	});
});
function waitEvent(id){
	$("fieldset#"+id).slideDown(500);
}
function chkSubmit(){
	return btSubmit;
}
</script>
 </head>

<body>
<form name="frm" id="frm" method="post" onSubmit="return chkSubmit()">
<input type="hidden" name="action" value="ok" >
        <?php
		
		while ($row = mysql_fetch_array ($testB_q))
		{
			
        ?>
<fieldset style='width:600px;' id='<?=$row['id']?>'>
	<legend><?=$row['id']?>.<?=$row['question']?></legend>
	<div><button class="show" ix="1"><?=$row['c1']?></button><input type="hidden" name="choice_1[]"></div>
	<div><button class="show" ix="2"><?=$row['c2']?></button><input type="hidden" name="choice_1[]"></div>
	<div><button class="show" ix="3"><?=$row['c3']?></button><input type="hidden" name="choice_1[]"></div>
</fieldset>
		<?php 	}   ?>

<fieldset style='width:600px;' id='endFS' >
	<legend>Complete</legend>
	<div><button class="submit">Send Answer</button></div>
</fieldset>
</form> 
</body>
</html>

พี่ครับรบกวนอีกครับ ผมดึงข้อมูลจากฐาน แต่พอมันโหลดไป ข้อ2 กดปุ่มตอบแล้วไม่ทำงานอ่ะ

Date : 2014-08-07 15:33:36

By : ao140

No. 27

CowBoyCNX

โพสกระทู้ ( 212 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 26 เขียนโดย : ao140 เมื่อวันที่ 2014-08-07 15:33:36

รายละเอียดของการตอบ ::

สรุปว่าหายไปตั้งนานยังไม่เสร็จหรือครับ...

Date : 2014-08-07 15:36:52

By : cowboycnx

No. 28

ao140

โพสกระทู้ ( 30 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 27 เขียนโดย : cowboycnx เมื่อวันที่ 2014-08-07 15:36:52

รายละเอียดของการตอบ ::

ไม่ได้ทำอ่ะ แก้ได้แล้วครับ

Date : 2014-08-07 15:45:43

By : ao140

No. 29

CowBoyCNX

โพสกระทู้ ( 212 )
บทความ ( 0 )

สรุปว่าเสร็จแล้ว แต่ตอนนี้อยากเปลี่ยนโค้ดหรอครับ

Date : 2014-08-07 15:50:42

By : cowboycnx

No. 30

CowBoyCNX

โพสกระทู้ ( 212 )
บทความ ( 0 )

ผมขออนุญาตเอาของพี่ Unidentifier มาแก้ไขน่ะครับ

<?php
if(isset($_REQUEST['action'])){
	print_r($_REQUEST); exit;
}
require_once "connection/config.php";
$res = mysql_query("select max(id) from testB") or die(mysql_error());
list($max) = mysql_fetch_row($res);
$testB_q = mysql_query ("SELECT * FROM testB order by id");
?
<html lang="en">
 <head>
  <title>https://www.thaicreate.com/php/forum/110270.html</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <style type="text/css">	
	fieldset{
		display:none;
		width:600px;
	}
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript">
	$(document).ready(function() {
		$("fieldset#1").slideDown(500);
		$("button.show").click(function(){
			var Question = $(this).parents('fieldset'),
				CurrentQuestionID = Question.attr('id'),
				NextQuestionID = parseInt(Question.attr('id'))+1,
				allhide = $("div",Question).length;
			$(this).parent().css('display','none');
			$("div",Question).each(function(index,value){
				if(!$(this).is(":visible")){
					--allhide;					
				}
				//alert('visible['+index+']:'+$(this).is(":visible"));
			});
			if(allhide==0){
				$("fieldset#"+CurrentQuestionID).slideUp(200);
				$("fieldset#"+NextQuestionID).slideDown(900);
			}

		});
	});
  </script>
 </head>

 <body>
 <form method='get'>
<input type="hidden" name="action" value="ok" >
<?php
$no=1;
while ($row = mysql_fetch_array ($testB_q))
{
?>
  <fieldset id='<?=$no?>'>
   <legend><?=$no?>.<?=$row['question']?></legend>
	<div><button class="show" type="button"><?=$row['c1']?></button><input type="hidden" name="choice_1[]"></div>
	<div><button class="show" type="button"><?=$row['c2']?></button><input type="hidden" name="choice_1[]"></div>
	<div><button class="show" type="button"><?=$row['c3']?></button><input type="hidden" name="choice_1[]"></div>
  </fieldset>
<?php 
	++$no;
} 
?>  

<fieldset style='border:0px;' id='<?=$no?>'>
	<input type='submit' value='SaveForm' />
</fieldset>
</form>
 </body>
</html>

ไม่ต้องเอา $row['id'] มาใช้กำกับโจทย์แต่ละข้อน่ะครับ ให้ใช้ $no ที่ตั้งขึ้นใหม่ดีกว่า
เหตุผลเพราะข้อมูลจริง id อาจไม่ต่อเนื่องกัน เพราะมีการลบหรือเพิ่มอยู่ตลอดเวลา ทำให้อาจมีลำดับที่ไม่ต่อเนื่องกัน
และการไม่ใช้ $row['id'] ก็ไม่มีผลอะไรกับข้อมูลที่จะส่งไปบันทึกเลยครับ

ประวัติการแก้ไข
2014-08-07 16:29:30

Date : 2014-08-07 16:24:50

By : cowboycnx

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : สอบถามการสร้างปุ่ม Button 3 ปุ่ม เลือกแล้วหายไป จนครอบ 3 ปุ่ม แล้วถึงโหลดไปข้อ2

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 02

Registered : 109,037

document.write("<font color=996600>[PHP]</font>"); สอบถามการสร้างปุ่ม Button 3 ปุ่ม เลือกแล้วหายไป จนครอบ 3 ปุ่ม แล้วถึงโหลดไปข้อ2

No. 1

No. 2

No. 3

No. 4

No. 5

No. 6

No. 7

No. 8

No. 9

No. 10

No. 11

No. 12

No. 13

No. 14

No. 15

No. 16

No. 17

No. 18

No. 19

No. 20

No. 21

No. 22

No. 23

No. 24

No. 25

No. 26

No. 27

No. 28

No. 29

No. 30

ค้นหาข้อมูล

อัพโหลดแทรกรูปภาพ

Notice

สอบถามการสร้างปุ่ม Button 3 ปุ่ม เลือกแล้วหายไป จนครอบ 3 ปุ่ม แล้วถึงโหลดไปข้อ2