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,038

HOME > PHP > PHP Forum > ของฝากครับ ไว้ไปปรับแต่งกับงานของท่าน จัดไปหนึ่งดอก show / hide table column



 

ของฝากครับ ไว้ไปปรับแต่งกับงานของท่าน จัดไปหนึ่งดอก show / hide table column

 



Topic : 052315



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

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

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




Code (PHP)
<?php
$cols = array(
	"C1"=>"Field 1",
	"C2"=>"Field 2",
	"C3"=>"Field 3",
	"C4"=>"Field 4",
	"C5"=>"Field 5",
	"C6"=>"Field 6",
	"C7"=>"Field 7",
	"C8"=>"Field 8",
	"C9"=>"Field 9",
	"C10"=>"Field 10",
);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		<?php
		foreach($cols as $col_index => $col_name){
			echo "$('#" . $col_index . "').click(function(){
				if($(this).is(':checked')){
					$('td[abbr=\"" . $col_index . "\"]').show();
				}else{
					$('td[abbr=\"" . $col_index . "\"]').hide();
				}
			});";
		}
		?>
	});
</script>
</head>

<body>
<?php
foreach($cols as $col_index => $col_name){
    echo '<input type="checkbox" id="' . $col_index . '" checked="checked" /><label for="' . $col_index . '">' . $col_name . '</label><br/>';
}
?>
<table width="100%" border="1" cellspacing="0" cellpadding="0" id="listview">
  <tr>
	<?php
    foreach($cols as $col_index => $col_name){
        echo '<td abbr="' . $col_index . '">' . $col_name . '</td>';
    }
    ?>
  </tr>
  <tr>
	<?php
    foreach($cols as $col_index => $col_name){
        echo '<td abbr="' . $col_index . '">' . $col_name . '</td>';
    }
    ?>
  </tr>
</table>
</body>
</html>




Tag : PHP, JavaScript, jQuery








ประวัติการแก้ไข
2010-11-30 12:00:39
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2010-11-27 00:34:09 By : PlaKriM View : 1603 Reply : 18
 

 

No. 1



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



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

เอาไว้ทำไรหว่า

เสียดายจัง ยังใช้ jquery ไม่เป็น

เหอะๆ


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-27 01:12:50 By : monotakari
 


 

No. 2



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

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

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


เอาไว้ show / hide table column ครับ ลองเอาไปรันดูจะรู้ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-27 11:19:37 By : PlaKriM
 

 

No. 3



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



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





jjjjjjjjjjjjjjjjjjjjjjjj
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-27 11:30:19 By : noizeless
 


 

No. 4



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



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


อ่อถึงบางอ้อแล้วครับ เดินมาจากบางแค

jxx
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-27 11:34:52 By : noizeless
 


 

No. 5



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

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

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


อย่าลืมโหลดไฟล์ jquery-1.4.2.min.js จาก jquery.com มาด้วยนะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-27 11:39:40 By : PlaKriM
 


 

No. 6



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

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

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

ผมลองเอามาเีขียนอีกรูปแบบนึงครับพี่ ปลากริม
<?php
$jqLib = 'https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js';
$cols = array(
	"C1"=>"Field 1", "C2"=>"Field 2", "C3"=>"Field 3", "C4"=>"Field 4",
	"C5"=>"Field 5", "C6"=>"Field 6", "C7"=>"Field 7", "C8"=>"Field 8",
	"C9"=>"Field 9", "C10"=>"Field 10",
);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="<?php echo $jqLib; ?>"></script>
<script type="text/javascript">
	function f(eleID)
	{
		if($($('#' + eleID)).is(':checked')){
			$('td[abbr="' + eleID + '"]').show();
		}else{
			$('td[abbr="' + eleID + '"]').hide();
		}
	}
</script>
</head>

<body>
<?php
foreach($cols as $col_index => $col_name){
    echo '<input type="checkbox" id="' . $col_index . 
		 '" checked="checked" onclick="f(\'' . $col_index . 
		 '\')" /><label for="' . $col_index . '">' . $col_name . '</label><br/>' . "\n";
}
?>
<table width="100%" border="1" cellspacing="0" cellpadding="0" id="listview">
  <tr>
	<?php
    foreach($cols as $col_index => $col_name){
        echo '<td abbr="' . $col_index . '">' . $col_name . '</td>' . "\n";
    }
    ?>
  </tr>
  <tr>
	<?php
    foreach($cols as $col_index => $col_name){
        echo '<td abbr="' . $col_index . '">' . $col_name . '</td>' . "\n";
    }
    ?>
  </tr>
</table>
</body>
</html>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-27 22:13:54 By : DS_Ohm
 


 

No. 7



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

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

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


ตอบความคิดเห็นที่ : 6 เขียนโดย : DS_Ohm เมื่อวันที่ 2010-11-27 22:13:54
รายละเอียดของการตอบ ::
โอ้ว แจ่มครับ ทำไมพี่ไม่คิดว่าจะต้องเขียนเป็น function ละเนี้ย 555 เดี๋ยวพรุ่งนี้มาบวกให้นะ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-28 00:19:35 By : PlaKriM
 


 

No. 8



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

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

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


Database Version ลองเล่นกันดู มีคนขอมา เลยเอามาเก้าอี้ ให้สมาชิกเอาไปเล่นๆ กันดู
ขอบคุณแนวคิดน้องโอมด้วยครับ สิ่งที่พี่คิดไม่ถึงหรือไม่ได้คิดนั่นเอง 555

SQL Script
Quote:
DROP DATABASE IF EXISTS `testdb`;
CREATE DATABASE IF NOT EXISTS `testdb` /*!40100 DEFAULT CHARACTER SET latin1 */;
USE `testdb`;

DROP TABLE IF EXISTS `tbl`;
CREATE TABLE IF NOT EXISTS `tbl` (
`id` int(10) NOT NULL AUTO_INCREMENT,
`aa` varchar(50) NOT NULL,
`bb` varchar(50) NOT NULL,
`cc` varchar(50) NOT NULL,
`dd` varchar(50) NOT NULL,
`ee` varchar(50) NOT NULL,
`ff` varchar(50) NOT NULL,
`gg` varchar(50) NOT NULL,
`hh` varchar(50) NOT NULL,
`ii` varchar(50) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8;

INSERT INTO `tbl` (`id`, `aa`, `bb`, `cc`, `dd`, `ee`, `ff`, `gg`, `hh`, `ii`) VALUES
(1, 'a1', 'b1', 'c1', 'd1', 'e1', 'f1', 'g1', 'h1', 'i1'),
(2, 'a2', 'b2', 'c2', 'd2', 'e2', 'f2', 'g2', 'h2', 'i2'),
(3, 'a3', 'b3', 'c3', 'd3', 'e3', 'f3', 'g3', 'h3', 'i3');


Code
Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
	function toggle(id){
		eval("if($('#" + id + "').is(':checked')){ $('td[abbr=\"" + id + "\"]').fadeIn('slow'); }else{ $('td[abbr=\"" + id + "\"]').fadeOut('slow'); }");
	}
</script>
</head>

<body>
<?php
$host 	= "localhost";
$port 	= 3308;
$user 	= "root";
$pass 	= "*****";
$db 		= "testdb";
$fixed 	= "utf8";

$dbcon 	= mysql_connect($host . ':' . $port, $user, $pass) or die(mysql_error());
mysql_select_db($db, $dbcon) or die(mysql_error());
mysql_query("set character_set_results = " . $fixed, $dbcon) or die(mysql_error());
mysql_query("set names " . $fixed, $dbcon) or die(mysql_error());

$cols = array(
	"aa"=>"Column AA", 
	"bb"=>"Column BB", 
	"cc"=>"Column CC", 
	"dd"=>"Column DD", 
	"ee"=>"Column EE", 
	"ff"=>"Column FF", 
	"gg"=>"Column GG", 
	"hh"=>"Column HH", 
	"ii"=>"Column II", 
);
foreach($cols as $col_index => $col_name){
    echo '<input type="checkbox" id="' . $col_index . '" checked="checked" onclick="toggle(\'' . $col_index . '\')" /><label for="' . $col_index . '">' . $col_name . '</label><br/>' . "\n";
}
?>
<table width="100%" border="1" cellspacing="0" cellpadding="0" id="listview">
  <?php
	echo '<tr>';
	foreach($cols as $col_index => $col_name){
        echo '<td abbr="' . $col_index . '">' . $col_name . '</td>';
	}
	echo '</tr>';
	
    $sql="select " . implode(", ", array_keys($cols)). " from tbl order by id asc;";
	$result = mysql_query($sql, $dbcon);
	
	while($rows = mysql_fetch_assoc($result)){
		echo '<tr>';
		foreach($cols as $col_index => $col_name){
 			echo '<td abbr="' . $col_index . '">' . $rows[$col_index] . '</td>';
 		}
		echo '</tr>';
	}
  ?>
</table>
</body>
</html>



ประวัติการแก้ไข
2010-11-29 23:47:33
2010-11-29 23:51:05
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-29 23:46:54 By : PlaKriM
 


 

No. 9



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

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

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


เพิ่มเติมกันได้นะครับ ใครมีแนวคิดที่ปรับให้ดีกว่านี้ ตอนนี้คิดแค่นี้ก่อน
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-29 23:48:38 By : PlaKriM
 


 

No. 10



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



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


ขอบพระคุณ อย่างสูงส่ง ขอบคุณ จริงๆ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-30 07:50:28 By : unzeen
 


 

No. 11



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

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

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

Thank
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-30 08:37:01 By : webmaster
 


 

No. 12



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

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

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


Quote:
เลยเอามาเก้าอี้
< มุกนี้ต้องสังเกตุดี ๆ


ขอบคุณครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-30 08:37:48 By : ไวยวิทย์
 


 

No. 13



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

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

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

ขอบคุณค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-30 09:53:29 By : ultrasiam
 


 

No. 14



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



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


อยากจะให้ คะแนน เพิ่มอีกสัก 1000 คะแนน
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-30 10:03:24 By : unzeen
 


 

No. 15

Guest


http://web-programming-bookmark.blogspot.com/2010/11/jquery-showhide-column-checkbox.html
เขียนอีกแบบครับ copy แล้วใช้ได้เลย
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-30 11:05:11 By : num
 


 

No. 16



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

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

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


ตอบความคิดเห็นที่ : 11 เขียนโดย : webmaster เมื่อวันที่ 2010-11-30 08:37:01
รายละเอียดของการตอบ ::



ตอบความคิดเห็นที่ : 12 เขียนโดย : ไวยวิทย์ เมื่อวันที่ 2010-11-30 08:37:48
รายละเอียดของการตอบ ::
สายตาแหลมคงยิ่งนัก


ตอบความคิดเห็นที่ : 14 เขียนโดย : unzeen เมื่อวันที่ 2010-11-30 10:03:24
รายละเอียดของการตอบ ::
ไม่ต้องหรอก แค่นี้ก็พอละ


ตอบความคิดเห็นที่ : 13 เขียนโดย : ultrasiam เมื่อวันที่ 2010-11-30 09:53:29
รายละเอียดของการตอบ ::



ตอบความคิดเห็นที่ : 15 เขียนโดย : num เมื่อวันที่ 2010-11-30 11:05:11
รายละเอียดของการตอบ ::
อึ้ง แล้วผมจะกล้าเอาโค๊ดเด็กๆ มาแปะไหมเนี้ย แต่ก็ขอบคุณครับพี่



ประวัติการแก้ไข
2010-11-30 11:22:12
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-30 11:20:55 By : PlaKriM
 


 

No. 17



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



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


อันนี้ ค่า Default มัน โชว์ทุก Field เลยอะ ถ้าเรา จะให้ ค่า Default มันโชว์แค่บางฟิลด์

ได้หรือเปล่าอะ ทำยังไงอ่า
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-12-05 09:51:39 By : unzeen
 


 

No. 18



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



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


Code (JavaScript)
<script type="text/javascript">
	function toggle(id){
		eval("if($('#" + id + "').is(':checked')){ $('td[abbr=\"" + id + "\"]').fadeIn('slow'); }else{ $('td[abbr=\"" + id + "\"]').fadeOut('slow'); }");
	}
</script>


ทำไมต้อง มี eval อะคะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-12-11 14:23:41 By : unzeen
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : ของฝากครับ ไว้ไปปรับแต่งกับงานของท่าน จัดไปหนึ่งดอก show / hide table column
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 03
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่