crowy 背景色変更

by den2sn 2011-11-08 [2011/11/08 16:42:45]

crowy の背景色をcrowyっぽく変更します。 #crowy

@@ -51,23 +51,27 @@
     return null;
   }
 
-  document.body.style.backgroundColor = '#000000';
-  document.body.style.color = '#ffffff';
-  m_con = document.getElementById('message-container');
-  m_con.style.backgroundColor = '#000000';
-  var elementList = getElements(document.getElementById('tabs'), 'div.message-list');
-  var i = 0;
-  for (i = 0; i < elementList .length; i++) {
-    var e = elementList[i];
-    e.style.color = '#aaaaaa';
-    e.style.backgroundColor = '#000000';
+  function changeColor() {
+    document.body.style.backgroundColor = '#000000';
+    document.body.style.color = '#ffffff';
+    m_con = document.getElementById('message-container');
+    m_con.style.backgroundColor = '#000000';
+    var elementList = getElements(document.getElementById('tabs'), 'div.message-list');
+    var i = 0;
+    for (i = 0; i < elementList .length; i++) {
+      var e = elementList[i];
+      e.style.color = '#aaaaaa';
+      e.style.backgroundColor = '#000000';
+    }
+    elementList = getElements(document.getElementById('tabs'), 'div.ui-widget-content');
+    i = 0;
+    for (i = 0; i < elementList .length; i++) {
+      var e = elementList[i];
+      e.style.color = '#aaaaaa';
+      e.style.backgroundColor = '#000000';
+    }
   }
-  elementList = getElements(document.getElementById('tabs'), 'div.ui-widget-content');
-  i = 0;
-  for (i = 0; i < elementList .length; i++) {
-    var e = elementList[i];
-    e.style.color = '#aaaaaa';
-    e.style.backgroundColor = '#000000';
-  }
-})();
 
+  window.addEventListener("load", changeColor, false);
+
+})();

• /*
   * @title crowy 背景色変更
   * @description crowy の背景色をcrowyっぽく変更します。 #crowy
   * @include http://www.crowy.net*
   * @license MIT License
   * @require 
   */
  
  (function(){
    function getElements(element, selector) {
      var list = new Array();
      list.push(element);
      return selectList(list, selector);
    }
  
    function selectList(list, name) {
      var retList = new Array();
      var i;
      for (i = 0; i < list.length; i++) {
        var element = list[i];
        if (element.nodeType == 1) {
          var e = selectElement(element, name);
          if (e != null) {
            retList.push(e);
          }
        }
        retList = retList.concat(selectList(element.childNodes, name));
      }
      return retList;
    }
  
    function selectElement(element, name) {
      var tagName;
      var className;
      var idName;
      if (name.indexOf('.') != -1) {
        tagName = name.substring(0, name.indexOf('.'));
        className = name.substring(name.indexOf('.') + 1, name.length);
      } else if (name.indexOf('#') != -1) {
        tagName = name.substring(0, name.indexOf('#'));
        idName = name.substring(name.indexOf('#') + 1, name.length);
      } else {
        tagName = name;
      }
      if (element.tagName == tagName.toUpperCase() &&
          (idName == null || element.id == idName) &&
          (className == null || element.className.indexOf(className) != -1)
          ) {
        return element;
      }
      return null;
    }
  
    function changeColor() {
      document.body.style.backgroundColor = '#000000';
      document.body.style.color = '#ffffff';
      m_con = document.getElementById('message-container');
      m_con.style.backgroundColor = '#000000';
      var elementList = getElements(document.getElementById('tabs'), 'div.message-list');
      var i = 0;
      for (i = 0; i < elementList .length; i++) {
        var e = elementList[i];
        e.style.color = '#aaaaaa';
        e.style.backgroundColor = '#000000';
      }
      elementList = getElements(document.getElementById('tabs'), 'div.ui-widget-content');
      i = 0;
      for (i = 0; i < elementList .length; i++) {
        var e = elementList[i];
        e.style.color = '#aaaaaa';
        e.style.backgroundColor = '#000000';
      }
    }
  
    window.addEventListener("load", changeColor, false);
  
  })();
  

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。