การใช้ iframe

HTML Basic
สำหรับนักพัฒนาเว็บไซต์มือใหม่ HTML , CSS และการใช้ Tools ต่างๆ ในการพัฒนาเว็บไซต์

Moderator: mindphp

supanat51
PHP Jr. Member
PHP Jr. Member
Posts: 15
Joined: 12/08/2011 10:57 pm

การใช้ iframe

Post by supanat51 »

ผมต้องการทำเว็บ คือ เว็บผมมีสองคอลัม ฝั่งซ้ายมีลิงห์เมื่อกดลิงห์ฝั่งซ้าย ฝังขวาก็จะเปลี่ยนตามเหมือนว่ากดลิงห์ซ้ายจะไปเรียกไฟล์phpมาแสดงผลลัพท์ที่ฝังด้านขวา
ใครพอมีโ้ค้ดแนวๆๆนี้บางขอมาแกะลองทำดูหน่อยครับ ขอขอบคุณล่วงหน้าครับ
touleg
PHP Super Member
PHP Super Member
Posts: 480
Joined: 25/01/2010 11:57 pm
Contact:

Re: การใช้ iframe

Post by touleg »

ถ้าเป็น iframe ก็ทำได้ง่ายๆดังนี้ครับ

Code: Select all

//set target to iframe
<a href="page.php" target="ifrm">Page</a>

<iframe id="ifrm" name="ifrm" width="500" height="400"></iframe>
supanat51
PHP Jr. Member
PHP Jr. Member
Posts: 15
Joined: 12/08/2011 10:57 pm

Re: การใช้ iframe

Post by supanat51 »

ช่วยอธิบายให้ละเอียด หน่อยได้มั้ยครับ พอดีพึ่งเริ่มหัดเขียนอ่ะ ครับ
ขอบคุณล่วงหน้าครับ
touleg
PHP Super Member
PHP Super Member
Posts: 480
Joined: 25/01/2010 11:57 pm
Contact:

Re: การใช้ iframe

Post by touleg »

Code: Select all

<a href="page.php" target="ifrm">Page</a>
โค้ดนี้ก็คือ link ปกติ ก็ไม่มีอะไร เพียงแต่แทนที่จะคลิกแล้วลิงค์ไปที่หน้านั้นโดยเปิดหน้าใหม่ขึ้นมา ก็กลายเป็นว่าส่งไปที่ ifrm แทน เพราะได้กำหนด target ไว้ โดย ifrm นั้นเป็น id และ name ของ iframe นั้นก็คือมันจะส่งไปเปิดที่ iframe แทน ทำให้ไม่ต้องเปิดหน้าใหม่ แต่จะไปเปิดที่ iframe คล้ายๆ ajax เลย หุหุ

โดยปกติเราใช้ target ในการกำหนดการเปิดหน้า page เช่น target="_blank" ให้เปิดกับหน้าใหม่
แต่เราสามารถส่งไปเปิดกับ iframe ได้ด้วย ตามวิธีข้างบน
Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “HTML CSS”

Who is online

Users browsing this forum: No registered users and 6 guests