// 宣告類別
function Attack(key) {
/*=( 建構子及初始化成員變數 )================== */
// 設定字符表
this.keyStr = key;
// 將字串切割成陣列
this.keyArray = this.keyStr.match(/./gi);
// 進位基底
this.base = this.keyArray.length;
this.passwd = [0];
/*=( 成員函數 )================== */
// 前進一個字符
this.pushPasswd = function(){
var p = this.passwd;
var b = this.base;
var i = 0;
p[i]++;
while(p[i] >= b){
p[i++] = 0;
if(p[i] != undefined){
p[i]++;
}else{
p[i] = 0;
}
}
return this;
};
// 設定初始字串
this.setPasswd = function(str){
this.passwd = [0];
if(str){
var s = str.match(/./gi);
var k = this.keyStr;
for(var i=0,l=s.length; i<l; i++){
num = k.indexOf( str[i] );
if(num<0){ num = 0; }
this.passwd[l-i-1] = num;
}
}
return this;
};
// 取得當前字串
this.getPasswd = function(){
var temp = '';
var k = this.keyArray;
var p = this.passwd;
for(var i=0,l=p.length; i<l; i++){
temp = k[ p[i] ] + temp;
}
return temp;
};
}
// 建立物件
var try1 = new Attack('abcdefghijklmnopqrstuvwxyz0123456789');
// 物件操作
try1.setPasswd('asdf');
try1.getPasswd();
2009-05-30 04:14
[JavaScript] 物件導向-類別宣告
2009-05-29 16:02
Picasa 所有的縮圖尺寸(size)
Picasa 在上傳圖片後就會為圖片建立各種尺寸的縮圖
如果想變更預設提供連結的圖片大小
可以修改圖片的 URL 去達成
只是要看這類似亂碼的 URL 會有點累人
以下面這個圖片的 URL 來看：
http://lh6.ggpht.com/_b8lN_UbLoEc/Sfi2pSkc_4I/AAAAAAAAENA/ECO_WzQk2og/s400/as_001.jpg
當中的 s400 就是縮圖的尺寸
簡單的說就是高度與寬度的最大值
Picasa 提供以下的縮圖尺寸：
如果要取得原始大小的 URL 的話只要去掉 s400 就可以了
例如：
http://lh6.ggpht.com/_b8lN_UbLoEc/Sfi2pSkc_4I/AAAAAAAAENA/ECO_WzQk2og/as_001.jpg
如果想變更預設提供連結的圖片大小
可以修改圖片的 URL 去達成
只是要看這類似亂碼的 URL 會有點累人
以下面這個圖片的 URL 來看：
http://lh6.ggpht.com/_b8lN_UbLoEc/Sfi2pSkc_4I/AAAAAAAAENA/ECO_WzQk2og/s400/as_001.jpg
當中的 s400 就是縮圖的尺寸
簡單的說就是高度與寬度的最大值
Picasa 提供以下的縮圖尺寸：
- s32
- s48
- s64
- s72
- s94
- s104
- s110
- s128
- s160
- s200
- s220
- s288
- s320
- s400
- s512
- s576
- s640
- s720
- s800
- s912
- s1024
- s1152
- s1280
- s1440
- s1600
如果要取得原始大小的 URL 的話只要去掉 s400 就可以了
例如：
http://lh6.ggpht.com/_b8lN_UbLoEc/Sfi2pSkc_4I/AAAAAAAAENA/ECO_WzQk2og/as_001.jpg
2009-05-29 02:52
Ajax(XMLHttpRequest) 同步與非同步(異步)連結
首先針對 Internet Explorer 的連結物件做統一的處理，將 ActiveXObject 包裝成與 Mozilla 中的 XMLHttpRequest 相同的物件，這樣我們就可以排除瀏覽器的問題。
我們可以直接用 XMLHttpRequest 去處理 Ajax 連結，這是以[GET]方式建立[非同步]的傳送連接，如果要使用 POST 做連結請參考之前的文章[Ajax 使用 POST 傳送]。
POST 的差別只在於 open,setRequestHeader,send 這三個地方的設定。
建立[同步]的 Ajax 傳送連接只要將 onreadystatechange 裡的程序移到 send 後面就可以了，如果非必要，最好還是不要以[同步]方式做連結，再處理死結的時候會多一些必要的處理，除非保證連結是 100% 正常且可行的。
參考來源：
XMLHttpRequest - MDC
XMLHttpRequest的同步请求和Firefox的问题_网银
爪哇豆的秘密：AJAX深度歷險1(Getting Started)
Ajax内部交流文档
MoztwWiki：AJAX 上手篇
維基百科：AJAX
語言技術：Ajax Gossip
/* 針對不同瀏覽器的前置處理宣告 */
if (typeof(XMLHttpRequest)=="undefined" && window.ActiveXObject) {
XMLHttpRequest=function(){
var arrSignatures = [
"MSXML2.XMLHTTP.5.0",
"MSXML2.XMLHTTP.4.0",
"MSXML2.XMLHTTP.3.0",
"MSXML2.XMLHTTP",
"Microsoft.XMLHTTP"];
for (var i = 0; i < arrSignatures.length; i++) {
try{
var oRequest = new ActiveXObject(arrSignatures[i]);
return oRequest;
}catch(oError){/*ignore*/}
}
throw new Error("MSXML is not installed on your system.");
};
}
我們可以直接用 XMLHttpRequest 去處理 Ajax 連結，這是以[GET]方式建立[非同步]的傳送連接，如果要使用 POST 做連結請參考之前的文章[Ajax 使用 POST 傳送]。
POST 的差別只在於 open,setRequestHeader,send 這三個地方的設定。
/**=( 以[GET]方式建立[非同步]傳送連接 )====================*/
// 產生要求資料的 URL 及 GET 參數
var sURL = "check_in.php?user=xxxx&pass=xxxx";
// 建立 XMLHttpRequest 物件，並且送要求
var oRequest = new XMLHttpRequest();
// 設定連結方式及位址，並以非同步方式處理
oRequest.open("GET", sURL, true);
/*
void open(
in AUTF8String method, 傳送的方式
in AUTF8String url, 要求的位址
[optional] in boolean async, 同步方式(預設 true 非同步)
[optional] in AString user, 使用者名稱(預設為空字串)
[optional] in AString password 使用者密碼(預設為空字串)
);
*/
// 建立接收狀態的事件處理
oRequest.onreadystatechange = function(){
/*
當狀態變更時都會呼叫此事件
可利用 readyState 取得目前的狀態
所有可能的傳送狀態值如下：
0 (還沒開始)
1 (讀取中)
2 (已讀取)
3 (資訊交換中)
4 (請求完成)
*/
switch(oRequest.readyState){
case 0: // 開始前的程式處理
break;
case 1: // 讀取中的程式處理
break;
case 2: // 已讀取的程式處理
break;
case 3: // 資訊交換中的程式處理
break;
case 4: // 請求完成的程式處理
/* (在此處加入開啟已停用選項的設置) */
/*可以從responseText或responseXML取得傳回的資料*/
// 處理傳回為 200 的 HTTP 狀態碼
if (oRequest.status == 200) {
// 接受資料成功
// 將 responseText 中的文字轉成 JSON 物件
json = eval('('+oRequest.responseText+')');
// 處理其他錯誤 HTTP 狀態碼
}else{
/*接收資料失敗，可以從 statusText 取得錯誤狀態資訊*/
alert(oRequest.statusText);
}
break;
}
}
/* (在此處可以加入一些網頁選項停用的設置,以防止重複送出) */
// 送出 Ajax 要求
oRequest.send(null);
/*
以POST傳送時,這裡可以輸入(XML,串流,字串,JSON格式)
以GET傳送時,這裡只要輸入 null 或是空的
*/
// 強制中斷
//oRequest.abort();
/* 此函數方法可用在必要時，強制終止非同步請求 */
建立[同步]的 Ajax 傳送連接只要將 onreadystatechange 裡的程序移到 send 後面就可以了，如果非必要，最好還是不要以[同步]方式做連結，再處理死結的時候會多一些必要的處理，除非保證連結是 100% 正常且可行的。
/**=( 以[GET]方式建立[同步]傳送連接 )====================*/
// 產生要求資料的 URL 及 GET 參數
var sURL = "check_in.php?user=xxxx&pass=xxxx";
// 建立 XMLHttpRequest 物件，並且送要求
var oRequest = new XMLHttpRequest();
// 設定連結方式及位址，並以同步方式處理
oRequest.open("GET", sURL, false);
/*
void open(
in AUTF8String method, 傳送的方式
in AUTF8String url, 要求的位址
[optional] in boolean async, 同步方式(預設 true 非同步)
[optional] in AString user, 使用者名稱(預設為空字串)
[optional] in AString password 使用者密碼(預設為空字串)
);
*/
/* 開始前的程式處理... */
/* 讀取中的程式處理... */
// 送出 Ajax 要求
oRequest.send(null);
/*
以POST傳送時,這裡可以輸入(XML,串流,字串,JSON格式)
以GET傳送時,這裡只要輸入 null 或是空的
*/
// 請求完成的程式處理
/*可以從responseText或responseXML取得傳回的資料*/
// 處理傳回為 200 的 HTTP 狀態碼
if (oRequest.status == 200) {
// 接受資料成功
// 將 responseText 中的文字轉成 JSON 物件
json = eval('('+oRequest.responseText+')');
// 處理其他錯誤 HTTP 狀態碼
}else{
/*接收資料失敗，可以從 statusText 取得錯誤狀態資訊*/
alert(oRequest.statusText);
}
參考來源：
XMLHttpRequest - MDC
XMLHttpRequest的同步请求和Firefox的问题_网银
爪哇豆的秘密：AJAX深度歷險1(Getting Started)
Ajax内部交流文档
MoztwWiki：AJAX 上手篇
維基百科：AJAX
語言技術：Ajax Gossip
2009-05-23 12:36
[Firefox 套件開發] 建立檔案選取對話匡並儲存檔案
//*建立檔案選取對話匡*/
const nsIFilePicker = Components.interfaces.nsIFilePicker;
var fp = Components.
classes["@mozilla.org/filepicker;1"].
createInstance(nsIFilePicker);
// 對話匡標題及開啟形式
fp.init(window, "儲存文件", nsIFilePicker.modeSave);
/*
常數 數值 描述
modeOpen 0 載入一個檔案或目錄
modeSave 1 儲存一個檔案或目錄
modeGetFolder 2 選擇一個資料夾目錄
modeOpenMultiple 3 載入多個檔案
*/
// 預設副檔名
fp.defaultExtension = 'txt';
// 預設檔名
fp.defaultString = 'file_name';
// 檔案類型過濾
fp.appendFilter("純文字檔","*.txt");
// 使用檔案類型過濾
fp.appendFilters(nsIFilePicker.filterHTML | nsIFilePicker.filterXML);
/*
常數 數值 描述
filterAll 0x01 符合 *.* 的副檔名
filterHTML 0x02 符合 *.html, *.htm 的副檔名
filterText 0x04 符合 *.txt 的副檔名
filterImages 0x08 符合 *.png, *.gif, *.jpg, *.jpeg 的副檔名
filterXML 0x10 符合 *.xml 的副檔名
filterXUL 0x20 符合 *.xul 的副檔名
filterApps 0x40 符合系統平台的應用程式類型
*/
// 顯示對話匡
var result = fp.show();
/*
常數 數值 描述
returnOK 0 當使用者點擊對話匡中的"確認"
returnCancel 1 當使用者點擊對話匡中的"取消"
returnReplace 2 當使用者選擇一個已存在的檔案並同意複寫
*/
if (result != nsIFilePicker.returnCancel) {
//建立檔案資料流
var stream = Components.
classes["@mozilla.org/network/file-output-stream;1"].
createInstance(Components.interfaces.nsIFileOutputStream);
// 移除已存在檔案文件
if(fp.file.exists()){fp.file.remove(true);}
// 建立新檔案文件
fp.file.create(fp.file.NORMAL_FILE_TYPE, 0666);
// 開啟檔案資料流
stream.init(fp.file, 0x02, 0x200, null);
var str = "test string"
// 將字串寫入檔案文件
stream.write(str, str.length);
// 關閉檔案資料流
stream.close();
}
參考來源：
Open and Save Dialogs - MDC
nsIFilePicker - MDC
Writing textual data - MDC
File I/O - MDC
nsIOutputStream - MDC
2009-05-23 12:25
[Firefox 套件開發] 建立檔案選取對話匡並讀取檔案
//*建立檔案選取對話匡*/
const nsIFilePicker = Components.interfaces.nsIFilePicker;
var fp = Components.
classes["@mozilla.org/filepicker;1"].
createInstance(nsIFilePicker);
// 對話匡標題及開啟形式
fp.init(window, "讀取文件", nsIFilePicker.modeOpen);
/*
常數 數值 描述
modeOpen 0 載入一個檔案或目錄
modeSave 1 儲存一個檔案或目錄
modeGetFolder 2 選擇一個資料夾目錄
modeOpenMultiple 3 載入多個檔案
*/
// 預設副檔名
fp.defaultExtension = 'txt';
// 預設檔名
fp.defaultString = 'file_name';
// 檔案類型過濾
fp.appendFilter("純文字檔","*.txt");
// 使用檔案類型過濾
fp.appendFilters(nsIFilePicker.filterHTML | nsIFilePicker.filterXML);
/*
常數 數值 描述
filterAll 0x01 符合 *.* 的副檔名
filterHTML 0x02 符合 *.html, *.htm 的副檔名
filterText 0x04 符合 *.txt 的副檔名
filterImages 0x08 符合 *.png, *.gif, *.jpg, *.jpeg 的副檔名
filterXML 0x10 符合 *.xml 的副檔名
filterXUL 0x20 符合 *.xul 的副檔名
filterApps 0x40 符合系統平台的應用程式類型
*/
// 顯示對話匡
var result = fp.show();
/*
常數 數值 描述
returnOK 0 當使用者點擊對話匡中的"確認"
returnCancel 1 當使用者點擊對話匡中的"取消"
returnReplace 2 當使用者選擇一個已存在的檔案並同意複寫
*/
if (result != nsIFilePicker.returnOK) {
//建立檔案資料流
var stream = Components.
classes["@mozilla.org/network/file-input-stream;1"].
createInstance(Components.interfaces.nsIFileInputStream);
var cstream = Components.
classes["@mozilla.org/intl/converter-input-stream;1"].
createInstance(Components.interfaces.nsIConverterInputStream);
// 開啟檔案資料流
stream.init(fp.file, -1, 0, 0);
// 設定檔案讀取編碼方式
cstream.init(stream, "UTF-8", 0, 0);
var templates='';
let (str = {}) {
// 讀取整個文件，並把它放在 str.value
cstream.readString(-1, str);
templates = str.value;
}
// 顯示檔案內容
alert(templates);
// 關閉檔案資料流
cstream.close();
stream.close();
}
參考來源：
Open and Save Dialogs - MDC
nsIFilePicker - MDC
Reading textual data - MDC
File I/O - MDC
nsIInputStream - MDC
2009-05-21 11:43
[JavaScript] 取得選取範圍中的連結
getSelection 這個函數雖然可以取得使用者選取的文字，但要取得所選取的元素時，要用反向的方式去處理。
簡單的說 Selection 並沒有直接提供元素取得的方法，必須透過查驗元素是否在選取範圍內的方式，去找尋被選取的元素。
簡單的說 Selection 並沒有直接提供元素取得的方法，必須透過查驗元素是否在選取範圍內的方式，去找尋被選取的元素。
// 頁面選取的物件
var selection=window.getSelection();
// 取得頁面中所有的連結元素
var links=document.links;
// 掃瞄所有的連結元素
for(var i=0,l=links.length; i<l; i++){
// 檢查連結元素是否在選取的範圍裡
if(selection.containsNode(links[i],true)){
console.log(links[i]);
}
}
2009-05-21 00:03
[Firefox 套件開發] 取得當前的網頁 DOM 物件及視窗框架
/*
取得當前的網頁 DOM 物件，
這等於平常在網頁中 JavaScript 的 document。
*/
var doc = window.content.document;
// or
var doc = window.top.getBrowser().contentDocument;
// 當要改變視窗的 URL 頁面時
doc.location = "http://www.google.com.tw/";
// 取得指定 ID 的 DOM 元素
var content = doc.getElementById("content");
/*
PS: 這裡的 window 是指整個瀏覽器，
而非一般網頁中的 window，
在開發時別造成混淆了。
*/
/* 取得所有的瀏覽匡，這個物件將會是所有分頁共用的 */
var browser = window.top.getBrowser();
// 當頁面加載結束時的事件
contentOnLoad=function(e){
alert("onLoad");
// 如果事件只需要執行一次，或動態註冊，記得在結束時註銷事件
browser.removeEventListener("load",contentOnLoad,false);
};
// 註冊事件
browser.addEventListener("load",contentOnLoad,false);
2009-05-20 17:08
[Firefox 套件開發] CSS 延生屬性
在為了設定 broadcaster 中 window 的底色
無意見找到 Firefox 中 CSS 的延生屬性表
Mozilla CSS Extensions - MDC
當中有蠻多好玩得屬性質
雖然只限於 Mozilla 的瀏覽器
下面的屬性將會顯示你瀏覽器目前所使用的底色：
無意見找到 Firefox 中 CSS 的延生屬性表
Mozilla CSS Extensions - MDC
當中有蠻多好玩得屬性質
雖然只限於 Mozilla 的瀏覽器
下面的屬性將會顯示你瀏覽器目前所使用的底色：
-moz-Field
-moz-Dialog
Window
Highlight
訂閱：
文章 (Atom)