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

HOME > PHP > PHP Forum > ต้องการดึงค่าจากฐานข้อมูล มาแสดง ในเมนู Tab พอกดที่ tab ก้อจะแสดงข้อมูลใน id นั้นๆๆ



 

ต้องการดึงค่าจากฐานข้อมูล มาแสดง ในเมนู Tab พอกดที่ tab ก้อจะแสดงข้อมูลใน id นั้นๆๆ

 



Topic : 111689



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



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




ww

tab แบบนี้

ชุดของด้าต้าเบสมี
id name age และรูปภาพ

รบกวนผู้ใจดีช่วยหน่อยค่ะ

Code (PHP)
 <div class="category-tab shop-details-tab"><!--category-tab-->
						<div class="col-sm-12">
							<ul class="nav nav-tabs">
								<li class="active"><a href="#set1" data-toggle="tab">1</a></li>
                                <li><a href="#set2" data-toggle="tab"> 2</a></li>
							</ul>
						</div>
						<div class="tab-content">
							<div class="tab-pane fade active in" id="set1" >				
								<div class="col-sm-12">
                                <table width="488" border="0">
  <tr>
    <td width="20">&nbsp;</td>
    <td width="140"><strong>ชื่อ</strong></td>
    <td width="314">&nbsp;</td>
  </tr>
  <tr>
    <td width="20">&nbsp;</td>
    <td width="140">อายุ</td>
    <td width="314">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
                                </table>
				
								</div>
							</div>	
                            <div class="tab-pane fade" id="set2" >
								<div class="col-sm-12">
                                <table width="488" border="0">
  <tr>
    <td width="20">&nbsp;</td>
    <td width="140"><strong>ชื่อ</strong></td>
    <td width="314">&nbsp;</td>
  </tr>
  <tr>
    <td width="20">&nbsp;</td>
    <td width="140">อายุ</td>
    <td width="314">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
                                </table>
				
								</div>
							</div>
					</div><!--/category-tab-->					
			</div>
  </div>
 




Tag : PHP, MySQL









ประวัติการแก้ไข
2014-10-02 21:33:57
2014-10-03 08:32:30
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2014-10-02 21:33:23 By : itzalone View : 2074 Reply : 11
 

 

No. 1



โพสกระทู้ ( 5,105 )
บทความ ( 4 )

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

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


ก็ต้องย้อนถามกลับว่า....
- ตัวเมนูแท็บแบบนี้ ทำได้หรือยังครับ
- ถ้าทำได้ เมนูแท็บ ใช้ตัวไหน

ถ้ายังทำไม่ได้ ลองหาตัว tab menu มาสร้าง มาหัดเล่นก่อน หัดแบบกดแท็บแล้วแสดงข้อความ html ธรรมดา

ถ้าได้แล้ว ลองมองภาพว่าเราจะยัด code PHP ลงไปแต่ละ Tab แบบไหน

แต่ละแท็บจะดึงข้อมูลมาใส่ html นั้น ๆ ได้อย่างไร

หากถึงตอนนั้นยังไม่ได้ ค่อยเอา code มาดู เอาตารางฐานข้อมูลมาโชว์

แล้วจะมีคนช่วยต่อเอง

ปล.ที่ถามว่าทำแท็บได้ยัง เพราะ แท็บแต่ละตัวมี code ไม่เหมือนกัน

ถ้าให้ code ไปเลย แท็บคนละแบบ เอาไปใส่หน้าเว็บคุณมันก็จะไม่เข้ากัน








ประวัติการแก้ไข
2014-10-03 00:30:22
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-03 00:29:25 By : apisitp
 


 

No. 2



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : apisitp เมื่อวันที่ 2014-10-03 00:29:25
รายละเอียดของการตอบ ::
Code (PHP)
  <div class="category-tab shop-details-tab"><!--category-tab-->
						<div class="col-sm-12">
							<ul class="nav nav-tabs">
								<li class="active"><a href="#set1" data-toggle="tab">1</a></li>
                                <li><a href="#set2" data-toggle="tab"> 2</a></li>
							</ul>
						</div>
						<div class="tab-content">
							<div class="tab-pane fade active in" id="set1" >				
								<div class="col-sm-12">
                                <table width="488" border="0">
  <tr>
    <td width="20">&nbsp;</td>
    <td width="140"><strong>ชื่อ</strong></td>
    <td width="314">&nbsp;</td>
  </tr>
  <tr>
    <td width="20">&nbsp;</td>
    <td width="140">อายุ</td>
    <td width="314">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
                                </table>
				
								</div>
							</div>	
                            <div class="tab-pane fade" id="set2" >
								<div class="col-sm-12">
                                <table width="488" border="0">
  <tr>
    <td width="20">&nbsp;</td>
    <td width="140"><strong>ชื่อ</strong></td>
    <td width="314">&nbsp;</td>
  </tr>
  <tr>
    <td width="20">&nbsp;</td>
    <td width="140">อายุ</td>
    <td width="314">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
                                </table>
				
								</div>
							</div>
					</div><!--/category-tab-->					
			</div>
  </div>
 


ทำได้แล้ว ตัวแท็บ ขอบคุณค่ะที่ช่วยแนะนำ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-03 08:31:26 By : itzalone
 

 

No. 3



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



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


รบกวนต้วยค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-03 12:58:05 By : itzalone
 


 

No. 4



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



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


เอาง่ายๆ นะครับ
Code (PHP)
<div class="category-tab shop-details-tab">
  <!--category-tab-->
  <div class="col-sm-12">
    <ul class="nav nav-tabs">
    <?php
	while(){
	?>
      <li class="active"><a href="#set<?=$result['id']?>" data-toggle="tab">1</a></li>
	<?php
	}
	?>
    </ul>
  </div>
  <div class="tab-content">
    <?php
	while(){
	?>
    <div class="tab-pane fade active in" id="set<?=$result['id']?>" >
      <div class="col-sm-12">
        <table width="488" border="0">
        
          <tr>
            <td width="20">&nbsp;</td>
            <td width="140"><strong>ชื่อ</strong></td>
            <td width="314"><?=$result['name']?></td>
          </tr>
          <tr>
            <td width="20">&nbsp;</td>
            <td width="140">อายุ</td>
            <td width="314"><?=$result['xxx']?></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </table>
      </div>
    </div>
	<?php
	}
	?>
  </div>
  <!--/category-tab-->
</div>
</div>


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-03 13:18:26 By : gaowteen
 


 

No. 5



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



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


ตอบความคิดเห็นที่ : 4 เขียนโดย : gaowteen เมื่อวันที่ 2014-10-03 13:18:26
รายละเอียดของการตอบ ::
พอใส่ tab ข้อมูลขึ้น แต่ เนื้อหาไม่ขึ้นค่ะ ขึ้นแค่ชื่อแท็บแล้วกดไม่ไปค่ะ

Code (PHP)
<div class="category-tab shop-details-tab">
  <!--category-tab-->
  <div class="col-sm-12">
    <ul class="nav nav-tabs">
      <?php

while($objResult = mysql_fetch_array($objQuery))
{

?>
      <li class="active"><a href="#set<?=$result['id']?>" data-toggle="tab"><?=$result['name']?></a></li>
	<?php
	}
	?>
    </ul>
  </div>
  <div class="tab-content">
     <?php

while($objResult = mysql_fetch_array($objQuery))
{

?>
    <div class="tab-pane fade active in" id="set<?=$result['id']?>" >
      <div class="col-sm-12">
        <table width="488" border="0">
        
          <tr>
            <td width="20">&nbsp;</td>
            <td width="140"><strong>ชื่อ</strong></td>
            <td width="314"><?=$result['name']?></td>
          </tr>
          <tr>
            <td width="20">&nbsp;</td>
            <td width="140">อายุ</td>
            <td width="314"><?=$result['xxx']?></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </table>
      </div>
    </div>
	<?php
	}
	?>
  </div>
  <!--/category-tab-->
</div>
</div>



แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-03 13:55:08 By : itzalone
 


 

No. 6



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



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


ผมไม่แน่ใจ ว่า $objQuery พอเรา fetch ออกมาแล้ว 1 ครั้งมันต้อง query ใหม่หรือป่าว เพราะปกติผมใช้ class มัน fetch ได้ 1 ครั้ง ต่อ 1การ query
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-03 14:00:55 By : gaowteen
 


 

No. 7



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



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


ตอบความคิดเห็นที่ : 6 เขียนโดย : gaowteen เมื่อวันที่ 2014-10-03 14:00:55
รายละเอียดของการตอบ ::
ต้องใช้ while ยังไงค่ะ รบกวนช่วยทีค่ะ

Code (PHP)
<?php while($objResult = mysql_fetch_array($objQuery))
{

?>
	


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-03 14:04:48 By : itzalone
 


 

No. 8



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



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


while ถูกแล้วครับแต่ลอง query ก่อน while อีกรอบ
$objQuery = mysql_query($sql);
while($objResult = mysql_fetch_array($objQuery)
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-03 14:13:54 By : gaowteen
 


 

No. 9



โพสกระทู้ ( 5,105 )
บทความ ( 4 )

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

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


ตอบความคิดเห็นที่ : 5 เขียนโดย : itzalone เมื่อวันที่ 2014-10-03 13:55:08
รายละเอียดของการตอบ ::
while มันซ้ำกัน อยู่นี่ครับ


อีกอย่างพอมาถึงก็ while กันเลย แล้วการติดต่อฐานข้อมูลอยู่ตรงไหน
- เอาตารางฐานข้อมูล ขอแบบเป็น sql นะ จะได้ไปลองสร้าง ไม่เอารุปขี้เกียจไปสร้างเอง
- การติดต่อ db การ select ค่ามาโชว์ อยู่ตรงไหนครับ ลืมหรือเปล่า


ประวัติการแก้ไข
2014-10-03 14:28:15
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-03 14:21:20 By : apisitp
 


 

No. 10



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



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


เออ อันนี้ต้องเหมือนกัน
while($objResult = mysql_fetch_array($objQuery))
{

?>
<div class="tab-pane fade active in" id="set<?=$result['id']?>" >
<div class="col-sm-12">
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-03 14:26:56 By : gaowteen
 


 

No. 11



โพสกระทู้ ( 5,105 )
บทความ ( 4 )

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

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


  <div class="category-tab shop-details-tab"><!--category-tab-->
				
                <div class="col-sm-12">
					<ul class="nav nav-tabs">
						<li class="active"><a href="#set1" data-toggle="tab">1</a></li>
                              <li><a href="#set2" data-toggle="tab"> 2</a></li>
					</ul>
				</div>
         	
            
            		<div class="tab-content">
              <?php
				//หลังจากทำการเชื่อต่อฐานข้อมูล และ select บานข้อมูลมาแสดง
				while($result = mysql_fetch_array($objQuery))
		{
		if($result['id'] == 1){
			$cls = "tab-pane fade active in"; 
		}else{
			$cls = "tab-pane fade";
			
		}
	
				?>
				
					<div class="<?php echo $cls; ?>" id="set<?php echo $result['id']; ?>" >				
						<div class="col-sm-12">
                              <table width="488" border="0">
<tr>
  <td width="20">&nbsp;</td>
  <td width="140"><strong>ชื่อ</strong></td>
  <td width="314"><?php echo $result['name']; ?></td>
</tr>
<tr>
  <td width="20">&nbsp;</td>
  <td width="140">อายุ</td>
  <td width="314"><?php echo $result['age']; ?></td>
</tr>

                              </table>
							</div>
					</div>
				
<?php
}
?>
</div></div>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-03 14:36:26 By : apisitp
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ต้องการดึงค่าจากฐานข้อมูล มาแสดง ในเมนู Tab พอกดที่ tab ก้อจะแสดงข้อมูลใน id นั้นๆๆ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 02
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 อัตราราคา คลิกที่นี่