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 cancelText de InPlaceEditor se utiliza para especificar el texto del enlace que cancela la edición y cierra el editor. El valor de string predeterminado de la opción es «cancelar».
Sintaxis:
{ cancelText : string }
Valor: esta opción tiene un valor único como se mencionó anteriormente y se describe a continuación:
- string: Esta es una string que especifica el texto que se mostrará para el enlace utilizado para cancelar la edición. La string predeterminada es «cancelar».
El siguiente ejemplo ilustra el uso de esta opción.
Ejemplo: El siguiente archivo HTML muestra el ejemplo de la opción cancelText de InPlaceEditor.
HTML
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript"
src="prototype.js">
</script>
<script type="text/javascript"
src="scriptaculous.js?load = controls">
</script>
<script type="text/javascript">
window.onload = function () {
// Default InPlaceEditor with no
// options
new Ajax.InPlaceEditor(
'editableElement',
'http://localhost/tmpscripts/inplace.php',
);
// InPlaceEditor where the
// cancelText option is modified
new Ajax.InPlaceEditor(
'editableElement2',
'http://localhost/tmpscripts/inplace.php',
{
// Specify the text to be used for
// the link to cancel the edit
cancelText: "Press to cancel!"
}
);
}
</script>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<h2>InPlaceEditor cancelText Option</h2>
<p>
The "cancelText" option is used to
specify the text to be shown for the
cancel option of the editor.
</p>
<b>
This element has the cancelText
as the default one.
</b>
<div id="editableElement">
Click this element to edit it!
</div>
<br>
<b>
This element has the cancelText
set to a custom value.
</b>
<div id="editableElement2">
Click this element to edit it!
</div>
</body>
</html>
El siguiente archivo PHP muestra este ejemplo:
PHP
<?php
if( isset($_REQUEST["value"]) ) {
$str = $_REQUEST["value"];
echo $str;
}
?>
Producción:
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA