-
Cómo editar en su lugar en Java Script Con el Ajax
-
AJAX tiene muchos usos funcionales, tales como el contenido y la edición de la forma. Se trabaja con varias plataformas y tecnologías de programación, incluyendo PHP, ASP y JavaScript, ya que es una aplicación de código abierto. Muchos diseñadores Web y las administraciones utilizan herramientas que funcionan en AJAX para darle vida a sus sitios web y hacerlos más interactivos. La mayoría de estas herramientas AJAX son libres, y se puede usar y verlos en acción sin actualizar la página Web completa.Instrucciones
1 Utilizando este código para establecer su sintaxis AJAX:
nueva Ajax.InPlaceEditor (elemento, URL, {opciones});
Este constructor tiene tres parámetros importantes: elemento, URL y opciones. El parámetro elemento apoya su acción edición in situ; el parámetro URL acepta el valor modificado o actualizado; y el tercer elemento es donde se aplica diversas opciones para interactuar de forma más abierta con sus usuarios.
2 Almacenar su "InplaceEditor" dentro de una variable para permitir la desactivación y activación a voluntad más adelante:
editor de var = new Ajax.InPlaceEditor ( 'product_1', ...);
(... hacer cosas ..)
editor.dispose ();
Utilice este código si desea forzar a entrar en el modo de edición en un momento dado:
editor.enterEditMode ( "clic");
3 Aplicar el código para activar una secuencia de comandos modo de edición única línea. Asegúrese de que la URL "demoajaxeditor.html" se sustituye con su propia para verlo en acción:
<P id = "EDITME"> Haga clic en mí, haga clic en mí! </ P>
<Script type = "text / javascript">
nueva Ajax.InPlaceEditor ( 'EDITME', '/demoajaxeditor.html');
</ Script>
4 Inserte el código para aplicar una secuencia de comandos de modo de edición de múltiples líneas. Vuelva a colocar la URL "demoajaxeditor.html" con su propia para ver su efecto:
<P id = "editme2"> Me Haga clic para editar este bonito texto largo. </ P>
<Script type = "text / javascript">
nueva Ajax.InPlaceEditor ( 'editme2', '/demoajaxeditor.html', {filas: 15: 40, cols});
</ Script>
5 Utilizar el código para habilitar los códigos personalizados para su script InplaceEditor:
nueva Ajax.InPlaceEditor (id, URL, {
devolución de llamada: Función (forma, valor) {return 'item = 123 Y = campo Descripción y miparam =' + encodeURIComponent (valor)},
onEnterEditMode: función (forma, valor) {// código personalizado va aquí ...},
onLeaveEditMode: función (forma, valor) {// código personalizado va aquí ...}
});
Consejos y advertencias
- Aprender tantos tutoriales AJAX en línea para familiarizarse con esta herramienta web funcional. Únete a los foros de discusión para obtener consejos útiles de los usuarios experimentados.
- Siempre ponga el ordenador para codificar en UTF-8, para procesar los datos del formulario correctamente. Otros métodos de codificación podría funcionar, pero esta es la más segura.