2009年3月31日 星期二

常用的 Javascript 操作收集

  • 獲取文本框裡鼠標選取到的文字
Html代碼
  1. <textarea rows="10" cols="50" id="t1">  
  2. 請問如何獲得 文本框裡 鼠標選取到的文字?  
  3. textarea>  
  4. <br>  
  5. <button onClick="if (document.selection.createRange().text != '') t1.value = t1.value.replace(document.selection.createRange().text, '' + document.selection.createRange().text + '')"><b> B b>button>  
  6. <button onClick="if (document.selection.createRange().text != '') t1.value = t1.value.replace(document.selection.createRange().text, '' + document.selection.createRange().text + '')"><i> I i>button>  
  •   複選框的全選,多選,全不選,反選
Html代碼
  1. <form name=hrong>  
  2. <input type=checkbox name=All onclick="checkAll('mm')">全選<br/>  
  3. <input type=checkbox name=mm onclick="checkItem('All')"><br/>  
  4. <input type=checkbox name=mm onclick="checkItem('All')"><br/>  
  5. <input type=checkbox name=mm onclick="checkItem('All')"><br/>  
  6. <input type=checkbox name=mm onclick="checkItem('All')"><br/>  
  7. <input type=checkbox name=mm onclick="checkItem('All')"><br/><br/>  
  8.   
  9. <input type=checkbox name=All2 onclick="checkReverse('mm2')">反選<br/>  
  10. <input type=checkbox name=mm2 onclick="checkItem('All2')"><br/>  
  11. <input type=checkbox name=mm2 onclick="checkItem('All2')"><br/>  
  12. <input type=checkbox name=mm2 onclick="checkItem('All2')"><br/>  
  13. <input type=checkbox name=mm2 onclick="checkItem('All2')"><br/>  
  14. <input type=checkbox name=mm2 onclick="checkItem('All2')"><br/>  
  15. <input type=checkbox name=All3 onclick="checkItem('mm3')">特選<br/>  
  16. <input type=checkbox name=mm3 onclick="checkItem('All3')"><br/>  
  17.   
  18.   
  19. form>  
  20.   
  21. <SCRIPT LANGUAGE="JavaScript">  
  22. function checkAll(str)  
  23. {  
  24.   var a = document.getElementsByName(str);  
  25.   var n = a.length;  
  26.   for (var i=0; i<n; i++)  
  27.   a[i].checked = window.event.srcElement.checked;  
  28. }  
  29.   
  30. function checkReverse(str)  
  31. {  
  32.   var a = document.getElementsByName(str);  
  33.   var n = a.length;  
  34.   for (var i=0; i<n; i++)  
  35.   a[i].checked = !a[i].checked;  
  36. }  
  37.   
  38. function checkItem(str)  
  39. {  
  40.   var e = window.event.srcElement;  
  41.   var all = eval("document.hrong."+ str);  
  42.   if (e.checked)  
  43.   {  
  44.     var a = document.getElementsByName(e.name);  
  45.     all.checked = true;  
  46.     for (var i=0; i<a.length; i++)  
  47.     {  
  48.       if (!a[i].checked){ all.checked = false; break;}  
  49.     }  
  50.   }  
  51.   else all.checked = false;  
  52. }  
  53. SCRIPT>  

  54. 滾動條滾動至最底端:

    Javascript代碼
    1. document.body.scrollTop = document.body.scrollHeight;