Takazudo Clipping*

このBlogのDOCTYPEをXHTML1.0Strictにしました。 合わせて、コードを書く時のシンタックスハイライターにChiliってのを使ってみました。前紹介したdb.SyntaxHighlighterは、textarea内に無理やりソースを突っ込むので、文法的にはアウトで気になってしまったため。
Chiliのみためはこんなん。

function RollOverInit(){
	$(".FontsizeChg li").mouseover(function(){ SetRollOver(this) });
	$(".FontsizeChg li").focus(function(){ SetRollOver(this) });
	$(".FontsizeChg li").mouseout(function(){ BackImgToNormal(this) });
	$(".FontsizeChg li").blur(function(){ BackImgToNormal(this) });
}
function SetRollOver(ele){
	var imgEle = $(ele).children().filter("img")[0];
	var imgURLStr = imgEle.src;
	if(imgURLStr.indexOf("over")==-1){
		imgURLStr = imgURLStr.replace(/roll\_/,"over/roll\_");
		imgEle.src = imgURLStr;
		$(ele).attr("id","OVERELEM");
	}
}

<?xml version="1.0" encoding="utf-8" ?> 
<!-- comments -->
<rootNode>
	<childNodes>
		<childNode />
		<childNode />
		<childNode />
		<childNode attribute="value"></childNode>
		<namespace:childNode>
			<![CDATA[
				this is some CDATA content
				<!-- comments inside cdata -->
				<b alert='false'>tags inside cdata</b>
			]]>
		</namespace:childNode>
	</childNodes>
</rootNode>
<!--
  -- Multiline comments <b>tag</b>
  -->

db.SyntaxHighlighterと比べるとかなりださー
さらにパックになっちゃってて、Ajaxで読み込んだソースに適用させる方法がわからん。
なんかSafariだとエラーでまくりで全然使えなかった。本家のサイトもSafariだと変な風になる。よって、Safariのみブラウザ判別でエスケープ。いまいちだなー・・・。
ちなみにjQueryベースです。

• Notes Log（Chili配布元）