WEB2.0と言われる昨今、サイト上で文字を書き換えられるケースが増えています。
class.editInPlace.jsはEditInPlaceと呼ばれる文字を書き換えられるjavascriptを公開しています。
class.editInPlace.jsのzipファイルをダウンロードします。
<script type="text/javascript" src="http://yourdomain/mootools.js"></script>
<script type="text/javascript" src="http://ypourdomain/class.editInPlace.js"></script>
<link rel="stylesheet" href="http://yourdomain/web.css" type="text/css">
<script type="text/javascript">
window.addEvent('domready',function(){
new editInPlace($$('要素名'));
});
</script>
上記のように記述すると、指定した要素が書き換え可能になります。
オプション
<script type="text/javascript">
window.addEvent('domready',function(){
new editInPlace($$('要素名'),{
maxlength:10,
tip:'書き換え可能'
hover_css_class:'othercsshover',
type:'select',
select_items:[
{text:'土'},
{text:'水'},
{text:'火'}
]
});
});
</script>