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 > ผมทำ one page โดยใช้ section ในการชี้ผมอยากทราบว่าเวลา เอาข้อมูลมาแสดงตอนวนข้อมูลจะทำไงให้มันไปแต่ละsection


ผมทำ one page โดยใช้ section ในการชี้ผมอยากทราบว่าเวลา เอาข้อมูลมาแสดงตอนวนข้อมูลจะทำไงให้มันไปแต่ละsection

 
Topic : 120046



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



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


คือผมลองทำแบบ one page ตอนเอาข้อมูลมาแสดงก็แสดงได้ครับแต่พอผมกดเปลี่ยนไปเมนูอื่น คิดไม่ออกครับ
แนะนำแนวทางให้ผมที

ต.ย โค้ด
Code (PHP)
     <?php
                      while($resulmenu = mysqli_fetch_array($queryMenu))
                      {
                      ?>  
                        
                            <li class=" bd-menuitem-11">
                                <a  title="section4" href="about.php?aboutus_id=<?php echo $resulmenu["aboutus_id"];?>" ><?php  echo $resulmenu["title"];?></a>
                                
                                    
                            
                            
                            </li>

                    <?php
                        }
                    ?>

Code (PHP)
	<section class=" bd-section-16 bd-tagstyles bd-custom-button" id="section5" data-section-title="Get In Touch">
    <div class="bd-vertical-align-section-wrapper">
        <div class=" bd-layoutbox-1 clearfix">
    <div class="bd-container-inner">
        <h3 class=" bd-textblock-51 bd-tagstyles bd-custom-button">
    Get In Touch
</h3>
    </div>
</div>
	
		<div data-animation-time="250" class=" bd-smoothscroll-4">
<img class="bd-imagestyles bd-imagelink-48   " src="./assets/images/3bfa31805580ca9e5b6934dcf7ae0f4e_billionphotos1162946.jpg"></div>
    </div>
</section>
	
		<section class=" bd-section-17 bd-tagstyles bd-custom-button" id="section6" data-section-title="Restaurant Four Columns Image Left">
    <div class="bd-vertical-align-section-wrapper">
        <h3 class=" bd-textblock-62 bd-tagstyles bd-custom-button">
    Get In Touch
</h3>
	
		<div class=" bd-layoutcontainer-21">
    <div class="bd-container-inner">
        <div class="container-fluid">
            <div class="row
                
 bd-row-flex
                
 bd-row-align-middle
                
 bd-collapsed-gutter
                ">
                <div class=" 
 col-md-12
 col-sm-12">
    <div class="bd-layoutcolumn-29"><div class="bd-vertical-align-wrapper"><img class="bd-imagestyles bd-imagelink-49   " src="./assets/images/2ac16aad30199e17451dcbf46ddb4e36_15809095182_0c40412257_k.jpg"></div></div>
</div>
	
		<div class=" 
 col-md-12
 col-sm-12">
    <div class="bd-layoutcolumn-39"><div class="bd-vertical-align-wrapper"><div class=" bd-imagescaling-7 bd-imagescaling-animated" data-imagescaling-target=" bd-imagelink-50">
<img class="bd-imagestyles bd-imagelink-50   " src="./assets/images/613c3b1c28c8463327222fec2a2c3417_2578397276_f4b7b15322_b.jpg"></div></div></div>
</div>
            </div>
        </div>
    </div>
</div>
    </div>
</section>




Tag : PHP, MySQL, HTML/CSS, Ajax, CakePHP
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2015-11-19 15:59:55 By : Poae View : 1176 Reply : 6
 

 

No. 1



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



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

ยังไม่เข้าใจคำถามเท่าไร จะวนข้อมูลใน <section></section>

หรือจะวน ปุ่มที่ลิงค์ไป section ต่างๆ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-11-19 22:38:17 By : progamer2000
 

 

No. 2



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



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

@Boat Junior

ผมจะวน ปุ่มที่ลิงค์ไป section ต่างๆ อะครับ ช่วยผมทีครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-11-20 08:25:15 By : Poae
 

 

No. 3



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



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

ก่อนอื่นทำ code แบบ ไม่ต้องวนจาก db เป็นแบบ แบบกดละไป section แต่ละอัน ทั้ง 5 อันมาให้ผมก่อน
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-11-20 09:42:22 By : progamer2000
 

 

No. 4



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



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

อันนี้เป็นส่วนของเมนูครับ
Code (PHP)
  <div class="navbar-collapse collapse">
            
            <div class=" bd-horizontalmenu clearfix">
                <div class="bd-container-inner">
                    
                    <ul class=" bd-menu-11 nav nav-pills navbar-left">
                        
                        
                        
                        
                            
                          
                            
                            <li class=" bd-menuitem-11">
                                <a  title="section5" href="#section5" >section5</a>
                                
                                    
                            
                            
                            </li>
                            
                            <li class=" bd-menuitem-11">
                                <a  title="section7" href="#section7" >section7</a>
                                
                                    
                            
                            
                            </li>
                            
                            <li class=" bd-menuitem-11">
                                <a  title="section6" href="#section6" >section6</a>
                                
                                    
                            
                            
                            </li>
                            
                            <li class=" bd-menuitem-11">
                                <a  title="section8" href="#section8" >section8</a>
                                
                                    
                            
                            
                            </li>
                            
                         
                            
                            <li class=" bd-menuitem-11">
                                <a 
 class="active" title="New Page" href="./about.html" >New Page</a>
                                
                                    
                            
                            
                            </li>
                    </ul>
                    
                </div>
            </div>
            
        
            </div>

อันนี้พอเวลา กด แล้วมันจะมาแบบนี้อะครับที่ มี แค่ 4 ตัวนะครับ
Code (PHP)
		<section class=" bd-section-16 bd-tagstyles bd-custom-button" id="section5" data-section-title="Get In Touch">
    <div class="bd-vertical-align-section-wrapper">
        <div class=" bd-layoutbox-1 clearfix">
    <div class="bd-container-inner">
        <h3 class=" bd-textblock-51 bd-tagstyles bd-custom-button">
    Get In Touch
</h3>
    </div>
</div>
	
		<div data-animation-time="250" class=" bd-smoothscroll-4">
<img class="bd-imagestyles bd-imagelink-48   " src="./assets/images/3bfa31805580ca9e5b6934dcf7ae0f4e_billionphotos1162946.jpg"></div>
    </div>
</section>
	
		<section class=" bd-section-17 bd-tagstyles bd-custom-button" id="section6" data-section-title="Restaurant Four Columns Image Left">
    <div class="bd-vertical-align-section-wrapper">
        <h3 class=" bd-textblock-62 bd-tagstyles bd-custom-button">
    Get In Touch
</h3>
	
		<div class=" bd-layoutcontainer-21">
    <div class="bd-container-inner">
        <div class="container-fluid">
            <div class="row
                
 bd-row-flex
                
 bd-row-align-middle
                
 bd-collapsed-gutter
                ">
                <div class=" 
 col-md-12
 col-sm-12">
    <div class="bd-layoutcolumn-29"><div class="bd-vertical-align-wrapper"><img class="bd-imagestyles bd-imagelink-49   " src="./assets/images/2ac16aad30199e17451dcbf46ddb4e36_15809095182_0c40412257_k.jpg"></div></div>
</div>
	
		<div class=" 
 col-md-12
 col-sm-12">
    <div class="bd-layoutcolumn-39"><div class="bd-vertical-align-wrapper"><div class=" bd-imagescaling-7 bd-imagescaling-animated" data-imagescaling-target=" bd-imagelink-50">
<img class="bd-imagestyles bd-imagelink-50   " src="./assets/images/613c3b1c28c8463327222fec2a2c3417_2578397276_f4b7b15322_b.jpg"></div></div></div>
</div>
            </div>
        </div>
    </div>
</div>
    </div>
</section>
	
		<section class=" bd-section-18 bd-tagstyles bd-custom-button" id="section7" data-section-title="Modern Design Toolkit">
    <div class="bd-vertical-align-section-wrapper">
        <div class=" bd-layoutcontainer-22">
    <div class="bd-container-inner">
        <div class="container-fluid">
            <div class="row
                
 bd-row-flex
                
 bd-row-align-middle
                
 bd-collapsed-gutter
                ">
                <div class=" 
 col-md-12">
    <div class="bd-layoutcolumn-63"><div class="bd-vertical-align-wrapper"><div class=" bd-imagescaling-8 bd-imagescaling-animated" data-imagescaling-target=" bd-imagelink-51">
<img class="bd-imagestyles bd-imagelink-51   " src="./assets/images/f76e889c9f1a9ec128b39a97c214071f_Imagemin.png"></div></div></div>
</div>
	
		<div class=" 
 col-md-12">
    <div class="bd-layoutcolumn-74"><div class="bd-vertical-align-wrapper"><h3 class=" bd-textblock-65 bd-tagstyles bd-custom-button">
    Your Modern<br><b>
Design Toolkit
</b>
</h3>
	
		<p class=" bd-textblock-66 bd-tagstyles bd-custom-button">
    Themler allows creating any types of website designs. Furthermore, hundreds of theme samples are available for FREE download.
</p>
	
		<a href="" class=" bd-linkbutton-6 bd-button-61 bd-icon-73"   >
Try Now
</a></div></div>
</div>
            </div>
        </div>
    </div>
</div>
    </div>
</section>
	
		<section class=" bd-section-19 bd-tagstyles bd-custom-button" id="section8" data-section-title="One Сolumn">
    <div class="bd-vertical-align-section-wrapper">
        <div class="container  bd-containereffect-12"><div class=" bd-layoutcontainer-36">
    <div class="bd-container-inner">
        <div class="container-fluid">
            <div class="row
                
 bd-row-flex
                
 bd-row-align-middle
                
                ">
                <div class=" 
 col-xs-24">
    <div class="bd-layoutcolumn-75"><div class="bd-vertical-align-wrapper"><h3 class=" bd-textblock-71 bd-tagstyles bd-custom-button">
    Welcome to Themler
</h3>
	
		<div class=" bd-layoutbox-20 clearfix">
    <div class="bd-container-inner">
        
    </div>
</div>
	
		<h6 class=" bd-textblock-72 bd-tagstyles bd-custom-button">
    Build themes for your website or for sale.
</h6>
	
		<p class=" bd-textblock-75 bd-tagstyles bd-custom-button">
    Praesent ultricies sed felis venenatis convallis. <br>Nulla eget varius ex. Sed semper, erat egestas scelerisque lobortis, neque magna accumsan nisi, et tincidunt enim risus eu nibh.
</p>
	
		<a href="" class=" bd-linkbutton-7 bd-button-61 bd-icon-75"   >
Try Now
</a></div></div>
</div>
            </div>
        </div>
    </div>
</div></div>
    </div>
</section>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-11-20 09:55:23 By : Poae
 

 

No. 5



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



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

ปุ่มที่ลิงค์กับ id ของ section ข้างล่าง ดึงมาจาก db ใช่ไหมคับ พวก

id="section6"


เลข 6 เนี่ยะ ดึงมาจาก db หรือตั้งเอง ?
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-11-20 10:05:05 By : progamer2000
 

 

No. 6



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



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

ตั้งเองหมดครับ ไม่ได้มาจาก DB ครับผม
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-11-20 10:07:11 By : Poae
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : ผมทำ one page โดยใช้ section ในการชี้ผมอยากทราบว่าเวลา เอาข้อมูลมาแสดงตอนวนข้อมูลจะทำไงให้มันไปแต่ละsection
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)





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 อัตราราคา คลิกที่นี่