Bookmarklets from den2sn

[Let] crowy 背景色変更

den2sn — 2011-11-08T07:42:45Z

/*
 * @title crowy 背景色変更
 * @description crowy の背景色をcrowyっぽく変更します。 #crowy
 * @include http://www.crowy.net*
 * @license MIT License
 * @require 
 */

(function(){
  var s = document.createElement('style');
  s.setAttribute("type", "text/css");
  css = '';
  css += '.message {background-color:#000000;}';
  css += '.message.odd {background-color:#000000;}';
  css += '.bg-red .message {background-color:#330000;}';
  css += '.bg-red .message.odd {background-color:#330000;}';
  css += '.bg-orange .message {background-color:#331100;}';
  css += '.bg-orange .message.odd {background-color:#331100;}';
  css += '.bg-yellow .message {background-color:#222200;}';
  css += '.bg-yellow .message.odd {background-color:#222200;}';
  css += '.bg-green .message {background-color:#002200;}';
  css += '.bg-green .message.odd {background-color:#002200;}';
  css += '.bg-blue .message {background-color:#000022;}';
  css += '.bg-blue .message.odd {background-color:#000022;}';
  css += '.bg-purple .message {background-color:#220022;}';
  css += '.bg-purple .message.odd {background-color:#220022;}';
  css += '.message-list {color:#ffffff;}';
  css += '.message-text {color:#ffffff;}';
  css += '.facebook .message .comment-count {background-color:#000000;}';
  css += '.facebook .comment .message {background-color:#000000;}';
  css += '.message .column-input {background-color:#333333;}';
  css += '.bg-red .comment .message, .bg-red .message .comment-count, .bg-red .message .column-input {background-color:#330000;}';
  css += '.bg-orange .comment .message, .bg-orange .message .comment-count, .bg-orange .message .column-input {background-color:#331100;}';
  css += '.bg-yellow .comment .message, .bg-yellow .message .comment-count, .bg-yellow .message .column-input {background-color:#222200;}';
  css += '.bg-green .comment .message, .bg-green .message .comment-count, .bg-green .message .column-input {background-color:#002200;}';
  css += '.bg-blue .comment .message, .bg-blue .message .comment-count, .bg-blue .message .column-input {background-color:#000022;}';
  css += '.bg-purple .comment .message, .bg-purple .message .comment-count, .bg-purple .message .column-input {background-color:#220022;}';

  s.innerHTML = css;

  document.body.appendChild(s);
})();

[Let] crowy 未読解除

den2sn — 2011-10-07T02:56:20Z

crowy 未読解除

/*
 * @title crowy 未読解除
 * @description crowy に未読解除ボタンを配置します。 #crowy
 * @include http://www.crowy.net*
 * @license MIT License
 * @require 
 */

(function(){
  function setHover() {
    this.style.color = '#666';
    this.firstChild.style.backgroundPosition = '0 -20px';
  }
  function delHover() {
    this.style.color = '#444';
    this.firstChild.style.backgroundPosition = '0 0';
  }

  var imgDiv = document.createElement('div');
  imgDiv.setAttribute('style', 'height: 20px; left: 0; position: absolute; top: 9px; width: 20px; background: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAYAAAD+MdrbAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sKBwIbENRPacQAAAINSURBVEjH7VU/a1NxFD1Pgu+cX8D37BDIUOsUKlgyBPINgoVKhmoHW5dUg62DJVuGtA72C1jTKZPd0gp1ChUqVLLlQ9iPkfE6vLwQzZ+2qYuSC5fH793Leece7vsdYBY3jUQiYYPnO7cBSyaTFoYh5h/M90G9acHm5u6b6CAnSFF2Oh1vKsB0Om1iBEInOAntdtsbx9AmMX+4sGCUg0RIgpPD+fdzb9zIgwIPgWYyGYtABPbGbLVav/V5Y8AgCd1ut19/vLRkrgdCEY4Op19Phz46xND37/ZEdiCFy8ufXi6Xsz4rJ4hCs9kcKcvQy1QqZXIOIuHkQAlO7D0d6Iijz0djNR5ZyGazFq/Cn9loNCZuxtjik+XlvmaSIBL1w8Mr12zsn/Lt7MwLggBBECIIw2uBzWIW/00Ui8W/5ylrz9fsXhCgXC7f3lM2Nl6aRNAnKEIkPuzvT+cpm682TRRIgozAaru73siRFxcf2SSwt9vbFgYhoosjyhhsaORsNmtiNMLFxY8h9pVKxWJWFCGfeLezM9pT8vm8SQLpw2fU3Dw+7ter1arFesVjvtnamuwpxWLRBkX2RRx8PPDe7+2Z37tkY4alUul6nlJ+XbaYRcREGDyTwvr6i5t5Sq1WM0nw6fdYKUoRz1ZXp/OU+qe6UT5IQSJ8Ck9XVq5cs4kNJ19OIk1JFAqFmaf8q/ELSGZyYHHakXMAAAAASUVORK5CYII=) 0 0 no-repeat;');

  var buttonName = document.createElement('div');
  buttonName.innerHTML = '既読';
  buttonName = buttonName.firstChild;

  var link = document.createElement('a');
  link .setAttribute('href', 'javascript:(function(){$(\'.new-count\').click()})()');
  link .setAttribute('style', 'text-decoration: none; height: 16px; color: #444; padding-left: 24px; text-shadow: 0 1px 0 white; line-height: 37px;');
  link.addEventListener('mouseover', setHover, true);
  link.addEventListener('mouseout', delHover, true);
  link.appendChild(imgDiv);
  link.appendChild(buttonName);

  var button = document.createElement('div');
  button.setAttribute('id', 'reset-count');
  button.setAttribute('style', 'float: left; height: 37px; font-size: 12px; font-weight: bolder; line-height: 100%; margin: 0 8px; position: relative;');
  button.setAttribute('title', '既読');
  button.appendChild(link);

  var buttons = document.getElementById('tab-tool-bar');
  buttons.appendChild(button);
})();

[Let] crowy 更新表示

den2sn — 2011-10-07T00:17:09Z

crowy 更新表示

/*
 * @title crowy 更新表示
 * @description crowy の更新を確認して未読の件数をタイトルに表示します #crowy
 * @include http://www.crowy.net*
 * @license MIT License
 * @require 
 */

(function(){
  var timer = null;

  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 reloadCount(){
    var title = document.title;
    var cntIndex = 0;
    if ((cntIndex = title.indexOf(')')) != -1) {
      document.title = title.substring(cntIndex+1);
    }
    var list = getElements(document.getElementById('tabs'), 'div.new-count');
    var countList = new Array();
    var i;
    for (i = 0; i < list.length; i++) {
      var s = list[i].innerHTML;
      if (s != '0' && s != '') {
        countList.push(s);
      }
    }
    if (countList.length != 0) {
      document.title = '(' + countList.join('/') + ')' + document.title;
    }
  }

  reloadCount();

  var elementList = getElements(document.getElementById('tabs'), 'div.new-count');
  var i = 0;
  for (i = 0; i < elementList .length; i++) {
    var e = elementList[i];
    e.addEventListener('click', reloadCount, true);
  }
  
  timer = setInterval(reloadCount, 60000);

})();