PlaceEditor.dispose - インラインエディタを解除

スポンサードリンク

この機能を実行するにはscriptaculousが必要です

構文

PlaceEditorObject.dispose()

引数: =

「インラインエディタを解除」サンプルコード

<html>

<head>
<title>PlaceEditor.dispose - インラインエディタを解除</title>
</head>

<script type="text/javascript" src="/js/prototype.js"></script>
<script type="text/javascript" src="/js/scriptaculous.js"></script>
<script type="text/javascript">
<!--
var editor;
window.onload = function() {
	editor = new Ajax.InPlaceEditor("line_editor", "./save.php", {
		"okText": "SAVE", // 保存ボタンのラベル
		"cancelText": "CANCEL", // キャンセルボタンのラベル
		"savingText": "SAVING...", // 保存中テキスト
		"clickToEditText": "click and save", // ツールチップヒント
		"rows": 1, // 行数
		"cols": 80, // 横文字数
		"highlightcolor": "red", // ハイライト色
		callback: function(form, value) { // 送信前に実行される関数
			alert(value+'を送信');
			return "save="+value; // url?save=～ がAjaxで送信される
		},
		onComplete: function() { // 完了時に呼ばれるメソッド
			alert('完了');
		},
		onFailure: function() { // 失敗時に呼ばれるメソッド
			alert('失敗');
		},
		ajaxOptions: { // Ajax.Requestに渡す時と同様のOption
			"method": "get"
		}
	});
}

function execute() {
	editor.dispose();
}
//-->
</script>
<body>
<form>
<div id="line_editor" style="background-color:red">クリックで編集</div>
</form>
<button onclick="execute()">インライン編集停止</button>
</body>

</html>

スポンサードリンク

忘却曲線を使って「PlaceEditor.dispose」を確実に記憶に残す

「PlaceEditor.disposeの動作デモ」

新しいウィンドウで実行 | スクリプトを編集＆実行 - スクリプトをWEB上で編集＆動作確認することが出来ます。

PlaceEditor.dispose - インラインエディタを解除

構文

「インラインエディタを解除」サンプルコード

「PlaceEditor.disposeの動作デモ」

関連ページ

ナビゲーション