Eric @ EricBess WebHome

Obiettivo

Con un AJAX (o AHAH) tecniche di progettazione delle pagine, senza dover lasciare il visitatore può vedere in (X) HTML pagina contenuto editoriale.

Programma

Fare clic sul pulsante necessità di modificare il testo, con le modifiche a un pulsante Salva e cancellare il testo. Leggi farà parte di AHAH inviati a un server-side PHP script file, per aggiornare il database (MySQL o ordinaria carta).

Dimostrazione

Ajax-punto è di dimostrare che
In questa prima dimostrazione, io uso un ID come "editinplace" l'elemento div. Quando il mouse tutta qui, il colore di sfondo sarà di colore giallo paglierino. Fare clic sul testo verrà avviato alcuni DOM funzionamento, elementi div sostituito da una textarea elementi - contenute nel testo originale.
Fare clic sul pulsante Salva per il server-side PHP script file inviato nuovo contenuto HTML, e riesportazioni ricevuto un nuovo testo (di $ _ POST).
Nel mondo reale ambiente, si dovrebbe anche aggiungere un test di sicurezza prima di poter aggiornare il database e tornare ad aggiornare il contenuto della pagina, colleghi jQuery informato la corretta attuazione delle informazioni.

DEMO

Familiarità con l'apertura

JQuery detto "per trovare il più rapido tasso comprende tutti gli oggetti sono stati 'styleswitch' elemento, e quando sono stati l'attuazione di una funzione di click del mouse."
Guarda bene. Quando il clic del mouse su pre-specificati elementi, switchStylestyle funzione sarà chiamata. Da ora in poi la messa a fuoco.

$ ( 'Link [@ rel *= stile]'). Ciascuno (funzione (i) (

Qual è il punto di questa frase »
JQuery trovato l'autore Giovanni dimissioni, al suo consiglio. Egli mi ha dato una diretta jQuery indirizzo del sito web le pagine all'interno di una serie di caratteristiche avanzate jQuery (XPath), può essere utilizzata per trovare e gestire una serie di elementi nelle pagine. Se avete letto queste cose e si può vedere che la frase sopra misterioso codice che è il significato di jQuery "Trova tutti gli attributi rel e con valori di proprietà contenute nella stringa 'stile' il link di collegamento elementi".