サイドバーにもアバター表示モジュール

<!-- サイドバーにもサムネイルモジュールここから -->


<!-- JavaScript -->

<script type="text/javascript">
(function(){
//名前をサイドバーと同じにしてください
var fields=[
  {'value':'リンク集','name':'links'},
  {'value':'最新コメント','name':'comments'},
  {'value':'最新トラックバック','name':'trackbacks'}
];
 
var check_td=function(td,arg){
  for(var i=0;i<arg.length;i++){
    if(td.innerHTML==arg[i].value){
      td.id=arg[i].name;
      return i;
    }
  }

  return -1;
}

var get_img=function(link){
  var freezeTom='/dwm/wp-content/uploads/2013/08/384_3.jpg';
  var naru='http://image.profile.livedoor.jp/icon/keywordchoice_60.jpg';
  var ettan='http://ettan.up.seesaa.net/image/images-thumbnail2.jpg';

  if(link.match(/https?:\/\/fanblogs\.jp\//)){
    var url=link.replace(/　|\s+/g,'')
      .replace(/^https?:\/\/fanblogs\.jp\//,'').replace(/\/.*$/,'');

    if(url.length){
      return url!='ayzfqir5'?'http://fanblogs.jp/'
        +url+'/file/profile':freezeTom;
    }
  }

  if(link.match(/https?:\/\/blog\.livedoor\.jp\/keywordchoice\/?/)){
    return naru;
  }

  if(link.match(/https?:\/\/ettan\.seesaa\.net\/?/)){
    return ettan;
  }

  return null;
}

var set_img=function(div,flag){
  var noImage='http://fanblogs.jp/ayzfqir5/file/384/'
    +'LXVzci1sb2NhbC1hcGFjaGUyLWJsb2ctaW1hZ2UtcHJvZml'
    +'sZS1wcm9maWxlX2RlZmF1bHQxRtQ.gif';
  var link1='';
  var link2='';
  var a=div.getElementsByTagName('a');
  var img=null;

  if(a.length==2){
    div.innerHTML=div.innerHTML.replace(/\r?\n/g,'')
      .replace(/(.+<a .+?>.+?)<\/a>(.+<a .+?>.+?<\/a>)(.+)/i,'$1</a>$3$2');
  }

  if(flag==0){
    img=get_img(a[0].href);
    link1='<a href="'+a[0].href+'" target="_blank">';
    link2='</a>';
    var a=div.getElementsByTagName('a');

    if(a.length){
      a[0].innerHTML='<img src="'+(img?img:noImage)
        +'" width="30" style="display:inline-block" />&nbsp;'
        +a[0].innerHTML;
    }

    return;
  }else if(a.length==2||flag==2){
    img=get_img(a[0].href);
    link1='<a href="'+a[0].href+'" target="_blank">';
    link2='</a>';
  }else{
    div.innerHTML=div.innerHTML.replace(/\r?\n/g,'')
      .replace(/(.+)(<br>.+?<a .+?>.+?<\/a>)(.+)/i,'$1$3$2');
  }

  var new_td=document.createElement('td');

  new_td.setAttribute('class','side_img');
  new_td.innerHTML='<div class="side_img">'
    +link1+'<img src="'+(img?img:noImage)+'" width="30"/>'
    +link2+'</div>';

  div.parentNode.parentNode.insertBefore(new_td,div.parentNode);
}

var sidebar=function(arg){
  var sb=['sidebar','sidebarLeft','sidebarRight'];

  for(var i=0;i<sb.length;i++){
    var elem=document.getElementById(sb[i]);

    if(elem){
      var table=elem.getElementsByTagName('table');

      for(var j=0;j<table.length-1;j++){
        var td=table[j].getElementsByTagName('td');

        for(var n=0;n<td.length;n++){
          var ret=check_td(td[n],arg);

          if(ret>=0){
            j+=2;
            table[j].id=td[n].id+'_body';

            var tr=table[j].getElementsByTagName('tr');

            if(ret==0&&fields[0].value&&fields[0].value.length){
              var div=tr[0].getElementsByTagName('div');

              for(var num=0;num<div.length;num++){
                set_img(div[num],ret);
              }
            }else if(ret==1&&fields[1].value&&fields[1].value.length){
              for(var num=0;num<tr.length;num++){
                var div=tr[num].getElementsByTagName('div');

                if(div.length){
                  set_img(div[0],ret);
                }
              }
            }else if(ret==2&&fields[2].value&&fields[2].value.length){
              for(var num=0;num<tr.length;num++){
                var div=tr[num].getElementsByTagName('div');

                if(div.length){
                  div[0].innerHTML=div[0].innerHTML
                    .replace(/<\/a>(.+)$/i,
                      '<span>$1</span></a>');

                  set_img(div[0],ret);
                }
              }
            }

            break;
          }
        }
      }
    }
  }
}

sidebar(fields);
})();
</script>


<!-- スタイルシート -->

<style type="text/css">

/* 色の指定にかかわるものだけ上にまとめました */


/* リンク集の色指定 */

#links_body div.side_text a{
  background-color:#D2EEF9; /* リンク集の普段の色 */
  text-decoration:none;
  display:block;
}

#links_body div.side_text a:hover{
  background-color:#B9E9FD; /* リンク集にマウスが乗った時の色 */
}


/* コメント欄の色指定 */

#comments_body tr{
  background-color:#D2EEF9; /* コメント欄の普段の色 */
  border-bottom:2px solid #fff;
  padding:0;
  margin:0;
}

#comments_body div.side_text a:hover{
  background-color:#B9E9FD; /* コメント欄にマウスが乗った時の色 */
  text-decoration:none;
}


/* トラックバックの色指定 */

#trackbacks_body tr{
  background-color:#D2EEF9; /* トラックバックの普段の色 */
  border-bottom:2px solid #fff;
  padding:0;
  margin:0;
}

#trackbacks_body tr:hover{
  background-color:#B9E9FD;  /* トラックバックにマウスが乗った時の色 */
}


/* その他の設定 */

div.side_text img{
  display:none;
}

#comments_body div.side_text{
  margin:0 0 0 4px;
  padding:2px 2px 2px 0;
}

#comments_body div.side_img{
  width:30px;
  margin:0;
  padding:2px 0 2px 2px;
}

#comments_body div.side_text a{
  padding:0;
  display:inline;
  line-height:1em;
  text-decoration:none;
  background:transparent;
}

#trackbacks_body{
  padding:4px 2px;
}

#trackbacks_body div.side_text{
  margin:0 0 0 4px;
  padding:2px 2px 2px 0;
  background-color:transparent;
}

#trackbacks_body div.side_img{
  width:30px;
  margin:0;
  padding:2px 0 2px 2px;
  background-color:transparent;
}

#trackbacks_body div.side_text a,
#trackbacks_body div.side_text a:hover{
  line-height:1.4em;
  display:block;
  background-color:transparent;
  text-decoration:none;
}

#trackbacks_body div.side_text a span{
  color:#555;
}

#links_body div.side_text{
  border-bottom:2px solid #fff;
  padding-right:2px;
}
#links_body div.side_text a img{
  vertical-align:middle;
  margin:2px;
}
</style>

<!-- サイドバーにもサムネイルモジュールここまで -->