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 > สอบถามเรื่อง Hide Show function อยากให้เป็น Hide default คะ แต่ที่หนูทำได้มันเป็น show default



 

สอบถามเรื่อง Hide Show function อยากให้เป็น Hide default คะ แต่ที่หนูทำได้มันเป็น show default

 



Topic : 094365



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



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




สอบถามเรื่อง Hide Show function อยากให้เป็น Hide default คะ แต่ที่หนูทำได้มันเป็น show default

ที่ทำได้เป็น show default แบบนี้คะ
a

แต่อยากได้เป็น Hide default แบบนี้คะ
หห


Code (PHP)
<script type="text/javascript">
				function tr_hide(name){
					var id_btn=$("#"+name+"").val();
					if(id_btn=="hide"){
						$("."+name+"").hide();
						$("#"+name+"").val("show")
					}else{
						$("."+name+"").show();
						$("#"+name+"").val("hide")
					}
				}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<td bgcolor="#00CCFF">

<h2 class='art-postheader'><span class='art-postheadericon'>ระบบวินิจฉัยโรคจากอาการเบื้องต้น
                                </span></h2>    <br/>

<font size="5px">เลือกประเภทของสัตว์เลี้ยง:&nbsp;&nbsp;

<?

$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&nbsp;&nbsp;&nbsp;";
	
	}
?></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'];
echo "<tr><th colspan='3' align='center' bgcolor='#0099FF'>
<font color='#FFFFFF' size='5'>$body[b_type_name]</font>
<input type=\"button\" id=\"$id\" value=\"hide\" onclick=\" tr_hide('$id')\"/></th></tr>";
	echo "<tr class=\"$id\"><th>ลำดับ</th><th>ลักษณะอาการ</th><th>เลือก</th></tr>";

	$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)){
		echo "<tr class=\"$id\"><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++;
	}
	
}

echo "</table>";
?>




Tag : PHP, MySQL, JavaScript, jQuery









ประวัติการแก้ไข
2013-04-28 11:04:21
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-04-28 11:02:55 By : samonggrue View : 1290 Reply : 12
 

 

No. 1



โพสกระทู้ ( 11,835 )
บทความ ( 10 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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


Code
echo "<tr><th colspan='3' align='center' bgcolor='#0099FF' style=\"display:none;\">


ใส่นี่เข้าไป แต่จริงๆ ใช้ jQuery แล้วก็น่าจะใช้ให้เป็นประโยชน์กว่านี้ ไว้ถ้าทำไม่ได้เดี๋ยวจะเขียนตัวอย่างให้ละกัน






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-28 13:34:21 By : ikikkok
 


 

No. 2



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : ikikkok เมื่อวันที่ 2013-04-28 13:34:21
รายละเอียดของการตอบ ::
รบกวนขอตัวอย่าง jquery หน่อยคะ ขอบคุณคะ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-28 16:06:44 By : samonggrue
 

 

No. 3



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

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

ใช้ effect ของ jQuery ครับ

jQuery Effects : jQuery and Effects

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-28 20:05:56 By : mr.win
 


 

No. 4



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



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


ลองทำตามทุกตัวอย่างละคะ ทำไม่ได้เลย
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-28 23:02:36 By : samonggrue
 


 

No. 5



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

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

ลองเขียนแบบง่าย ๆ ก่อนครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-28 23:43:49 By : mr.win
 


 

No. 6



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



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


ลองทำแบบนี้ละคะ แต่มันแสดงแค่แถวเดียว ไม่วนลูบคะ
ปป
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
 


 

No. 7



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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

จะทำ collapse ใช่หรือไม่???
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-29 00:15:46 By : Krungsri
 


 

No. 8



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



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


ตอบความคิดเห็นที่ : 7 เขียนโดย : Krungsri เมื่อวันที่ 2013-04-29 00:15:46
รายละเอียดของการตอบ ::
ใช่คะ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-29 00:21:22 By : samonggrue
 


 

No. 9



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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

ประมาณนี้หรือเปล่าคับ Code http://jsfiddle.net/

ดู Source code กดที่ Edit in JSFiddle นะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-29 01:41:45 By : Krungsri
 


 

No. 10



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



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

ถ้าใช้ 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
 


 

No. 11

Guest


ใช้ jquery ui

มี accordion ให้ใช้
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-29 08:47:56 By : ห้ามตอบเกินวันละ 2 กระทู้
 


 

No. 12



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



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


ยังทำไม่ได้เลยคะ พอแสดงก็แสดงทั้งหมด พอซ่อนก็ซ่อนทั้งหมดเลยคะ รบกวนพี่ๆดูให้หน่อยนะคะ


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">เลือกประเภทของสัตว์เลี้ยง:&nbsp;&nbsp;

 <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&nbsp;&nbsp;&nbsp;";
	
	}
?>

</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
 

   

ค้นหาข้อมูล


   
 

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