HTML5簽名Signature並輸出圖片範例

改寫這個網站的範例
http://www.jq22.com/jquery-info1057
原本範例在手機及平板事件touchstart及touchmove使用e.pageX及e.pageY,因為行動狀置不一定只有單點觸控,所以事件應該要改用e.touches[0].pageX來取得。
範例網址
Demo
WriteSignature
程式碼如下:
更多內容 HTML5簽名Signature並輸出圖片範例

網頁圖片Image FadeIn淡入FadeOut淡出效果

html Image FadeIn跟FadeOut淡出淡入效果,可以使用jquery的function來完成,可以參考範例,或是直接使用CSS3也可以,底下是一個範例。

更多內容 網頁圖片Image FadeIn淡入FadeOut淡出效果


[android]抽籤程式V0.0.7版本原始程式碼

Google play程式: https://play.google.com/store/apps/details?id=com.yslifes.sample.ballot

這裡先簡單的交待程式碼開發的環境及source

程式是由Apache Cordova建立的,如何安裝可以參考Commaond line install的方式,Apahce Cordova其實就是phonegap,phonegap一開始是adobe創建的,不過後來捐給了apache基金會。

此專案有安裝之plugin

org.apache.cordova.devicemotion.AccelListener   用來監控搖動行動裝置的(Android手機或平版)

org.apache.cordova.splashscreen.SplashScreen 一開始的載入畫面SplashScreen

org.apache.cordova.inappbrowser.InAppBrowser 用來另開連接到系統預設的browser的,不過目前沒有使用

com.phonegap.plugins.barcodescanner.BarcodeScanner 條碼QRCode掃描,使用zxing framework

使用的javascript framework

JQueryJQuery Mobilehtmll10njquery.tmp

其中htmll10n是為了多國語系的支援

Screenshot_2014-10-07-13-10-41

更多內容 [android]抽籤程式V0.0.7版本原始程式碼

[jQuery]簡單的向上Marquee跑馬燈公告效果

Html本身有一個Tag Marquee可以使用Marquee跑馬燈功能,不過功能十分有限,像是滑鼠移入停止,每一筆內容暫停後再執行下一筆等,原本的Marquee跑馬燈都不支援。

MarqueeExample

這個範例是利用jQuery的animate來移動scroll,達到移動的感覺,所以再初始化時需要先close一份資料append上去,如此在移動到最後一筆時,才不會因為scrollBar到底而無法移動。而Mouse移入時則stop animate及clear移除的Timeout,待Mouse out後,再執行,不過這部份控制的沒有很好,有興趣的人可以再加以修改。

更多內容 [jQuery]簡單的向上Marquee跑馬燈公告效果


[Eclipse]JavaScript Validation驗證錯誤

Eclipse建立Dynamic Web Project的網頁JSP專案,常會用到jqueryprototype等JavaScript的Framework,這些framework經過擾亂及最小化等動作後,Eclipse在Validation JavaScript驗證時,常會有錯誤發生,使得整個專案在更動程式的自動重新Complier時,會擾人的提示及警告。

專案錯誤

要解決這種麻煩狀況,可以在專案上設定不Validation這JavaScript Framework,也就是把它排除掉,其實Script本身並沒有問題,只是Validation驗證不過而已,並不會影響專案的運作。

更多內容 [Eclipse]JavaScript Validation驗證錯誤