pCloud Partner Program

詭異的dtd (flash滿版問題)

程式技術 2009/01/23 15:26
views: 99204 times
今天在處理一個妙妙妙的問題. 在 IE 下看很正常, 但在 Firefox 下看就很怪.

是一個 flash 的網頁, 內容其實只是要佈滿版瀏覽器而已, 在 IE6, IE7 下沒問題, 但在 Firefox 下, 卻是寬滿版, 高則維持原 flash 的高度(sample 內的 swf 為320*240). 我們先來看看發生的狀況, 以下 sample 連結, 請查看:

http://sample.diary.tw/16/f1.html

原始檔內容如下:


用 IE 看和用 Firefox 看結果不同:
用戶插入圖片
用戶插入圖片
真是奇怪咧, 後來經檢查發現, 是和原始碼的第一行有關, 若使用了 xhtml 的 dtd 後, 就會發生這個狀況, 當把 dtd 移除後, 無論是 IE 或是 Firefox 就都可以滿版了, 可以參考這個範例連結:

http://sample.diary.tw/16/f2.html


但遵守 xhtml 是未來必經之路, 不能說拿掉就拿掉吧, 再來找看看有沒有好用的 solution, 於找到了這篇: TIPS-Get 100% Height in XHTML

裡面建議了一個蠻不錯的好方法, 就是將 html 及 body 的高度都利用 css 指定 100% 設起來後, 就可以有全高的 flash 了, 如下:


就能有效解決 dtd 存在的 xhtml 時, 無法滿版的問題, 重點在於 html 及 body 的 height: 100% 這件事上, 請參考範例連結:

http://sample.diary.tw/16/f3.html

而其中的 margin:0; padding:0; 是將 box model 中的邊界及位移都設為0 , 更接近滿版的狀況囉, 到此終於解決了一個詭異的 html 滿版問題了.(當然 flash 只是其中做為應用的一種啦, 其他的 html tag 也都是一樣的意思, 滿版都有這些狀況, 只是 flash 較常碰到了)

PS. 補充一下, 剛好手邊也有 IE8 , 他的狀況和之前的 IE6, IE7 不同, 由於更支援正式的規範, 反而它的行為是和 Firefox 一致哦, 不過若是切到 IE8 的 compatible view 時, 就會和 IE7, IE6 一樣囉!!

top

好玩手寫辨識加查詢

WebTrend 2009/01/19 15:46
views: 85928 times
從點部落的 "Dotjum的分享空間" 看來的, 這篇文章: [資料收集]Silverlight 電子白板的線上範例

很好玩的一個線上應用, http://so.wopos.com/ 利用 silverlight 手寫輸入, 辨識完成後, 再帶入查詢, 很有趣又好玩的服務. 利用 silverlight 做為輸入工具, 然後進行辨識, 看起來應該是用 webservice 的方式, 將 silverlight 上的字跡, 回去進行辨識, 如下:

先寫上文字:
用戶插入圖片

接下來利用 firebug 的 networking 來觀察回送的封包, 按下 google 搜索, 得到這樣的 http request:
用戶插入圖片
看起來是一個字跡的內容, 回送到 server 上, 再看他的 response:
用戶插入圖片
在其中的 <InkAzyResult>中</InkAzyResult> 得到結果囉, 辨識的狀況, 只要不是太亂寫, 都還能辨識得出來哦, 效果不錯, 也還實用的, 和之前的一些搜尋應用經驗不太一樣哦.

相關文章:
Retrievr - 利用手繪找圖

top

WMWifiRouter-可以這樣用

好用軟體 2009/01/14 15:47
views: 204168 times
之前文章介紹時, 就覺得 wifly 在台北市真的是還蠻好用的: wifly推出mobile設備低月租專案

記得有一次, 和同事在 starbucks 時, 要上網, 兩台 nb, 但我只有一張 3g 網卡, 沒有更方便的方式讓兩台電腦上網, 雖然我的手機可以用 wifly 上網, 但是仍無法讓 nb 上網, 只好透過 nb 上 wifly 買了一個單日的上網, 讓兩台電腦都能上網.

當時就在思考, 有沒有辦法讓 pda (手機) 透過 wifly 上網分享給 nb 使用. 其實之前是有手機 3g 轉出 wifi ad-hoc 的方式, 讓其他的 wifi 設備上網的功能, 不過最近看了這篇介紹了新版本的 WMWifiRouter 後(讓你的3G PDA手機進化成完美的3G無線基地台 -- WMWIFIROUTER 1.25), 發現, 它已經將這個 wifi 轉給 usb 的功能實作出來了. 乍看下似乎不知用在什麼地方, 其實是當成 "無線網卡" 使用. 而這個功能, 正好可以將所謂低月租的 wifly 分享給高月租的 nb 來使用囉.

簡單的說, 就是 wifly 會 check 上網的 device, 但我們用 pda (手機) 來上網, 掛上了 WMWifiRouter 後, 就能使用 nb 來用低月租上網了. 呃... 這樣算不算是一種破解呢? 我想應該還好吧, 就是還是有付費, 只是將頻寬分給自己的其他設備用, 應該沒太大的問題, 而且其實, 在實務上, 利用這樣的方式上 wifly, 實際上是比直接用 nb 上 wifly 慢一些, 因為 pda (手機) 的效率本來就沒那麼好, 又要再 share 出來給 nb , 其實頻寬會打一些折的呢. (當然還有手機是 802.11b / nb 是 802.11g 的差異)

操作方式如下:
1. 先用使 pda (手機) 連上 wifly, 並瀏覽網頁, 登入 wifly 成功後, 再啟動 WMWifiRouter
2. 選擇左下的 wifi to usb 功能, 如圖:
用戶插入圖片

(即上面的淺綠色那個功能)

more..


top

才換過的google icon又換

懶得分類 2009/01/10 14:47
views: 61258 times
2008年才換過的 google icon, 今天又換了...
大家有沒有注意到每天在用的 google, 他將 website上的 icon又換成這樣了:

用戶插入圖片

那個藍紅綠黃中間有個 g 的新 icon, 就是他了: http://www.google.com.tw/favicon.ico
當然不只有台灣換啦, 其他國家也都換了, 看起來應該是有什麼目的吧, 再來回顧看他的舊 icon 囉, 請參考這篇文章: http://audi.tw/Blog/opinion/google.icon.asp

top
TAG Google, icon




Patriot美商博帝 BURST 960G 2.5吋 SSD固態硬碟
TEAM十銓 L5 Lite 3D 1TB 2.5吋 SSD固態硬碟
統一 番茄汁(6入/組)
UNITEK TYPE-C 轉VGA/HDMI/PD充電/HUB 鋁合金多功能轉接器
亞果元素 CASA Hub VH1 Type-C 轉 VGA - HDMI二合一顯示轉接器
realme XT (8G/128G) 6.4吋6400萬畫素 四鏡頭鷹眼猛獸


 Waiting...