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 > แนะนำหน่อยครับ ซ่อนเทเบิ้ล มันซ่อนแค่เรคอดเดียวอ่ะครับ ไม่ซ่อนทั้งหมด



 

แนะนำหน่อยครับ ซ่อนเทเบิ้ล มันซ่อนแค่เรคอดเดียวอ่ะครับ ไม่ซ่อนทั้งหมด

 



Topic : 096910



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



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




ผมทำตาราง ซ้อนตาราง

โดยแสดง table หลัก และ แสดง table ย่อย และผมทำปุ่มซ่อน table ย่อยไว้

คือตามโคดมันซ่อนไม่หมดอ่ะครับ ซ่อนแค่อันเดียว ทำไงให้มันซ่อนทั้งหมดอ่ะครับ

Code (JavaScript)
function fncShow(ctrl)
	{
		document.getElementById(ctrl).style.display = '';
	}

	function fncHide(ctrl)
	{
		document.getElementById(ctrl).style.display = 'none';
	}


Code (PHP)
<table width="1150" id="Table-main" >
<tr>
		<td width="5%" align="center">ลำดับที่  </td>
		<td width="50%" align="center">SKU </td>
		<td width="35%" align="center">Batch Size</td>
		<td width="1%"  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>
	<th align="center"><? echo $c; ?></th>
	<th align="Left"><?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_Material.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 id="View" class="various iframe"  href='FormView_Material.php?ID_Pack=<?php echo $Re_SQL["ID_Pack"];?>'>
	<img class="pic"src="style/View.png"/></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>
<?
  
  	//----- เอาฟิว คีย์ ของ 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."]");
?>
<tr>
    <td colspan="6"><?=$objResult["CustomerID"];?> [<a href="JavaScript:fncShow('tr<?=$c;?>');">Show</a>] [<a href="JavaScript:fncHide('tr<?=$c;?>');">Hide</a>]</td>
</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>
<?	
	$z=0;
	while($Re_SQL_c = mysql_fetch_array($Query_c))
	{$z++;
?>

<tr id="tr<?=$c;?>">    <----- ตรงนี้อ่ะครับ ที่ผมต้องการซ่อน แต่มันซ่อนแค่ เรคิดที่ตรงกับ $c เท่านั้น ทำไงให้ซ่อนทั้งหมดอ่ะครับ
	<th align="center" ><? echo $z ?></th>
	<th align="center"><?php echo $Re_SQL_c["Name"];?></th>
	<th align="center"><?php echo $Re_SQL_c["Code"];?></th>
	<th align="center"><?php echo $Re_SQL["Batch_size_1"];?> X <?php echo $Re_SQL_c["Quantity"];?></th>
	<th align="center"><?php echo $Re_SQL_c["Type"];?></th>
	<th align="center"><?php echo $Re_SQL_c["Class"];?></th>
</tr>

<? 	} // end while รอง
}// end while หลัก
?>
</table>




Tag : PHP, MySQL, JavaScript, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-06-23 21:16:47 By : cappuczino View : 1031 Reply : 7
 

 

No. 1



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



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

พูดถึงแบบนี้รึเปล่าครับ

ลองแบบนี้ได้ไหมครับ

Code (PHP)
<form name="form1" method="post" action="">
<table width="100%" border="1" cellpadding="1" cellspacing="1">
<tr> 
<td width="20%" valign="top">
ตัวอย่างโดยใช้ Radio<br>
<input name="cb" type="radio" id="cb" onClick="document.all.tb1.style.display='none';" checked>
ซ่อน 
<input name="cb" type="radio" id="cb1" onClick="document.all.tb1.style.display='';">แสดง</td>
<td width="86%">
<table width="100%" border="1" cellpadding="1" cellspacing="1" id="tb1" style="display='none';">
<tr> 
<td width="19%">XXXX</td>
<td width="81%"><input type="text" name="textfield"></td>
</tr>
<tr>
<td>XXXX</td>
<td><input type="text" name="textfield2"></td>
</tr>
<tr>
<td>XXXX</td>
<td><input type="text" name="textfield3"></td>
</tr>
</table>
  </td>
</tr>
<tr>
<td valign="top">
ตัวอย่างแบบ Checkbox<br><input name="cb2" type="checkbox" id="cb2" value="2" onClick="if(this.checked){document.all.tb2.style.display='';}else{document.all.tb2.style.display='none';}"></td>
<td><table width="100%" border="1" cellpadding="1" cellspacing="1" id="tb2">
<tr> 
<td width="19%">XXXX</td>
<td width="81%"><input type="text" name="textfield4"></td>
</tr>
<tr> 
<td>XXXX</td>
<td><input type="text" name="textfield5"></td>
</tr>
<tr> 
<td>XXXX</td>
<td><input type="text" name="textfield6"></td>
</tr>
</table>
  </td>
</tr>
</table>
</form>







แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-23 21:22:02 By : champkung226
 


 

No. 2



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



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


ไม่ได้อ่ะครับ มันไม่ซ่อนทั้งหมดอ่ะครับ ซ่อนแค่เรคอดเดียว
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-23 23:11:29 By : cappuczino
 

 

No. 3



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



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


Code
<css> #test{ display:none; } </css> <jquery> $function(){ $("#hid").click(function(){ $("#test").show(); }) $("#show").click(function(){ $("#test").hide(); }) }) </jquery> <table>--> หลัก <table id="test">-->ซ้อน </table> </table> <button id="hid"/> <button id="show"/>

ผมเขียนคร่าวๆ ยังไงลองไปปรับดูครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-23 23:37:53 By : novicecode
 


 

No. 4



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



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


ตอบความคิดเห็นที่ : 3 เขียนโดย : novicecode เมื่อวันที่ 2013-06-23 23:37:53
รายละเอียดของการตอบ ::
ขอบคุณครับ แต่อันนี้เวลาซ่อนก้ซ่อนทั้งหมด แล้วก้เวลาแสดง แสดงทั้งหมดใช่ป่าวครับ

ผมอยากให้มันเลือกแสดงได้อ่ะครับ โคดผมตอนแรกคือมันซ่อนตาม id ที่กำหนดไว้ และเรคอดนั้น เป็นไอดีเหมือนกันเช่น
1 ช่อนเฉพาะอันแรก



2 ช่อนเฉพาะอันแรก
2


3 ช่อนเฉพาะอันแรก
3
3
แบบนี้อ่ะครับ พอมีวิธีป่าวครับ ถ้าไม่มีผมคงต้องให้มันซ่อนทั้งหมด แล้วก้แสดงทั้งหมดล่ะครับ T_T

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-23 23:47:39 By : cappuczino
 


 

No. 5

Guest


http://www.randomsnippets.com/2011/04/10/how-to-hide-show-or-toggle-your-div-with-jquery/

http://jsfiddle.net/hQ7y5/
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-24 09:33:02 By : WiTT
 


 

No. 6



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



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


:nth-child(' +i+ ')').val() ---> ใช้ตัวนี้ครับ

วนลูปที่ i งั้นผมขอ ตารางแบบที่จะซ้อนได้ไหมครับ เอาแบบตารางไฟล์ html เพียวๆ เลย เขียนขึ้นมาให้ที
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-24 11:18:48 By : novicecode
 


 

No. 7

Guest


Distincs ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-24 12:12:38 By : SN
 

   

ค้นหาข้อมูล


   
 

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