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.
Se especifica InPlaceEditor loadingText y el InPlaceEditor está cargando texto desde el servidor
Sintaxis:
{ loadingText: 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 a utilizar.
El siguiente ejemplo ilustra el uso de esta opción.
Ejemplo:
El siguiente archivo HTML demuestra esto con el 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 () {
new Ajax.InPlaceEditor(
'editableElement',
// Script for the functioning
// of the editor
'http://localhost/inplace.php',
{
// Script for loading the text
loadTextURL:
'http://localhost/loadText.php',
// Specify the text to be used while loading
loadingText: 'Text loading from server!'
}
);
}
</script>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<h2>InPlaceEditor loadingText Option</h2>
<p>The "loadingText" option specifies the placeholder
text to be used when text is being loaded from the
server specified using the "loadTextURL" option.</p>
<div id="editableElement">
This is the editable element!
</div>
</body>
</html>
Se requiere el siguiente script 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 siguiente script 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