2009年9月30日 星期三

[JavaScript]IE與Firefox相容問題

  1. 不支援 ID.style.visibility 的用法。

    ID.style.visibility='visible';

    在IE可以正確運行,但是在Firefox卻是不認識的id名,
    因此必須寫成:

    document.getElementById('ID').style.visibility='visible';
  2. 不支援 innerText
    document.getElementById('ID').innerText = "";
    document.getElementById('ID').textContent = "";
  3. disabled屬性設置。
    document.getElementById('ID').disabled=true;
    document.getElementById('ID').disabled=false;
  4. 不支援onkeyup屬性,可以轉成onkeydown或onkeypress。
  5. 物件集合用法:
    原寫法(ie):ID[i].value
    修改成(firefox):document.getElementsByName(ID)[i]

2009年9月26日 星期六

[JavaScript] 滑鼠(焦點)移入,滑鼠(焦點)離開

◆ 功能說明:進入(onclick)、離開(onblur)物件事件。


◆ 範例








Example






請點選再離開輸入框!!


請點選輸入框!



◆ 範例程式碼:







HTML






1

2


<input type="text" onBlur="alert('離開物件')" value="當游標離開輸入框時觸發onblur事件" size="35" >

<input type="text" onClick="alert('進入物件')" value="當游標進入輸入框時觸發onclik事件" size="35" >

2009年9月17日 星期四

[JavaScritp] 如何知道目前物件的id

◆ 功能說明:透過JavaScript回傳this.id,得知目前HTML中某物件的id。


◆ 範例







Example





請點選輸入框!


◆ 範例程式碼:







HTML







1


<textarea onclick="alert(this.id)" id="textare1" name="textarea1"></textarea>