花了一點時間, review 上星期 完成的 jscal.js.
整理成
bcm.js: 放一些 utility functions. e.g. addEvent()/rmvEvent()/stopEvent() etc.
calendar.js: 將 jscal.js 改名, 並且將所有的 jscal 移到 bcm.calendar. 重新命名相關的className. 全部改成 bcmCalendar 開頭.
selector.js: 將之前的 一 focus() 後, 就彈出的 <select> 部分, 整理到這個 javascript file 中, 並且調整 cgi-bin/mtn/prt1.pl 使用這組 library.
mnu.js: 之前 功能選單 所使用到的 javascript.
相關檔案放在 192.168.0.189:/usr/local/etc/httpd/htdocs/bcm 下.
sample-cal.htm 有一個使用範例.
sample-mnu.htm
sample-sel.htm 是使用 selector.js 的例子.
2007年9月19日 星期三
2007年9月12日 星期三
終於完成一個 javascript 的 calendar
終於完成了. jscal.js
記得 include 這個 檔案, 並且將 cal.png 放在適當的目錄.
並且在 要使用的 INPUT tag 內, 加上 onfocus="showCal(this)". 這樣就完成了.
順便了解了 如何攔截 適當物件的 event 來隱藏 已彈出來的 calendar div.
還有一些要 tune 的. 整理一下後, 可以開始 建立 公司自己的 javascript library 了.
記得 include 這個 檔案, 並且將 cal.png 放在適當的目錄.
並且在 要使用的 INPUT tag 內, 加上 onfocus="showCal(this)". 這樣就完成了.
順便了解了 如何攔截 適當物件的 event 來隱藏 已彈出來的 calendar div.
還有一些要 tune 的. 整理一下後, 可以開始 建立 公司自己的 javascript library 了.
2007年2月26日 星期一
write a pop-up calendar selection dialog in javascript
http://www.x-desktop.org/
there is a good reference in this site.
there is a good reference in this site.
訂閱:
文章 (Atom)