Posted in
ajax,
javascript,
教學,
軟體介紹 on 2010/7/27 by yku 瀏覽:
20人次 —
留下回應
當程式人員或網頁設計師在開發網頁時都會遇到一個問題,就是debug不易,不過自從Firefox大行其道後,這個問題被FireBug解決了,使用FireBug可以很方便的知道網頁那裡出了問題,可以直接修改CSS及html dom內容,還可以知道整個網頁到底傳輸了什麼內容及資訊等等,可說是十分好用,Microsoft在其後釋出的Internet Explorer及Google的Browser也都支援了類似的功能,不過更新的頻率並不像FireBug那麼高。
首先介紹IE8的開發者工具
可以由上方工具列的工具->開發者工具 來啟動(或F12)

使用開發者工具HTML tab裡的滑鼠指標可以直接取得網頁裡HTML的結構內容
而在這個HTML tab也可以直接修改文件內容或CSS,不過個人並不覺得比FireBug好用
...詳細文章
Posted in
javascript,
jquery on 2010/7/20 by yku 瀏覽:
26人次 —
留下回應
facebook有需多的外掛元件,可以從facebook developers裡面找到設定並安裝,這裡介紹如何在pixnet blog裡安裝”讚”這個按鈕。
一般不另任設定時,pixnet blog只能固定在某一個區塊顯示"讚"按鈕,像是在公告區塊或是左右側欄,不過這樣子並不太好用,而且也不能自動變換要推薦的文章網址(如何取得like button可參考 [分享] 如何在部落格上放入Facebook的「讚」? ),就像下圖:(facebook plugin like button)

如果要放在其它地方要如何做呢?這裡示範在標題下方依每個標題連結自動產生一個讚的按鈕出來,結果會如下圖。
...詳細文章
Posted in
Java,
database,
google,
javascript,
opensource,
prototype,
教學 on 2010/4/26 by yku 瀏覽:
364人次 —
留下回應
如果手上有一堆地址清單想要知道它們的經緯度如何?要怎麼做呢?這裡介紹一個很簡單的方法,利用二個Ajax及Google Map就可以完成,一個要求地址欄位及key值(這其實可以直接全都先輸出成javascript的Array就好了),另一個接收到經緯度資料後回傳給Server做儲存(這也可以直接利用一個TextArea存放,到時再複製起來存放),而Google Map最主要的功能就是把地址轉換成經緯度。

做法及想法如下:
1.建立資料庫Table
需要有一個pk值、地址、經度、緯度及一個記錄是否已取得成功的註記符號,MySQL語法如下:
ps.先建立幾筆資料做測試,如下insert
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| CREATE TABLE `test`.`Address` (
`id` INTEGER UNSIGNED NOT NULL AUTO_INCREMENT,
`zip_name` VARCHAR(45) NOT NULL,
`address` VARCHAR(500) NOT NULL,
`latitude` VARCHAR(100),
`longitude` VARCHAR(100),
`flg` VARCHAR(1),
PRIMARY KEY (`id`)
)
ENGINE = InnoDB;
INSERT INTO ADDRESS (zip_name,address)
VALUES ('台中市北屯區', '崇德路130號14樓A1');
INSERT INTO ADDRESS (zip_name,address)
VALUES ('台中市西區', '忠明南路122號'); |
...詳細文章
Posted in
ajax,
javascript,
jsp,
prototype,
教學 on 2010/4/25 by yku 瀏覽:
289人次 —
留下回應
一般人在設計ajax成功回傳事件時,有幾種方式來處理回傳的資料,一種是純文字或html code,一種是xml格式那另一種就是json格式,json格式不像xml需要成對的tag,所以在回傳資料長度上會顯的短很快,如果整個網站都大量使用ajax方法的話,選擇json是一個很好的方法。

json的相關資訊可以在這裡看到:JSON in JavaScript
prototype這個framework本身就有支援To JSON的方法,有二種格式可以轉換成json,一種是javascript的class,另一種就是純文字了,不過純文字的內容要為json格式才能被轉換,如下:
{"bindings": [
{"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*"},
{"ircEvent": "PRIVMSG", "method": "deleteURI", "regex": "^delete.*"},
{"ircEvent": "PRIVMSG", "method": "randomURI", "regex": "^random.*"}
]
};
...詳細文章
Posted in
ajax,
javascript,
opensource,
prototype on 2010/4/24 by yku 瀏覽:
157人次 —
留下回應
之前為了做這AutoComplete效果找了好多資料,不過大都是jQuery的,當然不是不好用,只是在一個頁面載入prototype跟jQeruy就會有些衝突的問題要解決。
效果大概會像下面這樣子

...詳細文章