ソース表示用スクリプト
先のエントリーにて、ソース表示に用いている blockquote タグのCSSを修正した件について書いたが、今度はソースの一覧性・視認性に問題があるような気がして、サポート用のスクリプト(JavaScript)を追加してみた。
var btnWrite = "<input type=\"button\" onclick=\"selwin(this);\" value=\"copy用ウィンドウ\"><p> </p>";
var t;
var s;
function selwin(o){
var p = o.parentNode;
var c = p.childNodes;
for(i=0;c.length>i;i++){
if(c[i].tagName){
if(c[i].tagName == "BLOCKQUOTE"){
t = c[i].innerHTML;
s = window.open('','s','width=400,height=400,menubar=no,toolbar=no,location=no,status=no,scrollbars=yes,resizable=yes');
setTimeout("wr();",1000);
}
}
}
}
function wr(){
if(!window.s.closed){
window.s.document.body.innerHTML = t;
window.s.document.title="コピー用ウィンドウ";
}
}
function wb(){
document.write(btnWrite);
}
で、上記のスクリプトを、今度はインデックステンプレートに新規登録(外部JSファイル)して保存。
続いてヘッダテンプレートに、上記の外部JSファイルを読み込む部分を追加して保存。
そして、各エントリーに対して、記事内の blockquote 直後に <script type=text/javascript> wb(); </script> を追加して完了です。
トラックバック(0)
このブログ記事を参照しているブログ一覧: ソース表示用スクリプト
このブログ記事に対するトラックバックURL: http://northernland.net/mt/mt-tb.cgi/18

コメントする