2009年06月07日

shCore.jsのviewSourceのオーバーライド

SyntaxHighlighter 2.0

ヘッダー部でshCore.jsを読み込んだ後に処理させます。
sh は内部変数ですが、SyntaxHighlighter が sh を return 
しているので同じものです。

※ ここの viewSource は、このコードでオーバーライドしています。
( この記事が表示されているページ内は全て対象となります )
<script type="text/javascript">
SyntaxHighlighter.toolbar.items.viewSource = 
function(highlighter)
{
	this.create = function()
	{
		return SyntaxHighlighter.config.strings.viewSource;
	};
	
	this.execute = function(sender, event, args)
	{
		var code = SyntaxHighlighter.utils.fixForBlogger(highlighter.originalCode);
		code = code.replace(/</g, '&lt;');

		var wndParam = 'location=0,resizable=1,menubar=0,scrollbars=1';
		wnd = SyntaxHighlighter.utils.popup('','_blank',800, 600,wndParam);

		code = SyntaxHighlighter.utils.unindent(code);

		wnd.document.write('<input type="button" value="ダウンロード"><br>');
		wnd.document.write('<pre>' + code + '</pre>');
		wnd.document.close();
	};
}
</script>

posted by night wálker at 00:47| SyntaxHighlighter
JavaScript ベーシック
SyntaxHighlighter
クロスブラウジング
その他
Highslide JS
思いの他綺麗に撮れた花
ブログを彩るには、JavaScript が必ず必要です。
特に、Google の存在は大きく、Google MAP をはじめとする
いろいろな先進の技術を簡単に利用できます。
結構知られていないものもあり、少し JavaScript を勉強すれば使えるようになって
自分のブログにいろいろな花を添える事ができるようになると思います。
※ この花は Highslide JS と言って Google とは関係ありません。



Admin