AJAX ha molti usi funzionali, come il contenuto e la modifica modulo. Funziona con varie piattaforme e tecnologie di programmazione, tra cui PHP, ASP e JavaScript, in quanto si tratta di un'applicazione open-source. Molti progettisti e amministrazioni Web utilizzano strumenti AJAX-powered per rendere i loro siti web e renderli più interattivi. La maggior parte di questi strumenti AJAX sono liberi, e si può usare e vederli in azione senza aggiornare l'intera pagina Web.

istruzione

1 Usa il codice per stabilire la sintassi AJAX:

nuova Ajax.InPlaceEditor (elemento, URL, {opzioni});

Questo costruttore ha tre parametri importanti: elemento, URL e opzioni. Il parametro elemento supporta la vostra azione modifica sul posto; il parametro URL accetta il valore modificato o aggiornato; e il terzo elemento è dove si applica varie opzioni di interagire più apertamente con gli utenti.

2 Conservare il "InPlaceEditor" all'interno di una variabile per consentire di disattivazione e attivazione a volontà in seguito:

var editore = new Ajax.InPlaceEditor ( 'product_1', ...);

(... fare cose ..)

editor.dispose ();

Utilizzare questo codice se si vuole forzarlo per entrare in modalità di modifica in qualsiasi momento:

editor.enterEditMode ( 'click');

3 Applicare il codice per attivare uno script modalità di modifica singola linea. Assicurarsi che l'URL "demoajaxeditor.html" viene sostituito con il proprio per vederlo in azione:

<P id = "EDITME"> Click me, click me! </ P>

<Script type = "text / javascript">

nuova Ajax.InPlaceEditor ( 'EDITME', '/demoajaxeditor.html');

</ Script>

4 Inserire il codice di applicare uno script modalità di modifica multi-linea. Sostituire l'URL "demoajaxeditor.html" con il proprio per vedere il suo effetto:

<P id = "editme2"> mi Fare clic per modificare questo bel testo lungo. </ P>

<Script type = "text / javascript">

nuova Ajax.InPlaceEditor ( 'editme2', '/demoajaxeditor.html', {Righe: 15, cols: 40});

</ Script>

5 Utilizzare il codice per attivare i codici personalizzati per lo script InPlaceEditor:

nuova Ajax.InPlaceEditor (id, URL, {

callback: funzione (forma, value) {return 'elemento = 123 & campo = Descrizione e myparam =' + encodeURIComponent (valore)},

onEnterEditMode: la funzione (forma, value) {// codice personalizzato va qui ...},

onLeaveEditMode: la funzione (forma, value) {// codice personalizzato va qui ...}

});

Consigli e avvertenze

• Scopri come molti tutorial AJAX online per familiarizzare con questo strumento Web funzionale. Partecipare a forum di discussione per ottenere consigli utili da utenti esperti.
• Impostare sempre il computer per codificare in UTF-8, per elaborare correttamente i dati del modulo. Altri metodi di codifica potrebbe funzionare, ma questo è quello più sicuro.