|
 |
| |
ช่วยดูโค้ดให้หน่อยคับ จะทำ ซ่อนแสดงตาราง แต่ว่าแต่ละตารางต้องมี id ไม่เหมือนกัน เพราะแสดงข้อมูลจากฐานข้อมูลคับ คือถ้ากด edit ก็แสดงตารางข้อมูล กดอีกทีตารางก็ซ่อน |
| |
 |
|
|
 |
 |
|
ใช้แบบนี้หรือเปล่าครับ
Code (JavaScript)
<html>
<head>
<title>ThaiCreate.Com Tutorial</title>
</head>
<body>
<script language="JavaScript">
function fncShow(ctrl)
{
document.getElementById(ctrl).style.display = '';
}
function fncHide(ctrl)
{
document.getElementById(ctrl).style.display = 'none';
}
</script>
<form name="frmMain" action="" method="post" OnSubmit="return onDelete();">
<?
$objConnect = mysql_connect("localhost","root","root") or die("Error Connect to Database");
$objDB = mysql_select_db("mydatabase");
$strSQL = "SELECT * FROM customer";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
?>
<table width="600" border="1">
<tr>
<th width="91"> <div align="center">CustomerID </div></th>
<th width="98"> <div align="center">Name </div></th>
<th width="198"> <div align="center">Email </div></th>
<th width="97"> <div align="center">CountryCode </div></th>
<th width="59"> <div align="center">Budget </div></th>
<th width="71"> <div align="center">Used </div></th>
</tr>
<?
$i = 0;
while($objResult = mysql_fetch_array($objQuery))
{
$i++;
?>
<tr>
<td colspan="6"><?=$objResult["CustomerID"];?> [<a href="JavaScript:fncShow('tr<?=$i;?>');">Show</a>] [<a href="JavaScript:fncHide('tr<?=$i;?>');">Hide</a>]</td>
</tr>
<tr id="tr<?=$i;?>">
<td><div align="center"><?=$objResult["CustomerID"];?></div></td>
<td><?=$objResult["Name"];?></td>
<td><?=$objResult["Email"];?></td>
<td><div align="center"><?=$objResult["CountryCode"];?></div></td>
<td align="right"><?=$objResult["Budget"];?></td>
<td align="right"><?=$objResult["Used"];?></td>
</tr>
<?
}
?>
</table>
<?
mysql_close($objConnect);
?>
</form>
</body>
</html>
Go to : Ajax Visibility and Display
Go to : Ajax Display Element
|
 |
 |
 |
 |
| Date :
2010-12-14 11:50:39 |
By :
webmaster |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
| |
|
 Load balance : Server 00
|
