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.
InPlaceEditor loadTextURL interactuado
Sintaxis:
{ loadTextURL: URL }
Valor: esta opción tiene un valor único como se mencionó anteriormente y se describe a continuación:
- URL: esta es una string que especifica la URL que se utilizará para cargar el texto. es nulo
El siguiente ejemplo ilustra el uso de esta opción.
Ejemplo: El ejemplo muestra la opción loadTextURL 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 () {
new Ajax.InPlaceEditor(
'editableElement',
// Script for the functioning
// of the editor
'http://localhost/inplace.php',
{
// Specify the script from
// where the text would be
// loadec
loadTextURL:
'http://localhost/loadText.php',
}
);
}
</script>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<h2>InPlaceEditor loadTextURL Option</h2>
<p>
The "loadTextURL" option is used to
specify the URL of the server from
where the text would be loaded when
the editable element is interacted
upon.
</p>
<div id="editableElement">
Click this element to edit it!
</div>
</body>
</html>
Se requiere el archivo inplace.php para simular el guardado de datos en el servidor.
PHP
<?php
if( isset($_REQUEST["value"]) ) {
$str = $_REQUEST["value"];
echo $str;
}
?>
Se requiere el archivo loadText.php para simular el servidor desde donde se cargaría el texto.
PHP
<?php // Sleep is used to simulate the delay of // the server request sleep(1); echo "This is the text from the server!"; ?>
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