jquery | 聰明的生活

簡單的POS系統

2019-11-222019-11-22 yku Leave a comment

不需要資料庫，使用browser本身的儲存功能，可以改成有database版本，這需要寫Server Silde程式，目前程式本身只需要存html環境就可以使用。

使用framework大概有easyui 、jquery、jsrender、jsviews

github開源，會慢慢把功能補齊

https://github.com/catyku/webSimplePOS

HTML5簽名Signature並輸出圖片範例

2015-11-122015-11-12 yku Leave a comment

改寫這個網站的範例
http://www.jq22.com/jquery-info1057
原本範例在手機及平板事件touchstart及touchmove使用e.pageX及e.pageY，因為行動狀置不一定只有單點觸控，所以事件應該要改用e.touches[0].pageX來取得。
範例網址
Demo

程式碼如下：
Read More

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

2015-09-232015-09-23 yku Leave a comment

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

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

2012-12-102014-12-24 yku Leave a comment

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

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

[Eclipse]JavaScript Validation驗證錯誤

2012-07-262012-07-26 yku Leave a comment

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

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