demoshop

demo, trying to be the best_

新案子準備要開始了,今天花了一點時間上網找 jQuery 的套件,來看看有沒有辦法讓使用者感覺更美好,晃者晃者就看到了一個相當好的套件, Alert Dialogs 馬上就來推薦給各位朋友啦。

我們在製作網頁的時候 Java Script 的 Alert 效果幾乎是每個案子都會用到,可能告訴使用者錯誤,可能提醒使用者要注意些什麼,或是告知使用者什麼操作完成了,但都是跳出一個框框上面寫了點字,按下確定就消失,在實務經驗上,很多人是你跳出來我就按〔確定〕,他根本不看內容寫了些什麼,最近的案子中就有客戶反應為什麼我寫入留言以後都會跳出錯誤,實地的看了一下就很想回她說:「小姐!那是寫留言成功!不是錯誤啦」。

不過這也不能怪使用者,不看訊息是使用者的特權,我們寫程式的就應該要料想到這點,而本次要介紹的 Alert Dialogs可以多少解決一下此類問題。


先提供線上使用範例來玩一下
 http://labs.abeautifulsite.net/projects/js/jquery/alerts/demo/

從範例中了解它可以幫我處理Alert()、Confirm()和Prompt()功能,有一點 demo 覺得很不錯得是在 IE7 以後的 IE 為求安全在我們使用 Prompt() 的時候會跳出黃框框 使用者還必須點允許才能使用,實在是很不人道,而使用了Alert Dialogs 不但是變美麗了還跳過了黃框框的鳥問題,一舉數得阿。


或許你會覺得不就是漂亮了一點那使用者還不是很直覺得〔你跳出來我關掉〕一點幫助都沒有阿,其實重點在跳出來的訊息方框可以支援 CSS 設定,你想想當你的Alert() 變成下面這樣,使用者是不是只看顏色就知道是什麼事情了呢。


所以 demo 這套 Alert Dialogs 真的是讚啦!!

回應討論