function posX(elmt) {
var x = 0;
//繞行 offsetParents
for (var e = elmt ; e ; e = e.offsetParent) {
//把 offsetLeft 值加總
x += e.offsetLeft;
}
//繞行至 document.body
for (e = elmt.parentNode; e && e != document.body; e = e.parentNode){
//減去捲軸值
if (e.scrollLeft) x -= e.scrollLeft;
}
return x;
}
function posY(emlt) {
var y = 0;
//繞行 offsetParents
for (var e = elmt ; e ; e = e.offsetParent) {
//把 offsetTop 值加總
y += e.offsetTop;
}
//繞行至 document.body
for (e = elmt.parentNode; e && e != document.body; e = e.parentNode){
//減去捲軸值
if (e.scrollTop) y -= e.scrollTop;
}
return y;
}
coolouis 發表在 痞客邦 留言(0) 人氣(49)
還記得去年我的水族箱養了六隻的荷蘭鳳凰,牠的顏色豐富、單價不高又好飼養,只因為我省錢的關係沒加保溫棒,讓牠們因凍傷而一一陣亡了。鑑於前車的錯誤,當今年入秋開始,就得準備一支保溫棒來維持水溫,
工欲善其事,必先利其器,不能省的地方還是別省的好。
coolouis 發表在 痞客邦 留言(0) 人氣(288)
function authenticate() {
header('WWW-Authenticate: Basic realm="Test Authentication System"');
header('HTTP/1.0 401 Unauthorized');
// Text to send if user hits Cancel button
echo "You must enter a valid login ID and password to access this resource\n";
exit;
}
coolouis 發表在 痞客邦 留言(0) 人氣(40)
無侵入性是近幾年相當盛行的JavaScript設計觀念,它主張JavaScript不應該對網頁原始碼以及使用者造成干擾。為了達成這個訴求,首要的目標就是讓HTML標記與JavaScript程式保持分離,讓內容與行為能清楚畫分為二,因此可以透過模組化的方式,使JavaScript不與HTML文件混雜在一起。同時,也要能確保如果不能執行JavaScript時,網頁一樣能正常運作。
舉個例子
<img id="myImg" src="11.jpg" onmouseover="this.src='22.jpg'" onmouseout="this.src='11.jpg'" />
可以改成
document.getElementById("myImg").onmouseover = function(){this.src="22.jpg"};
document.getElementById("myImg").onmouseout = function(){this.src="11.jpg"};
coolouis 發表在 痞客邦 留言(0) 人氣(106)
考古題 http://par.cse.nsysu.edu.tw/~contest/problem/problem_index.htm
哈~~ 學生時代的東東,真是令人回憶阿!無聊時拿出來打發時間,看看自己還能解出幾題?
coolouis 發表在 痞客邦 留言(0) 人氣(12)
最近因為某些需求要弄些 Linux 上的東西,發現也才半年多沒碰而己就生疏許多了,一些指令的參數都想不太起來,哈~~ 不過也還好拉,問 man 就對了!由此可知養成一個良好查詢習慣是很重要的。從這件事讓我聯想到一些類似的情況,比如說有一段 code 經過許久時間後,你必須再次地拉出來修改,經由重新檢視後一定會有些感覺!像是你會自問為什麼要這麼寫?或則有更好的寫法等等。再說一個例子,JavaScript 大全這本書我看過一次後,書裡談到滿多的細節,或許是因為當時用不到或遇不到這類的情況,就不是很注意它,當一年後的某天整理書架時不經意地隨手翻翻,XD ~~ 發現我很多疑難沒解決的問題,原來書裡都己經有寫了,我真是白讀了!燃起看第二次的慾望。
學習除了不斷的追求新知外,也要找些時間溫故以前的相關知識,基石要打的穩才能繼續接收新的東西。哈~~
鑑古知來,古人說的很對。
coolouis 發表在 痞客邦 留言(0) 人氣(32)
最近玩釣蝦玩到有點小心得,哈~~ 在這裡分享一下我的經驗。
首先是釣餌,一般我都是用赤尾青,和家裡煮菜用的小蝦米很像,通常釣具店都買的到,如果有虱目魚腸就更棒了。一隻赤尾青對半後分別置於鉤尖,只要剛好蓋住鉤尖就好。第二是釣場部分,如果你到一個陌生的釣蝦場時,最好觀察一下其他人的釣況如何,再決定是否要買票進場。第三是位子的選擇,我喜歡選在池子的四個角其中一個,因為如果池子中間釣不到時還可以玩角角。第四是二門鉤子都要剛好拖在池底,測量的最好方是用鉛錘去試是否己掛底。最後如果發現浮標有在拖動時,可以輕輕往二旁拉動一下,確認是否蝦子真的咬了,來回二三次後,垂直揚竿即可。
Key Point :
赤尾青、虱目魚腸、蓋住鉤尖就好、二門鉤子剛好拖底、鉛錘、輕輕拉動二三次、垂直揚竿。
coolouis 發表在 痞客邦 留言(0) 人氣(239)
這是我第二本的 jQuery 書籍,之所以會想買它,大概是因為它是中譯本吧!怎麼說呢?我滿喜歡外國人寫的東西,因為滿多不太會去注意到的細節和另一角度的解法,書裡都有詳細的記載,這是吸引我的地方。
coolouis 發表在 痞客邦 留言(0) 人氣(94)
哈~~ 趕流行的我也買了這本書,希望有機會的話也能整合 Google 提供的服務到自己專案裡。這本書分五的大項來介紹 Google 提供的 API ,包括
AJAX Search 、Maps、Chart、Calendar 及 Toolbar,至於其他書裡沒寫到的可上
http://code.google.com/intl/zh-TW/ 查詢。
coolouis 發表在 痞客邦 留言(0) 人氣(197)
雖然這個 JavaScript 的小工具我不是很建議大家使用,但是如果 code 不想讓人清楚地馬上解讀,進行些微的減少縮排和編碼卻是個不錯的方法。在使用時要記的註解述敘的使用,最好以 /* comment */ 包起來。
Sample:
function show()
{
alert("Hello World");
}
coolouis 發表在 痞客邦 留言(0) 人氣(71)