2009/09/05

ソースコードをblogに貼り付ける

・ソースコードを見やすくするためのスタイルシート
http://blog.coevolver.net/entries/22

このblogにも適用してはどうだろうか?>参加者

※追記:

試しに「Blogger Syntax Highlighter」を使ってみる。
  1. /** 
  2.  * radioボタンのチェックを外すことができるように 
  3.  * 要prototype.js 
  4.  *  
  5.  * Example: 
  6.  * window.onload = setRadioCheckReset(); 
  7.  * 
  8.  * 
  9.  * 参考URL:http://www.kttnet.co.jp/~harashi/samplepg/radio-sample2.htm 
  10.  */  
  11. function setRadioCheckReset() {  
  12.  var RadioState = new Object(); // どのradioボタンがチェックされているか  
  13.          // 保持するオブジェクト  
  14.    
  15.  var RadioEventWatcher = Class.create();  
  16.    
  17.  RadioEventWatcher.prototype = {  
  18.   initialize: function(elm, _index) {  
  19.    this._index = _index;  
  20.    // イベントハンドラ  
  21.    Event.observe(elm,  
  22.        'click',  
  23.        this.evFunc.bindAsEventListener(this),  
  24.        false);  
  25.      
  26.    // イベントハンドラ追加前にチェックされている場合を考慮  
  27.    if ( elm.checked ) {  
  28.     RadioState[elm.name] = this._index;  
  29.    }  
  30.   },  
  31.   evFunc: function(evt) {  
  32.    target = Event.element(evt);  
  33.    if ( RadioState[target.name] == this._index ) {  
  34.     target.checked = false;  
  35.     RadioState[target.name] = 0;   // 何も選択されていない  
  36.    } else {  
  37.     RadioState[target.name] = this._index; // 選択された  
  38.    }  
  39.   }  
  40.  }  
  41.    
  42.  // 全てradioボタン要素にEventを登録  
  43.  for (var i = 0; i < document.forms.length; i++) {  
  44.   for (var f = 0; f < document.forms[i].length; f++) {  
  45.    var elm = document.forms[i][f];  
  46.    if ( elm.type == 'radio' ) {  
  47.     new RadioEventWatcher(elm, f);  
  48.    }  
  49.   }  
  50.  }  
  51. }  


貼り付け方は
・コードをハイライトする「Blogger Syntax Highlighter」ウィジェット
http://www.kuribo.info/2008/06/blogger-syntax-highlighter.html

を参考のこと。

2 件のコメント:

jihna さんのコメント...

と思ったけど、わざわざCSSをいじらなくても、

・「Blogger Syntax Highlighter」ウィジェット
http://www.kuribo.info/2008/06/blogger-syntax-highlighter.html

を使えばいいのか・・・。
便利そうなので勝手に追加しちゃいました。

Taka さんのコメント...

あざーっす。
これ凄いイイナ!