網頁

2010年10月6日 星期三

[野人獻曝] Google Virtual Keyboard

老實說,GoogleVirtual Keyboard Element 出來也有段時間了,
(不知道那是什麼請參閱上行連結,這裡就不說明了)
因此現在才說說這個玩意其實是腿很大了。
不過剛剛整理自己寫的東西時偶然看到這個玩意,
所以就寫出來充稿數好了。

基本上,她的實作很簡單,
所以我提供一份很簡單的範例就好了。

在實作的時候,
你還需要注意一些事:

  • 虛擬鍵盤僅支援英文、韓文等語言,所以日文和中文等就沒用了
  • 密碼欄位目前無法使用虛擬鍵盤

嗯~大概就是這樣了吧......(茶)

2010年8月26日 星期四

「無聊的小東西」將Google Maps充滿整個網頁

其實這東西對網頁老手應該不算什麼,
不過對於一堆網頁開發新手可能還有點用,
所以我就稍微寫一下好了(謎:想要騙流量的)。

基本上這只是運用jQuery在網頁的主要元素載入後,
即時去運算當前網頁的可視寬高,
並且將這兩個資訊以css寫入該區塊。

以下提供的範例主要流程為:

  • 利用google.load載入Google Maps API和jQuery

  • 網頁載入主要區塊(本例中的主要區塊ID是 myMap)

  • 算出網頁的可視寬高值,並寫入myMap區塊的css)



參考程式碼

2010年7月11日 星期日

ha2 短網址

網址:http://ha2.tw/shortener

主要功能:
目前除了網頁圖片的產生似乎有點問題外,其他功能皆可運作。

2010年6月11日 星期五

[野人獻曝] 使用rpxnow替你的網站作登入服務

本回要來示範如何使用 rpxnow 的服務,
讓你的網站可以使用FacebookTwitterGoogle等帳號作登入(茶)。

首先第一步,
你必須要到 rpxnow 使用你的 Google 等帳號登入後申請一個 app,
這樣你才可以繼續接下來的步驟。

以上步驟完成後,
你應該會得到一個 apiKey。
然後請到 Signin Setup,
取得嵌入你網站的Code。

這嵌入的Code有分兩種,
一種就是iframe式的,
另外一種就是blockUI式的,
基本上只跟外觀有關係,
你可以根據自己需求選擇。

取得那段HTML Code後,
請把他放在你要使其出現的地方上,
並且確定接收Token的程式沒有問題就可以作登入了。

==== 接下來比較重要 ====

上面比較簡單所以就大概帶過,
接下來要說明接收token的方法了。

示範程式碼以PHP實作,
如果要其他語言的,請自行想辦法。

好~這樣簡單的登入服務就完成了。
不過要注意一下,這種服務可能還是會有隱私權的問題,
所以如果網站成長到一定程度或許就要考慮直接套用各大網站的登入服務API,
而不應該使用這類服務。