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 > Jqurey show / hide row ช่วยแนะนำหน่อยครับ ประยุกต์แล้วใช้ไม่ได้อ่ะครับ



 

Jqurey show / hide row ช่วยแนะนำหน่อยครับ ประยุกต์แล้วใช้ไม่ได้อ่ะครับ

 



Topic : 097251



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



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




จากโคดนี้ครับ

http://www.jankoatwarpspeed.com/expand-table-rows-with-jquery-jexpand-plugin/

นำมาประยุกต์ใช้กับ Code ของผม

Code (PHP)
<table width="1150" id="Table-main" >
<tr>
		<td width="5%" align="center">ลำดับที่  </td>
		<td width="40%" align="center">SKU </td>
		<td width="35%" align="center">Batch Size</td>
		<td width="10%"  align="center">Add</td>
		<td width="1%"  align="center">View</td>
		<td width="1%"  align="center">Edit</td>
		<td width="1%"  align="center">Delete</td>
</tr>

<?	
	$c=0;
	while($Re_SQL = mysql_fetch_array($Query))
	{$c++;
?>

	<tr>
	<td align="center"><? echo $c; ?></th>
	<th align="Center"><?php echo $Re_SQL["SKU"];?></th>
	<th align="Left"><?php echo $Re_SQL["Batch_size_1"];?> X <?php echo $Re_SQL["Batch_size_2"];?> (<?php echo $Re_SQL["Batch_size_3"];?>)</th>
	<th align="center"><a id="View" class="various iframe"  href='FormSelect_Material4.php?ID_Product=<? echo $Re_ID ?>&ID_Pack=<?php echo $Re_SQL["ID_Pack"];?>&Type_Formula=1'>
	<img class="pic"src="style/Add.png"/></a></th>
	<th align="center"><a href="#" class="show_hide">Show/hide</a></th>
	<th align="center"><a id="View" class="various iframe"  href='FormDelete_Material.php?ID_Pack=<?php echo $Re_SQL["ID_Pack"];?>'>
	<img class="pic"src="style/Edit.png"/></a></th>
	<th align="center"><a id="delete" class="various iframe" href='DeletePack.php?ID_Pack=<?php echo $Re_SQL["ID_Pack"];?>'>
	<img class="pic"src="style/Delete.png"/></a></th>
	</tr>


---------------------------------------- จะซ่อนตั้งแต่ตรงนี้จนถึงข้างล่าง อ่ะครับ -----------------------------------------------------

<tr>
		<td width='5%'><div align='center'>ลำดับ </div></td>
		<td width='40%'><div align='center'>Name Material </div></td>
		<td width='15%'><div align="center">Code Material </div></td>
		<td width='20%'><div align="center">Quantity Material </div></td>
		<td width='10%'><div align='center'>Type</div></td>
		<td width='10%'><div align="center">Class</div></td>
</tr>
<?
  	//----- เอาฟิว คีย์ ของ table หลัก มา join กับ คีย์ของ table รอง
	$SQL_c = "SELECT * FROM Pack_material inner join material_last  WHERE Pack_material.ID_Pack= ".$Re_SQL["ID_Pack"]." AND Pack_material.ID_Material = material_last.ID_Material ORDER BY Name ASC ";
	$Query_c = mysql_query($SQL_c) or die ("Error Query [".$SQL_c."]");
	$num_c = mysql_num_rows($Query_c);
	
  	if($num_c > 0) // ตรวจสอบว่ามีไฟล์หรือเปล่า
	{	$z=0;
		while($Re_SQL_c = mysql_fetch_array($Query_c)) // ถ้ามีไฟล์ คิวรีออกมา
		{$z++;

  ?>
<tr>
	<th><div  align="center"><? echo $z; ?></div></td>
	<th><div  align="Left"><?php echo $Re_SQL_c["Name"];?></div></th>
	<th><div  align="center"><?php echo $Re_SQL_c["Code"];?></div></th>
	<th><div  align="center"><?php echo $Re_SQL["Batch_size_1"];?> X <?php echo $Re_SQL_c["Quantity"];?></div></th>
	<th><div  align="center"><?php echo $Re_SQL_c["Type"];?></div></th>
	<th><div  align="center"><?php echo $Re_SQL_c["Class"];?></div></th>
</tr>
<?
}
	}else
		{
		echo '<tr>
	<th>---</td>
	<th>---</th>
	<th>---</th>
	<th>---</th>
	<th>---</th>
	<th>---</th>
</tr>';
		}
	}
?>

</table>


ช่วยแนะนำหน่อยได้ไหมครับ ผมแก้แล้วยังไม่ได้เลย T_T



Tag : PHP, jQuery









ประวัติการแก้ไข
2013-07-01 10:57:23
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-07-01 10:55:52 By : cappuczino View : 857 Reply : 2
 

 

No. 1



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



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


คือ ผมทำ while 2 ครั้ง มี table หลัก กับ รอง

ผมจะทำปุ่ม show / hide เอเบิ้ลรองอ่ะครับ

แต่ลอง jquery หลายตัวแล้ว เวลากดโชว์ก้โชว์หมด กด hide ก้ หายหมด ทำไงให้แบ่ง หรือเลือกที่ล่ะอันได้ไหมครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-07-01 11:13:33 By : cappuczino
 


 

No. 2



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

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

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

ของไทยครีเอทนี่แหละครับ เอาไปประยุกต์ใช้

Code (PHP)
<!--------- Show/Hide ------------------------->
<script language="javascript"> 
<!-- 
var state = 'none'; 

function showhide(layer_ref) { 

if (state == 'block') { 
state = 'none'; 
} 
else { 
state = 'block'; 
} 
if (document.all) { //IS IE 4 or 5 (or 6 beta) 
eval( "document.all." + layer_ref + ".style.display = state"); 
} 
if (document.layers) { //IS NETSCAPE 4 or below 
document.layers[layer_ref].display = state; 
} 
if (document.getElementById &&!document.all) { 
hza = document.getElementById(layer_ref); 
hza.style.display = state; 
} 
} 
//--> 
</script> 
<!--------- Show/Hide ------------------------->

for(I=0;$I<10;$I++){
<a onclick="showhide('divs<?=$i?>show/hide</a> 
<div id="divs<?=$i?>" style="display:none;"></div>
}

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-07-01 18:27:35 By : Dragons_first
 

   

ค้นหาข้อมูล


   
 

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