ThaiSEOBoard.com

พัฒนาเว็บไซต์ => วิจารณ์เว็บไซต์ => ข้อความที่เริ่มโดย: zeelacul ที่ 17 มกราคม 2019, 11:35:36


หัวข้อ: สอบถาม ผู้ทำเวปทุก ๆ ท่านครับ
เริ่มหัวข้อโดย: zeelacul ที่ 17 มกราคม 2019, 11:35:36
ต้องขออนุญาติกระดานแห่งนี้ สอบถามครับ เพราะที่ผ่านมา โค๊ดที่ค้นหาได้ ไม่สามารถทำได้เลยครับ


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

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

หัวข้อ: Re: สอบถาม ผู้ทำเวปทุก ๆ ท่านครับ
เริ่มหัวข้อโดย: pond_z1000 ที่ 17 มกราคม 2019, 11:48:15
ตั้งใช้ css responsive iframe เข้าช่วยครับ ส่วนฝั่งของ html ก็เปิดแท็ก ความสูง auto ไว้รอเลย

หัวข้อ: Re: สอบถาม ผู้ทำเวปทุก ๆ ท่านครับ
เริ่มหัวข้อโดย: kohungz ที่ 17 มกราคม 2019, 17:30:22
มาอ่านเพื่อเป็นความรู้ครับ
ขอบคุณมากครับ :wanwan017: :wanwan017: :wanwan017:

หัวข้อ: Re: สอบถาม ผู้ทำเวปทุก ๆ ท่านครับ
เริ่มหัวข้อโดย: musichost ที่ 17 มกราคม 2019, 19:04:54
<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>

หัวข้อ: Re: สอบถาม ผู้ทำเวปทุก ๆ ท่านครับ
เริ่มหัวข้อโดย: MD.18 ที่ 17 มกราคม 2019, 20:20:55
html+css ไม่น่าจะได้นะ เพราะ iframe ต้องฟิกกว้างและความสูงเพื่อเจาะช่องที่จะแสดง กว้าง 100%ได้เพราะมีขอบแน่นอน แต่สูงไม่มีกรอบแน่นอนยกเว้นจะทำกรอบชั้นแรกให้เต็มทั้งกว้างและสูงฟิกไว้เลย

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

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

หัวข้อ: Re: สอบถาม ผู้ทำเวปทุก ๆ ท่านครับ
เริ่มหัวข้อโดย: CherryX ที่ 18 มกราคม 2019, 00:09:19
มาขอเก็บข้อมูลด้วยคะ  :wanwan017:

หัวข้อ: Re: สอบถาม ผู้ทำเวปทุก ๆ ท่านครับ
เริ่มหัวข้อโดย: dekdoo ที่ 19 มกราคม 2019, 08:42:57
กำหนด 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


SMF 1.1.21 | Simple Machines | ThaiSEOBoard.com