AJAX ha molti usi funzionali, come contenuto e modifica del modulo. Funziona con diverse piattaforme di programmazione e tecnologie, tra cui PHP, ASP e JavaScript, perché è un'applicazione open-source. Molti Web designer e amministrazioni utilizzano strumenti AJAX-powered per rendere i loro siti Web e renderli più interattivi. La maggior parte di questi strumenti AJAX sono libera, e si può utilizzare e vederli in azione senza aggiornare l'intera pagina Web.

Istruzioni

1

Utilizzare il codice per stabilire la sintassi di AJAX:

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

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

2

Memorizzare il tuo "InPlaceEditor" all'interno di una variabile per consentire la disattivazione e attivazione a volontà più tardi:

editor di var = nuovo Ajax.InPlaceEditor('product_1',...);

(... fare le cose...)

Editor.Dispose();

Se si desidera forzare per entrare in modalità di modifica in qualsiasi momento di utilizzare questo codice:

editor.enterEditMode('click');

3

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

< id p = "editme" > fare clic su me, me! </p >

< script type = "text/javascript" >

nuovo Ajax.InPlaceEditor ('editme', ' / demoajaxeditor.html');

< / script >

4

Inserire il codice per applicare uno script di modalità di modifica a più righe. Sostituire l'URL "demoajaxeditor.html" con il proprio per vedere il suo effetto:

< id p = "editme2" > Cliccami per modificare questo bello lungo testo. </p >

< script type = "text/javascript" >

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

< / script >

5

Utilizzare il codice per attivare i codici personalizzati per il vostro script InPlaceEditor:

nuovo Ajax.InPlaceEditor (id, URL {

callback: funzione (modulo, value) {return ' item = 123 & campo = Descrizione & myparam='+encodeURIComponent(value)},

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

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

});

Consigli & Avvertenze

• Imparare come molti tutorial AJAX online per acquisire familiarità con questo strumento Web funzionale. Partecipare a forum di discussione per ottenere consigli utili da utenti esperti.
• Sempre impostare il computer per la codifica in UTF-8, per elaborare correttamente i dati del modulo. Altri metodi di codifica potrebbero funzionare, ma questo è quello più sicuro.