skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

テキストの書き換えを可能にするjavascript「inLineEdit.js 2」

｜ ｜ ｜ ｜ ｜ ｜ ｜

オンライン上でテキストの変更が可能になればサイトの管理がしやすくなるでしょう。
またブログなどで閲覧者が投稿したコメントを閲覧者自身が書き換えたい時などにも効果的です。
justinmaierで公開しているテキスト変換script「inLineEdit.js 2」による上記のような課題を解決することができます。

使用方法
inlineEdit.jsと、javascriptライブラリ「mootools」をダウンロードし、headに挿入します。

後は以下のようなscriptを書き込みます。
なお対象となるエレメントには、pやh1などを指定してください。
<script>
$$('対象となるエレメント').each(function(el){
el.setStyle('cursor','pointer');
el.addEvent('click',function(){
this.inlineEdit({
});
});
});
</script>
テキストの書き換えを可能にするjavascript「inLineEdit.js 2」サンプル

記事作成：2007年07月15日

前の記事：華麗なメニューを作成するjavascript「FancyMenu」
次の記事：フォントの大きさを変更するjavascript「fontSize.js」