|
|
|
สอบถามเรื่อง Hide Show function อยากให้เป็น Hide default คะ แต่ที่หนูทำได้มันเป็น show default |
|
|
|
|
|
|
|
ใช้ effect ของ jQuery ครับ
jQuery Effects : jQuery and Effects
|
|
|
|
|
Date :
2013-04-28 20:05:56 |
By :
mr.win |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ลองทำตามทุกตัวอย่างละคะ ทำไม่ได้เลย
|
|
|
|
|
Date :
2013-04-28 23:02:36 |
By :
samonggrue |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ลองเขียนแบบง่าย ๆ ก่อนครับ
|
|
|
|
|
Date :
2013-04-28 23:43:49 |
By :
mr.win |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ลองทำแบบนี้ละคะ แต่มันแสดงแค่แถวเดียว ไม่วนลูบคะ
Code (PHP)
<?php
$body_pet_query = mysql_query("select * from body_pet");
while($body = mysql_fetch_array($body_pet_query))
{
$id=$body['b_id'];
$count=count($id);
for($n=1;$n<=$count;$n++){ ?>
<table class='table'>
<tr><th colspan='3' align='center' bgcolor='#0099FF' style="cursor:pointer;" onclick="$('#tr_toggle<?=$n?>').toggle();"><font color='#FFFFFF' size='5'><? echo $body[b_type_name] ?></font> </th>
<?
$body_b_id = $body['b_id'];
$manner_query = mysql_query("select * from manner where b_id=$body_b_id");
while($manner = mysql_fetch_array($manner_query)){ ?>
<tr style="display:none;" id="tr_toggle<?=$n?>" align="center"><td><?=$n?></td>
<td align='center' ><? echo $manner[manner_name]; ?></td>
<th align="center"><input type='checkbox' value='<? echo $manner[manner_id]; ?>' name='manner[]'></th>
</tr>
<?
}
}
}
?>
</table>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
|
|
|
|
|
Date :
2013-04-28 23:56:30 |
By :
samonggrue |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
จะทำ collapse ใช่หรือไม่???
|
|
|
|
|
Date :
2013-04-29 00:15:46 |
By :
Krungsri |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ประมาณนี้หรือเปล่าคับ Code http://jsfiddle.net/
ดู Source code กดที่ Edit in JSFiddle นะ
|
|
|
|
|
Date :
2013-04-29 01:41:45 |
By :
Krungsri |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ถ้าใช้ jQuery
เปลี่ยนฟังก์ชั่น tr_hide() ดังนี้
function tr_hide(name){
$('.' + className).toggle();
}
ลืมบอกไป
แถวที่แสดงข้อมูลทั้งหมดนอกจากเพิ่มคลาส class="$id" แล้วให้เพิ่มคลาสที่สร้างใหม่เพิ่มซ่อนครั้งแรกที่แสดงด้วย
<style>
.hideTr{ display : none;}
</style>
<tr class="$id hideTr">..........................</tr>
ส่วนนี้นะครับที่ต้องเพิ่ม hideTr
Code (PHP)
while($manner = mysql_fetch_array($manner_query)){
echo "<tr class=\"$id hideTr\"><td>".$row."</td>";
echo "<td align='center'>$manner[manner_name]</td>";
echo "<th align=center><input type='checkbox' value='$manner[manner_id]' name='manner[]'></th>";
echo "</tr>";
$row++;
}
|
ประวัติการแก้ไข 2013-04-29 08:43:42 2013-04-29 08:45:14
|
|
|
|
Date :
2013-04-29 08:41:59 |
By :
Naizan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ใช้ jquery ui
มี accordion ให้ใช้
|
|
|
|
|
Date :
2013-04-29 08:47:56 |
By :
ห้ามตอบเกินวันละ 2 กระทู้ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ยังทำไม่ได้เลยคะ พอแสดงก็แสดงทั้งหมด พอซ่อนก็ซ่อนทั้งหมดเลยคะ รบกวนพี่ๆดูให้หน่อยนะคะ
Code (PHP)
<script>
$(document).ready(function(){
$(".btn1").click(function(){
$("tr").hide();
});
$(".btn2").click(function(){
$("tr").show();
});
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<td bgcolor="#00CCFF">
<div align="left">
<h2 class='art-postheader'><span class='art-postheadericon'>ระบบวินิจฉัยโรคจากอาการเบื้องต้น
</span></h2></div>
<br/>
<font size="5px">เลือกประเภทของสัตว์เลี้ยง:
<form name="form1" id = "form1" action="index.php?modules=dianose&file=result2" method="post" onSubmit="JavaScript:return fncSubmit();"/>
<?
$result = mysql_query("SELECT * FROM pet_type") or die(mysql_error());
while(list($pet_typeid,$pet_typename)=mysql_fetch_row($result))//วนลูปให้มัน
{
echo "<input type='radio' id='rdo' value='$pet_typeid' name='pet_typeid' >$pet_typename ";
}
?>
</font>
<br/><br/>
<?php
echo "<table class='table'>";//อะไรที่ไม่ซ้ำเอาไว้นอกลูป
$body_pet_query = mysql_query("select * from body_pet");
while($body = mysql_fetch_array($body_pet_query)){
$id=$body['b_id']; ?>
<tr><th colspan='3' align='center' bgcolor='#55cfee'><font color='#000000' size='5'><? echo $body[b_type_name] ?></font><div align='right' ><button class="btn1" type="button">Hide</button>
<button class="btn2" type="button">Show</button></div></th></tr>
<p> <tr><th>ลำดับ</th><th>ลักษณะอาการ</th><th>เลือก</th></tr></p>
<?
$body_b_id = $body['b_id'];
$manner_query = mysql_query("select * from manner where b_id=$body_b_id");
$row=1;
while($manner = mysql_fetch_array($manner_query)){ ?>
<p><tr><td><? echo $row ?></td>
<td align='center'><? echo $manner[manner_name] ?></td>
<th align=center><input type='checkbox' value='<? $manner[manner_id] ?>' name='manner[]'></th>
</tr></p>
<?
$row++;
}
}
?>
</table>
|
|
|
|
|
Date :
2013-05-01 08:10:50 |
By :
samonggrue |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 01
|