Tecnología

Inicio

Cómo editar en su lugar en Java Script Con el Ajax

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.

Artículos relacionados