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 okButton de InPlaceEditor se utiliza para especificar si se mostrará o no el botón utilizado para guardar los cambios y enviarlos al servidor. El valor predeterminado se establece en verdadero.
Sintaxis:
{ okButton : 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 botón utilizado para enviar los cambios al servidor. 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 okButton
// option set to true
new Ajax.InPlaceEditor(
'editableElement',
'inplace.php',
{
okButton: true
}
);
// InplaceEditor with okButton
// option set to false
new Ajax.InPlaceEditor(
'editableElement2',
'inplace.php',
{
// Specify the boolean value
// whether the button will be shown or not
okButton: false
}
);
}
</script>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<h2>InPlaceEditor okButton Option</h2>
<p>
The "okButton" option is used to specify
whether the ok button will be shown or not
</p>
<b>
This element has the okButton set to true
</b>
<div id="editableElement">
Click this element to edit
</div>
<br>
<b>
This element has the okButton 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