OTHER PAGES

WELCOME

Move your mouse onto the image to see the bravo CSS3 Transition!

2013年7月13日 星期六

[JS]師大附中簡易成績查詢系統




這是一個暑假內做好的小網頁,主要是為了解決學校封鎖成績查詢系統的困擾。剛上高一就有點(夢)想做一個手機版的查詢系統,擱著一段時間主要是不知如何下手,這次不經意的弄好了。

請進:
http://andy0130tw.droppages.com/score
使用Firefox或Chrome以獲得最佳瀏覽效果。
注意網址不要在後面加"/",否則CSS會無法運作(還是你想看簡樸版的也可以)

緣起

可能會有人問擱著是因為什麼原因。我原先想到實作有兩種方式:遠端伺服器登入(伺服器做proxy)或iframe(框架整合,套換裡面的JS使手機瀏覽器能夠正常運作),不過兩種方法各有難處。前者,我不太熟悉proxy的寫法,而且自己申請的server好像不是很穩,我這次採用後者,原本以為母元件(parent)可以存取子元件(child),卻因為瀏覽器安全性禁止了存取iframe內的元素而需要加工。

技術

iframe的定位技術是很關鍵的,因為我剛開始沒有想到,介面的部分真的讓人很挫折。此外內容用了 JQuery的UI之一:Accordion,作流程的控制,並設計了登入、登出的功能,讓整體便利性大大提升。
超感謝現在不能用的學生資料查詢系統http://crc.hs.ntnu.edu.tw/~lsc36/hsnugrades/,這給了我很多靈感。

---

時間不多,僅以短短的內容記述始末。
張貼留言