Showing posts with label JavaScript. Show all posts
Showing posts with label JavaScript. Show all posts

Sunday, January 23, 2011

可以把 IE 6 給丟了 - 用 JavaScript 傳遞參數

當初會答應接 case ,有一部份原因是只是要做靜態網頁,如果還要寫 code 什麼的,那根本是自討苦吃,上班還寫的不夠嗎。但沒想到越玩越大,初次用了 jQuery 和一些 JavaScript 來控制網頁的呈現,因為效果不錯,就越用越多…

後來遇到一個問題,要怎麼在網頁間傳遞參數?如果是 JSP 我是知道怎麼寫,但這樣還要有能支援 JSP 的伺服器,case 主人的 Hinet 免費網頁空間應該沒這麼先進吧?(說到這 Hinet 的免費空間,就一肚子火,硬塞廣告進網頁,實在太惡劣!看我下次文章怎麼修理你,嘿嘿…)那 ASP 呢?沒寫過,自找麻煩,伺服器一樣也是個問題。靠著 Google 大神找到了好用的東西!!

可以把 IE 6 給丟了 - 伸縮自如的版型 (下)

接著上回最後,用 jQuery 和 JavaScript 設定版面的寬度,有下面的步驟:

(1) 等選定的圖片完整載入
(2) 取得圖片寬度
(3) 平均分配寬度給 frame_top2 和 frame_top_4 兩欄

使用 jQuery 通常會把一些想要對網頁做的處理動作放在 .ready() 裡,以確保在網頁真的下載完全後,才開始動作。



Saturday, January 15, 2011

可以把 IE 6 給丟了 - 伸縮自如的版型 (上)

可能因為某某原因,需要一個可以根據中間圖片大小而伸縮自如的外框,某某原因可能是相簿裡的照片大小不一,又偏偏到使用者選定了照片縮圖後,才知到圖片的實際大小。

假設下面是我們想要的外框,要先給他分解一下。分解完之後的每個區域,照理說可以用 div 來排版,但是根據先前有限的實驗結果,寬度的部份 div 沒辦法自動調整,除非出動 JavaScript 來幫忙動態設定。由於跟 JavaScript 很不熟,所以能不用就不用,打從心底認為 JavaScript 是一個很噁心的語言;但又不得不承認 JavaScript 在網頁上能變出很多花樣,解決很多問題。