<html>
<head>
<script type="text/javascript"
src="javascript/prototype.js">
</script>
<script type="text/javascript"
src=
"javascript/scriptaculous.js?load = controls">
</script>
<script type="text/javascript">
window.onload = function () {
// InplaceEditor with cancelLink
// option set to true
new Ajax.InPlaceEditor(
'editableElement',
'inplace.php',
{
cancelLink: true
}
);
// InplaceEditor with cancelLink
// option set to false
new Ajax.InPlaceEditor(
'editableElement2',
'inplace.php',
{
// Specify the boolean value
// wether the cancel link will be shown or not
cancelLink: false
}
);
}
</script>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<h2>InPlaceEditor cancelLink Option</h2>
<p>
The "cancelLink" option is used to specify
whether the cancel link will be shown or not
</p>
<b>
This element has the cancelLink set to true
</b>
<div id="editableElement">
Click this element to edit
</div>
<br>
<b>
This element has the cancelLink set to false
</b>
<div id="editableElement2">
Click this element to edit
</div>
</body>
</html>