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 > jquery อยากให้คลิกที่แถวแล้วแสดง dialog ขึ้นมาครับ



 

jquery อยากให้คลิกที่แถวแล้วแสดง dialog ขึ้นมาครับ

 



Topic : 110670



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



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




Code (PHP)
<div class="module-body table">								
								<?php //คิวรี่รายการแจ้งซ่อม 
                                	$SQL = "SELECT `Date`, `work_descrip` FROM `task`";
                                	$Query = mysql_query($SQL) or die ("Error Query [".$SQL."]");
                                ?>
								<table class="table table-message">
									<tbody>
										<tr class="heading">
											<td class="cell-icon"></td>
											<td class="cell-title">Task</td>
											<td class="cell-status hidden-phone hidden-tablet">Status</td>
											<td class="cell-time align-right">Due Date</td>
										</tr>
										<?php 
											$i=0;
                                        	 while($Result = mysql_fetch_assoc($Query))
                                                {
                                            $i++;
										?>
										<tr class="task">
											<td class="cell-icon"><i class="icon-checker high"></i></td>
											<td class="cell-title"><?=$Result["work_descrip"];?><div></div></td>
											<td class="cell-status hidden-phone hidden-tablet"><b class="due">Missed</b></td>
											<td class="align-right"><?=$Result["Date"];?></td>
										</tr>
										<?php
												} //จบคิวรี่รายการแจ้งซ่อม
										?>
									</tbody>
								</table>
							</div>


Code (PHP)
<script type="text/javascript">
		$(document).ready(function() {
			$('.table-message tbody tr').click(
				function() 
				{
					$(this).dialog("open");
				}
			);
		} );
	</script>


ผมลองทำแล้วพอคลิกแต่ละแถวแล้วมันไม่แสดง dialog ขึ้นมาครับ



Tag : PHP, HTML/CSS, JavaScript, Ajax, jQuery






Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2014-08-17 13:43:42 By : littlebeer View : 1654 Reply : 16
 

 

No. 1



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

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

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

Code (PHP)
<!--
//เรียกใช้ jquery, jquery ui ด้วย
-->
<script>
  function openDialog()
  {
     $(function() {
        $( "#dialog" ).dialog();
     });
  }
</script>
<table>
   <tr onclick="openDialog()"><td>A</td><td>B</td></tr>
   <tr onclick="openDialog()">><td>C</td><td>D</td></tr>
</table>
<div id="dialog" title="Test dialog">
  <p>ทดสอบ Dialog</p>
</div>








ประวัติการแก้ไข
2014-08-17 13:57:33
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-17 13:56:38 By : mangkunzo
 


 

No. 2



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



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


พอคลิกที่แถวนั้น ๆ แล้วก็แสดง dialog นะครับ แต่แถวนั้นมันจะหายไปด้วย

Code (PHP)
<script type="text/javascript">
		$(document).ready(function() {
			$('.table-message tbody tr').click(
				function() 
				{
					$(this).dialog();
				}
			);
		} );
	</script>


22


พอคลิกแล้วจะเป็นแบบนี้
33


ประวัติการแก้ไข
2014-08-18 16:22:09
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-18 16:13:50 By : littlebeer
 

 

No. 3



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



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


ดันหน่อย ๆ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-18 19:40:03 By : littlebeer
 


 

No. 4



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



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


ประเด็นคือ พอกดกากบาทแล้ว แถวที่หายไปจะขึ้นมาอีกไหมครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-18 20:19:44 By : Chaidhanan
 


 

No. 5



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



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


ไม่ขึ้นครับ หายแล้วหายเลย
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-19 11:09:46 By : littlebeer
 


 

No. 6



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



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


Code (JavaScript)
<script type="text/javascript">
		$(document).ready(function() {
			$('.table-message tbody tr').click(
				function() 
				{
					$(this).dialog();
					$(this).remove();

				}
			);
		} );
	</script>


ปล.ไม่ได้ลองนะครับ ยังไงถ้าทำไม่ได้ก็ โพสมานะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-19 11:44:37 By : Chaidhanan
 


 

No. 7



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



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


หายครับ คราวนี้ไม่ขึ้น dialog ด้วยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-19 14:10:43 By : littlebeer
 


 

No. 8



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



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


Code (JavaScript)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TEST</title>
<link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<head>
<script type="text/javascript">
$(document).ready(function() {
	$('.openDialog').click(function() {
		$(this).dialog({
			width: 600,
			height: 400
			});		
		}
	);
});
</script>
<table border="1" cellpadding="2" cellspacing="2" style="width: 200px">
<tr class=openDialog ><td align="center">A</td><td align="center">B</td></tr>
<tr class=openDialog ><td align="center">C</td><td align="center">D</td></tr>
</table>
</body>
</html>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-19 15:41:28 By : Chaidhanan
 


 

No. 9



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



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


หายเหมือนเดิมครับ -*- แปลกจริง ๆ สงสัยคงต้องไปใช้ popup ธรรมดา TT
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-19 15:58:02 By : littlebeer
 


 

No. 10



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



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


เอผมใช้ได้นะครับ
jq1
jq2
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-19 16:10:34 By : Chaidhanan
 


 

No. 11



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



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


คือต้องการให้คลิกที่แถว แล้วแสดง dialog ที่มีข้อมูลจากแถวที่คลิกแสดงขึ้นมาและแถวไม่หายด้วยอะครับ

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

ที่ผมทำตอนนี้ติดอยู่แค่ทีเดียวนี่แหละครับ ที่ว่าแถวมันหายหลังจากคลิกแสดง dialog แล้ว -*-
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-19 16:52:05 By : littlebeer
 


 

No. 12



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



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


งงครับ ตกลงไม่ต้องการให้แถวมันหายไปใช่ไหมครับ แค่โชว์ dialog แสดงค่าเฉยๆ
แถวปล่อยมันไว้ตามเดิมใช่ไหมครับ 5555 งงกับโจทย์
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-19 17:41:37 By : Chaidhanan
 


 

No. 13



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



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


ใช่เลยครับ ไม่ต้องการให้แถวมันหาย แค่โชว์ dialog แสดงค่าเฉยๆ 555
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-19 20:20:14 By : littlebeer
 


 

No. 14



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



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


Code (JavaScript)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TEST</title>
<link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<head>
<script type="text/javascript">
$(document).ready(function() {
	$('.openDialog').on('click', '', '', function(){
		var txt='';
		$(this).find('td').each(function(index, element) {
			txt += (txt? "\n" : '') + element.innerHTML;
		});
		alert(txt);
	});
});
</script>
<table border="1" cellpadding="2" cellspacing="2" style="width: 200px">
<tr class=openDialog ><td align="center">A</td><td align="center">B</td></tr>
<tr class=openDialog ><td align="center">C</td><td align="center">D</td></tr>
</table>
</body>
</html>

กว่าจะคุยกันรู้เรื่อง
โอเคครับ คห 4 มองคนเละอยา่งเลย 5555 ผมถามถึงความต้องการ แต่คนตอบ คิดว่า ถามถีง result ไปคนละทาง
คราวหน้าจะถามให้ละเอียดกว่านี้ 5555
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-19 20:50:45 By : Chaidhanan
 


 

No. 15



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



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


ขอบคุณมากเลยครับ

รบกวนอีกสักเรื่อง คือช่วยอธิบายโค้ดให้ทีครับ อิอิ ผม งง

Code (PHP)
click', '', '',


และ

Code (PHP)
.each(function(index, element)


ขอบคุณครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-20 09:16:53 By : littlebeer
 


 

No. 16



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



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


'click' ก็บอกว่า ฟังก์ชั่นนี้ใช้กับ event click
'', '' function ต้องการค่าบางอยาง ไม่มีค่า ก็ใส่ '' , '' ให้มันครบตามความต้องการ
.each( index, element ) เป็น function แปลงค่า array ออกมาในรูป index และ element
คล้าย กับ foreach($array as $key=>$value)
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-20 09:31:54 By : Chaidhanan
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : jquery อยากให้คลิกที่แถวแล้วแสดง dialog ขึ้นมาครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 04
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 อัตราราคา คลิกที่นี่