se_hilite.jsの実験、あとついでにjquery.highlight-3.jsも実験。

雑記, javascript

実際に文字を変換してみた。
実験なので、直接、配列に文字をいれて反映させている。
http://gomigomi.net/page1/0032.html


以下のページを参考に使用してみただけ。
http://hoshiya.biz/blog/2009/07/javascript-2.php
http://www.magicvox.net/archive/2007/04122238/

うまく動きました...使いようによっては使える。

ただ、別の環境ではDOMをぶっ壊してしまっているようで、
問題があると思うんだけど、よくわかりませんでした。

---

...というわけで、
jquery.jsを使ったほうがよさそう。
jqueryのprottype.jpとの競合を避けるメソッドが利用できるから。
jquery.highlight-3.jsというスクリプトをつかって実装してみた。

参考にしたページはコチラ↓
http://d.hatena.ne.jp/deeeki/20090319/jqueryhighlight

ちなみにjqueryの知識はゼロ。
これからjavascriptの文法とセットで勉強してみる。

実験してみたページはこちら↓
http://gomigomi.net/page1/0033.html
中を見ればスクリプト記述方法がわかると思う。

$(function(){
	$(".content").highlight("abc");
	$(".content").highlight("ごみ");
});

こうやって、連ならせればいっぱい設定できる。
カラー表示を変更するには、、
メソッドを変更してcssに設定すればいいのだろうか。
そこんところは謎。

※コード内のCSSを選択している個所を変更して、
　カラーリングを自由に変更できるように半ば強制的に拡張しておいた。

Permalink | コメント(0) | トラックバック(0) | 00:43