La biblioteca script.aculo.us es una biblioteca multinavegador que tiene como objetivo mejorar la interfaz de usuario de un sitio web. El Ajax.InPlaceEditor se utiliza para hacer que los elementos sean editables, lo que permite al usuario editar el contenido de la página y enviar los cambios al servidor.
La opción cancelLink de InPlaceEditor se utiliza para especificar si se mostrará o no el enlace que cancela la edición y cierra el editor. El valor predeterminado se establece en verdadero.
Sintaxis:
{ cancelLink : boolean }
Valor: esta opción tiene un valor único como se mencionó anteriormente y se describe a continuación:
booleano: Este es un valor booleano que especifica si se mostrará o no el enlace que cancela la edición y cierra el editor. El valor predeterminado se establece en verdadero.
El siguiente ejemplo ilustra el uso de esta opción.
Ejemplo: El siguiente archivo HTML muestra este ejemplo:
HTML
<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>
PHP
<?php
if( isset($_REQUEST["value"]) ) {
$str = $_REQUEST["value"];
echo $str;
}
?>
Producción:
Publicación traducida automáticamente
Artículo escrito por parasmadan15 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA