Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > PHP > PHP Forum > จะสร้างคำสั่ง Javascript แบบ jQuery แบบ Dynamic ได้ยังไงครับ พอดีทำไม่ได้เลย



 

จะสร้างคำสั่ง Javascript แบบ jQuery แบบ Dynamic ได้ยังไงครับ พอดีทำไม่ได้เลย

 



Topic : 099100



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



สถานะออฟไลน์




Code (PHP)
<?php
					   $ordersql="select*from orders";
					   mysql_query("SET NAMES utf8");
					   $ordersqlquery=mysql_db_query($dbname,$ordersql);
					   $dynamicjs.= "";
					   $dynamicreadyjs.= "";
					   while($orderresult=mysql_fetch_array($ordersqlquery)){
						   $orderid=$orderresult['id'];
						   // Convert order type to text
						   if($orderresult['type']=="net"){
							   $ordertype="ติดตั้งระบบเครือข่าย";
							   }
						   elseif($orderresult['type']=="electric"){
								$ordertype="เดินระบบไฟฟ้า";
								}
						   elseif($orderresult['type']=="cctv"){
							   $ordertype="ติดตั้งกล้องวงจรปิด";
						   }
						   else{
							   $ordertype="Error";
						   }
						   $ordercustname=$orderresult['custname'];
						   $ordercustemail=$orderresult['custemail'];
						   $ordercusttel=$orderresult['custtel'];
						   $orderdate=$orderresult['date'];
						   $orderremark=$orderresult['remark'];
						   // Define table header
						   if($orderresult['type']=="net"){
							   $headcolor="#C4FFD2";
						   }
						   elseif($orderresult['type']=="electric"){
							   $headcolor="#F8E0F7";
						   }
						   elseif($orderresult['type']=="cctv"){
							   $headcolor="#FAAC58";
						   }
						   else{
							   $headcolor="#fff";
						   }
						   // Go back to main code
						echo "<li>";
							echo "<div class='placeorder'>";
								echo "<table class='table table-bordered' style='width:340px;' cellpadding=5 cellspacing=5>";
									echo "<tr style='background-color:$headcolor;'>";
										echo "<td colspan=2><h4>Order No. $orderid</h4></td>";									
									echo "</tr>";	
									echo "<tr>";
										echo "<td><b>รูปแบบบริการ :</b></td>";
										echo "<td>$ordertype</td>";
									echo "</tr>";
									echo "<tr>";
										echo "<td><b>ชื่อลูกค้า :</b></td>";
										echo "<td>$ordercustname</td>";
									echo "</tr>";
									echo "<tr>";
										echo "<td><b>อีเมล์ลูกค้า :</b></td>";
										echo "<td>$ordercustemail</td>";
									echo "</tr>";
									echo "<tr>";
										echo "<td><b>เบอร์โทรติดต่อ :</b></td>";
										echo "<td>$ordercusttel</td>";
									echo "</tr>";
									echo "<tr>";
										echo "<td><b>วันดำเนินงาน :</b></td>";
										echo "<td>$orderdate</td>";
									echo "</tr>";
									// Scan for remark existence
									if(!empty($orderremark)){
									echo "<tr>";
										echo "<td><b>หมายเหตุ :</b></td>";
										echo "<td>$orderremark</td>";
									echo "</tr>";
									echo "<tr>";
										echo "<td id='columtoggleprocess".$orderid."' colspan=2><button id='processbtn".$orderid."' class='btn btn-primary'>ดำเนินการ</button></td>";
										echo "<td id='columprocess".$orderid."' colspan=2'>";
										echo "<button id='btnconfirm".$orderid."' class='btn btn-info'>แจ้งยืนยันดำเนินงาน</button>";
										echo "<button id='btndone".$orderid."' class='btn btn-success'>ดำเนินงานแล้ว</button>";
										echo "</td>";
									echo" </tr>";
									// Inject JavaScript
										echo "<script>";
										echo "$(document).ready(function (){
												$('#columprocess".$orderid."').hide();
										})";
										echo "$('#processbtn".$orderid."').click(function (){
												$('#columtoggleprocess".$orderid."').hide();
												$('#columprocess".$orderid."').fadeIn('slow');
										})";
										echo "</script>";
									}
									// Back to main code
								echo "</table>";
							echo "</div>";
						echo "</li>";
					   }
					   mysql_close();
					?> 


อันนี้เป็นโค้ดนะครับ คือเป็นตารางแสดงการสั่งซื้อของลูกค้า ก็จะใช้ลูป while กับ fetch_array ดึงข้อมูลมาแสดงในตารางปกติ หนึ่งตารางต่อหนึ่งออเดอร์ แต่ตรงด้านล่างตารางจะมีปุ่มชื่อ "ดำเนินการ" หรือในโค้ดเป็น processbtn ซึ่งพอกดปุ่มนี้ก็จะให้ซ่อนตัวมันเองและแสดงปุ่ม "แจ้งยืนยัน" กับ "ดำเนินงานแล้ว" ซึ่งปกติเราก็จะใช้ javascript สั่งให้มันซ่อนแสดงใช่ไหมครับ

แต่กรณีนี้ผมต้องการสร้างคำสั่ง javascript สำหรับซ่อนแสดงปุ่มพวกนี้ คือ ตอนแรกมาให้ซ่อนปุ่ม ยืนยัน กับ ดำเนินงานแล้ว ไว้ก่อน ให้แสดงแค่คอลัมน์ของปุ่ม ดำเนินการ อย่างเดียว พอกดปุ่มนี้ค่อยแสดงปุ่ม ยืนยัน กับ ดำเนินงานแล้ว

คือผมอยากสร้างให้เป็นของแต่ละออเดอร์หรือแต่ละตารางน่ะครับ ลองทำแล้วแต่ทำไม่ได้ รบกวนดูให้ทีครับ ขอบคุณครับ



Tag : PHP, JavaScript, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-08-14 18:11:56 By : aslscarecrow View : 852 Reply : 1
 

 

No. 1



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์
Twitter Facebook

ยังไงครับ ขอดูรูปหน้า app หน่อยครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-16 09:23:23 By : mangkunzo
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : จะสร้างคำสั่ง Javascript แบบ jQuery แบบ Dynamic ได้ยังไงครับ พอดีทำไม่ได้เลย
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







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

Load balance : Server 05
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่