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 usa para hacer que los elementos sean editables, lo que permite al usuario editar contenido en la página y enviar los cambios al servidor.
La opción okText de InPlaceEditor se usa para especificar el texto en el botón que se usa para guardar los cambios y enviarlos al servidor. La string predeterminada es «ok».
Sintaxis:
{ okText : 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 botón utilizado para enviar los cambios al servidor. La string predeterminada es «ok».
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="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 with the
// okText modified
new Ajax.InPlaceEditor(
'editableElement2',
'http://localhost/tmpscripts/inplace.php',
{
// Specify the text to be used for
// the button to submit changes
okText: "Click to confirm the edit"
}
);
}
</script>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<h2>InPlaceEditor okText Option</h2>
<p>
The "okText" option is used to specify
the text to be shown for the OK option
of the editor.
</p>
<b>
This element has the okText as the
default one.
</b>
<div id="editableElement">
Click this element to edit
</div>
<br>
<b>
This element has the okText set to a
custom value.
</b>
<div id="editableElement2">
Click this element to edit
</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