2009年10月27日 星期二

判斷使用者是否正選取本頁面

在製作聊天室的網頁時,需要使用到這個功能!

例如有人對你說話時,而你並不在聊天室的那個頁面視窗時!

可以經由這個判斷來提醒使用者,如果沒有在聊天室頁面,

就將網頁的TITLE顯示如"XXX對你說"類似的資訊!

這樣就能達到不在聊天室也能知道是不是有人對你說話了!

下面是判斷的程式碼:

<script type="text/javascript" src="../Scripts/prototype.js"></script>

var _FOCUSED = true;
//適用IE
if(navigator.userAgent.indexOf("MSIE") > 0){
Event.observe(document, 'focusout', function(){
_FOCUSED = false;
}, false);
Event.observe(document, 'focusin', function(){
_FOCUSED = true;
}, false);
}
else{
//適用FF
window.onblur = function(){
_FOCUSED = false;
}
window.onfocus = function(){
_FOCUSED = true;
}
}


2009年10月14日 星期三

解決IE6的PNG透明圖

在IE6中並不支援PNG的透明圖片,但可依照下面方法達到透明圖。

一開始需載入jquery.js與jquery.ifixpng.js的套件,

還有一個重點就是需要將此套件使用到的圖片 pixel.gif 儲存到 images/pixel.gif 中,

若想要更改圖片擺放位置,可以到query.ifixpng.js檔案中搜尋"images/pixel.gif"並修改即可,


下面是將全部的物件都使用透明化的概略程式碼
==============================================
<script type="text/javascript"> 
<!--  
$(function(){
     $("*").ifixpng(); 
}); 
//--> 
</script>
==============================================

若只針對PNG來做透明化可用:$('img[@src$=.png]').ifixpng();