2009年4月4日

網頁視窗全螢幕化

之前坎尼也有遇過這個問題
客戶希望我們的地圖畫面能大一點
還能兼顧查詢出來的結果顯示
所以最後用了程式控制 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小畫家去修圖)

3 則留言:

Unknown 提到...

我沒注意到 snipping tool 這東西ㄟ,真不錯阿 XD

Unknown 提到...

darkthread 上剛好最近有一篇文章:有趣的IE Kiosk模式(http://blog.darkthread.net/blogs/darkthreadtw/archive/2009/04/03/ie-kiosk.aspx),感覺可以作為另一個替代方案。

坎尼 提到...

那篇我有留言啦 XD
就是講這篇裡的 fullscreen=yes

Google Spreadsheet 裡用規則運算式

最近因為工作關係,遇到要用 Google Form 及 Google Sheet 所以研究了 Google Sheet 裡的一些 function 怎麼用 首先,分享一下如何在 Google Sheet 裡用規則運算 :D