สอบถาม ผู้ทำเวปทุก ๆ ท่านครับ

[zeelacul]

ต้องขออนุญาติกระดานแห่งนี้ สอบถามครับ เพราะที่ผ่านมา โค๊ดที่ค้นหาได้ ไม่สามารถทำได้เลยครับ


.... จำไม่ได้แล้วครับ การแทรก iframe ในหน้าเวปไซต์ คือต้องการขยายความสูง แบบออโต้ หากผมจำไม่ผิดเคยหาโค๊ดได้ แต่ปัจจุบัน ผมลืมไปแล้วครับ ไม่ทราบว่า จะใช้โค๊ดไหนในการขยายความสูง แบบออโต้น่ะครับ  (ขยายความสูงหน้าจออัตโนมัติ ตามข้อมูลของแต่ละลิงห์)

<iframe width=100% src="http://ปหห.com "  frameborder="0" scrolling="no"></iframe>

[pond_z1000]

ตั้งใช้ css responsive iframe เข้าช่วยครับ ส่วนฝั่งของ html ก็เปิดแท็ก ความสูง auto ไว้รอเลย

[kohungz]

มาอ่านเพื่อเป็นความรู้ครับ
ขอบคุณมากครับ

[musichost]

<iframe width=100% src="http://123.com "  frameborder="0" scrolling="auto"></iframe>

อาจจะเพิ่มอันนี้เข้าไปด้วยก็ได้   allowtransparency="true"
<iframe width=100% src="http://123.com "  frameborder="0" scrolling="auto" allowtransparency="true"></iframe>

[MD.18]

html+css ไม่น่าจะได้นะ เพราะ iframe ต้องฟิกกว้างและความสูงเพื่อเจาะช่องที่จะแสดง กว้าง 100%ได้เพราะมีขอบแน่นอน แต่สูงไม่มีกรอบแน่นอนยกเว้นจะทำกรอบชั้นแรกให้เต็มทั้งกว้างและสูงฟิกไว้เลย

ส่วนมากใช้วิธีก็ js ทำการรีไซส์ขนาดของความสูงคลาสไอเฟรมนั้นๆ ลองหาในเน็ตเอาครับ js resize height iFrame

แต่ในด้าน seo รู้สึกว่าจะไม่มองสิ่งที่อยู่ใน iframe นะ bot ก็ไม่น่าจะไต่ไปด้วยไม่เหมือน php include ที่ดึงข้อมูลมา

[CherryX]

มาขอเก็บข้อมูลด้วยคะ 

[dekdoo]

กำหนด iframe ในไฟล์หลัก ส่วนที่สำคัญคือการกำหนด id ของ iframe สำหรับใช้ในการเรียกใช้

โค้ด เลือก ขยาย

<iframe name="myIframe"
id="myIframe" src="pagecontent.html" width="600" height="100" frameborder="0"
scrolling="no"></iframe>

แทรกโค้ต jQuery ในไฟล์เนื้อหาที่โหลดจาก iframe ในที่นี้คือ pagecontent.html

โค้ด เลือก ขยาย

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> 
<script type="text/javascript">
function sizeFrame() {
$("#myIframe", top.document).css({ height: 0 });
// กำหนดความสูงของ iframe ให้เท่ากับ 0
var heightDiv=$(document).height();
// หาความสูงของเพจ pagecontent.html
$("#myIframe", top.document).height(heightDiv);
// กำหนดความสูงของ iframe ให้เท่ากับความสูงของ pagecontent.html
}
$(function(){
          sizeFrame();
          // เรียกใช้ฟังก์ขันเมื่อไฟล์ pagecontent.html โหลดเสร็จแล้ว
          $("#myIframe").load(sizeFrame);
         // เรียกใช้ฟังก์ขันเมื่อ iframe โหลด ไฟล์  pagecontent.html
});
</script>

เครดิต : ninenik .com