Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > Mobile > Mobile Forum > รบกวนหน่อยครับ ผมมีปัญหาการแสดงผล url web โดยใช้ iframe ใน jquery mobile

รบกวนหน่อยครับ ผมมีปัญหาการแสดงผล url web โดยใช้ iframe ใน jquery mobile

เริ่มหัวข้อใหม่

Toey

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

ผมได้ใช้ phonegap ในการทำ web application บน ios ครับ
จาก requirement ที่ผมรับมา เขาต้องการให้ มีการแสดงผลหน้าเวปอื่น ในส่วนของ content ของ page ครับ
ผมก็เลยใช้ tag iframe ในการแสดงผลเวป โดยใช้ source code ดังนี้ครับ

Code

<div data-role="content" >
    <iframe src="http://www.example.com/"></iframe>
</div>

ผลลัพธ์ที่ได้แสดงดังภาพที่ 1 ครับ คือ ข้อมูลที่แสดงในหน้าเวปนั้น ที่ปรากฏใน tag iframe ไม่ฟิตกับขนาดหน้าจอมือถือครับ
สามารถ scroll ขึ้น,ลง ได้ แต่ไม่สามารถ scroll ไปซ้าย, ขวา ได้ เพื่อที่จะดูข้อมูลของหน้าเวปในส่วนที่ขาด

ภาพที่ 1

จะทำอย่างไรได้บ้างครับ เพื่อที่จะให้การแสดงผลของหน้าเวป ฟิตกับขนาดหน้จอ หรือจะแนะนำให้ใช้ tag อื่นที่เหมาะสมกว่าการใช้ iframe
โดยจุดประสงค์เพื่อที่จะให้ได้ผลลัพธ์แบบภาพที่ 2 ครับ (จากภาพที่ 2 เป็นการแสดงหน้าเวปโดยใช้ widget WebView ใน platform android)

Tag : Mobile, HTML/CSS, JavaScript, iOS, Mobile

ประวัติการแก้ไข
2014-09-03 18:27:31

Date : 2014-09-03 16:08:48

By : tanijung

View : 1981

Reply : 2

No. 1

TC Admin

โพสกระทู้ ( 74,059 )
บทความ ( 838 )

อันที่จริงถ้าบน Mobile ควรจะหลีกเลี่ยงใช้พวก frame น่ะครับ เพราะขนาดแค่ Form ปกติ มันแสดงผลแตกต่างกันไปเลยครับ

Date : 2014-09-04 10:38:00

By : mr.win

No. 2

Toey

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

ครับ พอจะหลีกเลี่ยงไปใช้อะไรได้บ้างครับ ในการแสดงผลหน้าเวปอื่น ในส่วนของ content ของ page ครับ

Date : 2014-09-07 11:32:05

By : tanijung

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : รบกวนหน่อยครับ ผมมีปัญหาการแสดงผล url web โดยใช้ iframe ใน jquery mobile

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 00