function fncShow(ctrl) { document.getElementById(ctrl).style.display = ''; } function fncHide(ctrl) { document.getElementById(ctrl).style.display = 'none'; }
<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>
<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>
<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"/>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง