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 clase InPlaceEditor se utiliza para definir un campo editable que puede realizar una solicitud a un archivo para acceder a su contenido. Podemos especificar el elemento que debe convertirse en un editor en el lugar, la URL para realizar la solicitud y las opciones para pasar diferentes parámetros.
Sintaxis:
Ajax.InPlaceEditor(element, url, options);
Valores:
- elemento: Este es un elemento al que queremos agregar el campo de texto editable.
- url: la URL o la ruta del archivo para realizar la solicitud AJAX.
- opciones: Campo adicional para personalizar el editor.
Ejemplo:
Para demostrar el uso de esta función, siga el siguiente código. Se implementa un código JavaScript que crea un editor en el lugar para elementos específicos. La URL necesaria para el código es «test.html» con un texto simple GeeksforGeeks en él. Al hacer clic en Click me , verá el editor en el lugar.
Al hacer clic en Aceptar , obtendrá el contenido de la página «test.html».
HTML
<!DOCTYPE html>
<html>
<head>
<!-- Include the required scripts -->
<script type="text/javascript"
src="prototype.js">
</script>
<script type="text/javascript"
src="scriptaculous.js?load = effects,controls">
</script>
</head>
<body>
<p id="editme">Click me</p>
<!-- JavaScript part to initialize the objects -->
<script type="text/javascript">
new Ajax.InPlaceEditor('editme', 'test.html');
</script>
</body>
</html>
Producción:
test.html El siguiente es el código para el archivo «test.html» que se utiliza como URL en el código de ejemplo anterior.
<!DOCTYPE html> <html> <body> GeeksforGeeks </body> </html>