如果你的網頁只是設計來自己玩玩, 或者它很明確的只有少數使用者會上來, 那麼你大可以不必用到我在這裡要介紹的方法。但是, 如果你的網站是供作大量使用者(例如超過上千個 current session), 那麼你一定不得不開始想方設法的提升網站的效能...
別讓網頁圖片降低網站效能 - 談談網頁圖片處理新趨勢
- 34187
- 0
- HTML/CSS/Web Authoring
- 2015-04-30
如果你的網頁只是設計來自己玩玩, 或者它很明確的只有少數使用者會上來, 那麼你大可以不必用到我在這裡要介紹的方法。但是, 如果你的網站是供作大量使用者(例如超過上千個 current session), 那麼你一定不得不開始想方設法的提升網站的效能...
我們都知道 mailto:xxx@yyy 連結可以啟動客戶端的 Mail Client 來寄信,但是你知道其實你可以使用很簡單方法,讓客戶所寄的信附帶有預設的主題和內容等欄位嗎?你只需要把寫法改成如下即可...
摘要:輸入固定字數後自動跳到下一文字框
在 JavaScript 中,你可以使用 alert('something') 來顯示一個警告視窗。但是針對這種應用,萬一字串中有引號字元怎麼辦呢?例如,如果你要顯示的訊息是 Let's think about it. 或者 You'd better chek with your administrator. 之類的。因為訊息中的引號會讓你的 JavaScript 程式發生錯誤...
在這個程式中唯一的文字方塊裡,你只能輸入數字和 + - * / % 等五個運算符號,如果你輸入一個正確的運算式,例如 100+100,在按下 Enter 之後,文字會執行運算並使用結果取代原來的數字。如果運算式有誤,則會以錯誤訊息取代(你也可以修改程式,把錯誤訊息改成空字串)...
在 IE 上一般使用 JavaScript 來判斷按鍵碼的方法都是透過 event.keyCode,Google Chrome 亦同; 無奈如果使用者用的是 FireFox,它卻不支援這個語法。在相同的情況下,它支援 e.which。所以如果你不修改程式碼的話,會造成明明在 IE 上可以順作運作的程式,到了 FireFox 卻是不動如山,甚至發生錯誤...
凡是 CSS 樣式定義都具備兩種元素:1. 選取器(Selector)2. 屬性(Property)。你可以想像一下 Name-Value Pair 結構,如果 Value 是 Property,那麼 Name 就是 Selector 了。若用白話來說,「選取器」就是「屬性」的索引。 我想屬性的部份在這裡就不多做介紹了;我將主要解說選取器的類別和用法...
有了 jQuery, 我們在撰寫 JavaScript 時可以省下許多力氣。由於在 jQuery 中, 它提供了各式各樣的方法, 可以讓我們很快的找到網頁中的各種元素, 而且不用撰寫很長的程式碼, 所以我們可以利用它來達成以前不容易辦到的事情...
在 AJAX Extention 中有一個很方便的 UpdateProgress 可以使用, 我想這大家應該都已經知道了。不過, 我總覺得, 雖然這個 UpdateProgress 很好用, 它卻有一個很大的缺點, 就是你沒辦法把它放得很大、很明顯。像我習慣把它放在網頁的最上方 (也就是在 Update Panel 的上面), 但一旦使用者稍為捲動一下畫面, 這個 Progress Bar 就看不見了, 達不到提醒使用者的目的...
有一個很方便的做法可以透過 SciptManager 設定控制項的焦點, 範例如下...
如果我們在 ScriptManager 中設定 EnablePageMethods 屬性, 而且在 Server 端某個方法上加上 WebMethod 標記, 我們就可以直接從 JavaScript 中把這個 Server 端的方法拿來當做 JavaScript 的函式一樣的使用。先看看以下的範例...
FCKEditor (據說已改名為 CKEditor) 是一個免費而又好用的 HTML Editor;如果你想讓你的使用者能從網頁上編輯 HTML 文件,那麼你恐怕很難找到比 FCKEditor 更好用的免費編輯工具。FCKEditor 從 2.0 版之後,功能上有大幅的改進,重要的是,它原有的問題減少了很多,已經可以算是蠻成熟的產品...
我們知道 ASP.NET 各個伺服器端控制項都可以使用 "~/" 來代表網站根目錄,所以只要使用類似 ~/Image 的標註法就可以毫無困難的定位到網站中所有相對位址,而無需特別註明網站的根目錄。如此一來,我們可以在開發端使用 /Project1/Image,等到發行到主伺服器時使用 /Image,依此類推...
或許你也曾發現嵌在網頁中的 Flash 影片(如果你不清楚如何在網頁中嵌入 Flash 影片的話,可以參考「在網頁中插入影片 」一文),當呈現在 IE 瀏覽器裡時,會出現要求你按一下讓影片才能啟動的問題。這篇文章就是解決該問題的方法...
某些 HTML 控制項其實並沒有 WebControls 的對應,例如:
我最近在開發一個商務網站,不過卻發現網頁載入時間過長的問題。剛好想起前一陣子在討論區裡有人問到這個問題,於是就拿來實驗一下,結果成績非常理想,特別在此跟大家分享。在這裡我並沒用到 Ajax 技術...
摘要:[Flash] 在網頁中插入影片
摘要:在客戶端檢查 Upload File Size 後才允許上傳檔案
ASP.NET 的 Image 控制項到了客戶端會被 Rende 成 Img 控制項。Image 控制項在 Server 端固然可以使用 Image.Width 來查詢它的圖片寬度,但事實上你根本是查不到它的實際寬度的。不信的話,你可以親自去試試。你將會發現,除非你在 Image 控制項的宣告中直接指定 Widht 的值,否則你查出來的值是 Nothing/Null...
我把這個功能寫成使用者控制項,其功能如下:1. 上傳檔案(基本功能), 2. 可以檢查網站是否已有同名的檔案存在, 3. 若有同名檔案存在,可選擇是否予以覆蓋, 4. 可以指定上傳位址...