[JavaScript]去除左右空白、左空白、右空白使用正規表示式

JavaScript本身並沒有去除前後空白的功能,所以需要自行延伸功來操作去除空白這個功能,利用正規表示式找到空白取代掉,javascript正規表示式空白是/S,/正規式/g是全部取代。

使用方法是如下:

字串.trim();去除字串的左右空白

字串.lTrim();去除字串的左空白

字串.rTrim();去除字串的右空白

結果如下:

javascript去除左右空白.png

Read More

JavaScript、廣告、圖形等延遲載入方法

最近主機一直有問題,排程重啟Service、調整Apache MySQL設定值又換了wordpress cache也都沒用,後來研究了好久判斷可能是Bloggerads載入時太慢所以都卡住了,所以找了個方法讓它的JavaScript延遲載入,在網頁內容都載入後,才開始載入Bloggerads廣告。

原理是利用瀏覽器的特性,當元素被設定不顯示時裡面的圖形、flash內容及javascript等都不會真正的載入,只有在設定顯示時才會開始載入。

測試二種方式:

一種方式是先把需求的script在一開始載入好,需要顯示時才設定顯示,一種是連script都在最尾端(也可以使用onReady等方式)才載入。後一種的效能應該會比較好一點,不過比較麻煩。

這裡會需要使用到FireFox的FireBug使用方法可以參考網頁除錯觀察的Browser工具FireBug-開發者工具-開發人員工具

第一種方式 一開始就載入好JavaScript等待

測試網址

當網頁載入完成時,可以看到並沒有正真載入廣告

DelayScript.png

Read More

[php]簡單的購物車範例

簡單的購物車範例,不需要操作Session,範例有新增、修改與刪除購物車等,主要是修改 [Class]參考 sCart 建立的購物車 Class,這個範例年代久遠,所以在使用時有發生問題也不知道怎麼處理,所以小修了一下。

程式的概念是有一個產品展示頁面,有加入購物車功能,加入購物車後,可以至下一頁修改數量或刪除產品,修改或刪除產品時總金額也會隨著一起更新,再下一頁就可以看到最後結帳的最終資訊,理論上可以在這裡製作聯絡資料的表單。

產品展示頁面

product.png

Read More

網頁除錯觀察的Browser工具FireBug-開發者工具-開發人員工具

當程式人員或網頁設計師在開發網頁時都會遇到一個問題,就是debug不易,不過自從Firefox大行其道後,這個問題被FireBug解決了,使用FireBug可以很方便的知道網頁那裡出了問題,可以直接修改CSS及html dom內容,還可以知道整個網頁到底傳輸了什麼內容及資訊等等,可說是十分好用,Microsoft在其後釋出的Internet Explorer及Google的Browser也都支援了類似的功能,不過更新的頻率並不像FireBug那麼高。

首先介紹IE8的開發者工具

可以由上方工具列的工具->開發者工具 來啟動(或F12)

IE開發者工具1.png

使用開發者工具HTML tab裡的滑鼠指標可以直接取得網頁裡HTML的結構內容

而在這個HTML tab也可以直接修改文件內容或CSS,不過個人並不覺得比FireBug好用

Read More