Eric @ EricBess WebHome

Target

Menggunakan AJAX (atau TERIMA KASIH) teknologi yang dirancang halaman, tanpa meninggalkan pengunjung akan dapat melihat ke dalam (x) HTML halaman editorial konten.

Program

Klik pada perlu mengedit teks, mengganti dengan tombol yang membatalkan dan menyimpan textarea. Perubahan bagian dari TERIMA KASIH akan dikirim ke server-file script PHP samping untuk memperbarui database (MySQL atau kertas biasa).

Demonstrasi

AJAX-gaya-klik untuk mengubah-demonstrasi
Dalam demonstrasi pertama ini, saya yang digunakan untuk id "editinplace" yang elemen span. Ketika mouse di sini, latar belakang akan cahaya warna kuning. Klik pada teks beberapa dari DOM akan memulai operasi, span unsur telah digantikan oleh elemen textarea - yang terdapat dalam teks asli.
Klik tombol Simpan untuk server-side script PHP untuk mengirim dokumen HTML baru, dan re-ekspor baru menerima teks (oleh $ _POST).
Dalam dunia nyata-lingkungan, Anda juga harus menambahkan pengujian keselamatan sebelum mereka dapat memperbarui database dan kembalikan diperbarui halaman konten, kolega informasi keberhasilan pelaksanaan jQuery.

DEMO

Yang akrab membuka

Kirim jQuery "secepat mungkin untuk menemukan obyek yang berisi semua 'styleswitch' elemen, dan mereka di saat mouse klik fungsi."
Terlihat baik. Ketika mouse klik di muka dari elemen yang ditentukan, switchStylestyle fungsi akan dipanggil. Mulai sekarang, fokusnya adalah.

$ ( 'Link [@ rel *= gaya]'). Masing-masing (fungsi (i) (

Apa arti kata ini?
JQuery untuk menemukan penulis Yohanes Resig, kepada nasihat. Dia memberi saya langsung jQuery alamat web dari halaman, yang pada sejumlah fitur canggih jQuery (xpath), dapat digunakan untuk menemukan dan beroperasi sejumlah elemen halaman. Jika Anda membaca hal ini anda akan bisa memahami kode misterius frase di atas, yang artinya adalah untuk memberitahu jQuery "untuk menemukan rel dengan semua atribut dan nilai atribut disertakan dalam string 'gaya' link elemen link."