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,027

HOME > Client Script Forum > ขอถามเกี่ยวกับการ detect ความกว้าง สูง ของ screen ด้วย javascript หลังจากโทรศัพท์มีการเปลี่ยนจาก แนวตั้งเป็นแนวนอน



 

ขอถามเกี่ยวกับการ detect ความกว้าง สูง ของ screen ด้วย javascript หลังจากโทรศัพท์มีการเปลี่ยนจาก แนวตั้งเป็นแนวนอน

 



Topic : 051929



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



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



ปัญหา

ผมจะจะตรวจจับความกว้าง,สูงของหน้าจอในโทรศัพท์มือถือครับ โดยอยากตรวจตอนแรกคือ ภาพแนวตั้ง ( Portrait View ) แล้วเมื่อ user ทำการหมุนโทรศัพท์ในแนวนอน ( Landscape View ) นั้นให้เอาค่าของความกว้าง ความสูง ณ ขณะนั้น

สิ่งที่ผมได้ลองทำแล้ว

ผมได้ลองหลายๆฟังก์ชั่นของ javascript ที่หาเกี่ยวกับความกว้าง , ความสูงหน้าจอแล้วปรากฎว่าตอนใช้เช็คความกว้าง ความสูงตอนเข้าเว็บครั้งแรกสามารถตรวจจับได้ ผมใช้ window.innerWidth,window.innerHeight แต่ปัญหาคือเวลาพลิกเป็นแนวนอนนั้น ค่าที่ได้รับกลับไม่เปลี่ยน จากนั้นถ้าพลิกกลับมาในแนวตั้งอีกทีนั้นค่าจะมั่วไปเลยครับ จึงอยากทราบว่าเพื่อนๆพอจะมีเวลาการจับค่าความ กว้างหรือความสูงของหน้าจอมือถือหรือไม่ เพราะผมต้องการค่านั้นเอาไปใช้งานต่อครับ

list ดังล่างนี้คือฟังก์ชั่นที่ผมได้ลองมาแล้วไม่ได้ผล

  • document.body.scrollWidth

  • document.body.offsetWidth

  • window.innerWidth

  • document.body.cliendWidth

  • screen.width

  • screen.availWidth



ซึ่งผมใช้ฟังก์ชั่น orientationchange ในการเช็คว่า user ได้มีการหมุนโทรศัพท์หรือไม่ ส่วนโทรศัพท์ที่ใช้ทดสอบคือ android simulator ใน Eclipse ครับและก็ของผมเองเป็น LG P500


ถ้าต้องการข้อมูลเพิ่มเติมอะไรรบกวนบอกได้เลยนะครับ



Tag : JavaScript







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2010-11-20 13:04:54 By : oxygenyoyo View : 2382 Reply : 4
 

 

No. 1



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



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

พอจะมีใครทราบไหมครับว่าผมควรจะทำอย่างไรดี






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-20 14:31:10 By : oxygenyoyo
 


 

No. 2



โพสกระทู้ ( 11,835 )
บทความ ( 10 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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


ไม่เคยเขียนอะครับ ลองหันมาใช้ jquerymobile ดูไหมครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-20 16:39:10 By : PlaKriM
 

 

No. 3



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



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

จริงๆผมอยากใช้มากเลยแต่ทางลูกค้าไม่ต้องการใช้ไฟล์มันใหญ่อ่ะครับพวก framework มันใหญ่ เพราะตอนแรกผมก็ถามเจ้านายแล้ว ว่าใช้ได้หรือไม่

ปล. ผมได้คำตอบของคำถามแหละครับ โดยใช้ window.outerHeight
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-20 18:17:01 By : oxygenyoyo
 


 

No. 4



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

สมาชิกที่ใส่เสื้อไทยครีเอท

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

ผมไม่แน่ใจ เพราะไม่มีโทรศัพท์ลองครับ

ลองสร้าง div เปล่า ดูคับ แล้วดึงค่า ความกว้างของจอครับ

var scr_width = 0;
setInterval(function(){
src_width = $('#divx').width();
}, 1000);


ไม่รู้ว่าจะใช้ได้หรือป่าวนะคับ ลองดู
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-20 19:10:44 By : pjgunner.com
 

   

ค้นหาข้อมูล


   
 

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







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

Load balance : Server 02
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่