एरिक @ EricBess WebHome

लक्ष्य

, ने आगंतुकों को (x) HTML पृष्ठ संपादकीय सामग्री में देखने के लिए सक्षम होंगे छोड़ने के बिना पेज डिज़ाइन (या AHAH) प्रौद्योगिकी एक AJAX का उपयोग करना.

कार्यक्रम

की आवश्यकता का पाठ संपादित करने के लिए पर क्लिक करें, एक रद्द करें बटन के साथ बदलती है और Textarea बचा. इस AHAH के भाग में संशोधन करने के लिए एक सर्वर साइड करने के लिए भेजा जाएगा php लिपि (MySQL या साधारण कागज) डाटाबेस को अद्यतन करने के लिए फ़ाइल.

प्रदर्शन

AJAX शैली क्लिक से बदल प्रदर्शन
यह पहला प्रदर्शन में, मैं "editinplace" इस div तत्व के लिए एक id का इस्तेमाल किया. जब यहाँ भर के लिए माउस, पृष्ठभूमि का रंग हल्का पीला हो जाएगा. कुछ DOM के पाठ पर क्लिक करें, div तत्वों एक Textarea तत्वों द्वारा प्रतिस्थापित किया गया है - मूल पाठ में निहित आपरेशन शुरू कर देंगे.
सर्वर साइड करने के लिए क्लिक करें सहेजें बटन php लिपियों, और फिर से निर्यात एक नए HTML दस्तावेज भेजने के लिए एक नया पाठ (द्वारा $ _POST) प्राप्त किया.
इससे पहले कि वे डाटाबेस को अद्यतन करने के लिए और नवीनीकृत पृष्ठ की सामग्री बदले में सक्षम होते हैं वास्तविक दुनिया के वातावरण में, आप भी एक सुरक्षा का परीक्षण जोड़ने चाहिए, सहयोगियों jQuery के सफल कार्यान्वयन की जानकारी दी.

डेमो

इस परिचित खोलने

"उपवास के रूप में है कि तत्वों styleswitch 'सभी' का contains वस्तु खोजने के लिए संभव रूप में jQuery बताओ, और वे में थे जब एक माउस क्लिक कार्य करता है."
अच्छा लग रहा है. जब निर्दिष्ट तत्व के अग्रिम में माउस क्लिकों, switchStylestyle समारोह में कहा जाएगा. अब से, को ध्यान केन्द्रित है.

$ ( 'लिंक [rel *= शैली @]'). प्रत्येक (समारोह (i) (

इन शब्दों का क्या मतलब है?
JQuery, उनकी सलाह के लिए जॉन Resig के लेखक खोजने के लिए. उसने मुझे इस पृष्ठ की जिस पर jQuery उन्नत सुविधाओं (xpath), के एक नंबर ढूँढने के लिए और काम पृष्ठ के तत्वों का एक नंबर का उपयोग किया जा सकता है वेबसाइट के पते, एक प्रत्यक्ष jQuery दिया था. यदि आप ऊपर दी गई "सभी rel विशेषता मूल्यों और विशेषताओं के साथ खोजने के लिए jQuery बताने के लिए मतलब के रहस्यमय ढंग से कोड वाक्यांश को समझने में सक्षम होंगे इन बातों को पढ़ने के स्ट्रिंग 'में शामिल की कड़ी की शैली' लिंक तत्वों."