Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > ช่วยดู javacsript show hide หน่อยค่ะ มันซ่อนแค่บรรทัดแรกบรรทัดเดียวค่ะ

ช่วยดู javacsript show hide หน่อยค่ะ มันซ่อนแค่บรรทัดแรกบรรทัดเดียวค่ะ

เริ่มหัวข้อใหม่

Error ตลอดๆ

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

ดูโค้ด show hide จากเว็บนี้หล่ะค่ะ แต่ว่าพอเอาไปใช้มันซ่อนแค่บรรทัดแรกบรรทัดเดียวค่ะ ไม่ซ่อนทั้งหมดอ่ะค่ะ
$row[0] มีข้อมูลประมาณ 15 รายการ แต่พอกด hide ซ่อนแค่รายการแรกค่ะ อีก 14 รายการ ไม่ซ่อนค่ะ

code
Code (PHP)

<?
include("conn.php") ;
$sql1 = "SELECT * FROM tb_department WHERE dept_type='summer' and dept_status='A' ";
$sqlquery1=mysql_db_query($dbname, $sql1);
?>
<table width="800" border=0 align=center cellpadding=1 cellspacing=1>
<tr>
<td colspan="3"><span clASs=style10>Summer [<a href="JavaScript:fncShow('tr1');">Show</a>] [<a href="JavaScript:fncHide('tr1');">Hide</a>]</span></td>
</tr>
<tr>
<td width="400" height=30 bgcolor=#0c4e9c><div align=center><span clASs=style4>Department</span></div></td>
<td width="200" height=30 bgcolor=#0c4e9c><div align=center><span clASs=style4>Monthly Summary</span></div></td>
<td width="200" height=30 bgcolor=#0c4e9c><div align=center><span clASs=style4>Checklist</span></div></td>
</tr>

<?
while($row=mysql_fetch_row($sqlquery1))
{
$i++;
if($i%2==0)
{
$bg = "#DDDDDD";
}
else
{
$bg = "#F7F7F7";
}
?>

<tr id="tr1" bgcolor="<?=$bg;?>">
<td height=20><div align=left><span clASs=style3>&nbsp;<?=$row[0]?> <?=$row[1]?></div></span></td>
<td height=20><div align=center><span clASs=style14></div></span></td>
<td height=20><div align=center><span clASs=style3><a href="m1_select_staff.php?dept_id=<?=$row[0]?>">Checklist</a></div></span></td>
</tr>

<?
}
?>
</table>

Tag : PHP, MySQL

Date : 2012-05-28 17:24:55

By : pumhonda

View : 1019

Reply : 2

No. 1

Nico

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

ในหน้าเพจหนึ่ง ห้ามมีไอดีซ้ำกันครับ

ควรเปลี่ยนจา id เป็น class แทนครับ

<tr id="tr1" bgcolor="<?=$bg;?>">

<a href="JavaScript:fncHide('tr1');">Hide</a>

Date : 2012-05-28 17:49:52

By : ไวยวิทย์

No. 2

Unidentifier

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

เอาพวกแท็ก tbody / thead / tfoot มาช่วยก็ได้ครับ

Code (PHP)

<table width="800" border=0 align=center cellpadding=1 cellspacing=1 RULES=GROUPS  FRAME=BOX>
<THEAD>
<tr>
<td colspan="3"><span clASs=style10>Summer [<a href="void(0);" class="showContent">Show</a>] [<a href="void(0)" class="hideContent">Hide</a>]</span></td>
</tr>
<tr>
<td width="400" height=30 bgcolor=#0c4e9c><div align=center><span clASs=style4>Department</span></div></td>
<td width="200" height=30 bgcolor=#0c4e9c><div align=center><span clASs=style4>Monthly Summary</span></div></td>
<td width="200" height=30 bgcolor=#0c4e9c><div align=center><span clASs=style4>Checklist</span></div></td>
</tr>
</THEAD>
<TBODY>
<?
while($row=mysql_fetch_row($sqlquery1))
{
$i++;
if($i%2==0)
{
$bg = "#DDDDDD";
}
else
{
$bg = "#F7F7F7";
}
?>
</TBODY>
<TFOOT>
<tr bgcolor="<?=$bg;?>">
<td height=20><div align=left><span clASs=style3>&nbsp;<?=$row[0]?> <?=$row[1]?></div></span></td>
<td height=20><div align=center><span clASs=style14></div></span></td>
<td height=20><div align=center><span clASs=style3><a href="m1_select_staff.php?dept_id=<?=$row[0]?>">Checklist</a></div></span></td>
</tr>
</TFOOT>
<?
}
?>
</table>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
	$("a.showContent").click(function(){
		$("tbody").show(400);
	}); 
	$("a.hideContent").click(function(){
		$("tbody").hide(400);
	}); 
</script>

Date : 2012-05-28 21:18:57

By : sakuraei

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ช่วยดู javacsript show hide หน่อยค่ะ มันซ่อนแค่บรรทัดแรกบรรทัดเดียวค่ะ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

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

Load balance : Server 03