網頁視窗全螢幕化

之前坎尼也有遇過這個問題
客戶希望我們的地圖畫面能大一點
還能兼顧查詢出來的結果顯示
所以最後用了程式控制 browser 全螢幕

---

這個方法要運用的就是 dom 裡的 window.open
window.open(url, name, specs, replace)

對，重點就是 specs 裡所填的參數
一般來講，可以用 left & top 屬性來控制開啟視窗的初始位置
height & width 控制長寬
menubar、toolbar、statusbar 來控制 browser 上一些哩哩扣扣東西的開啟
而全螢幕則是利用 fullscreen=yes

在程式裡的寫法則是如下

點下 OpenWinFullScreen 之後，即會開啟全螢幕的新視窗
下圖由於要表現全螢幕，所以就抓了整個視窗的畫面 XD
可以看到，ToolBar、MenuBar、Status通通不見了
(當然也沒有關閉鍵，想關視窗請用 Alt+F4 )

另外剛剛坎尼在測試 window.open 方法時，又發現了一些有趣的東西
window.open要傳入的第二個參數 name，表示要開啟視窗名稱
若是輸入 _self 則是會在自身的視窗上作開啟

坎尼異想天開的把 name 指定為 _self 且 fullscreen=yes
你猜怎麼著??? 全螢幕的屬性就失效啦 :P

經測試，Specs裡所填的屬性在 name=_self 的情況下，通通沒效用
所以坎尼大膽推測 window.open(URL,"_self") == location.href=URL

其實還有測出蠻多有趣的東西
但目前坎尼用的環境是 win7 + IE8
所以很多還待驗證 (想用 winxp 或 win2k3 + IE 6 7 8 測)
這些留待未來再來驗證吧 XD

剛剛發現 windows 7 裡有個 snipping tool
可以用來框選畫面抓圖，算是還不錯用
(記得大學時都是print screen小畫家去修圖)