क्या समस्या है?

क्या आपके पास कभी ऐसे मामले आए हैं जब एक उबाऊ रूप में लंबे समय तक भरने के दौरान या एक शानदार और उत्साही टिप्पणी लिखने के दौरान * अचानक * ब्राउज़र क्रैश हो गया? या क्या आपने उस टैब को बंद कर दिया है जिसमें आप काम कर रहे हैं, या बिजली बंद कर दी गई थी (और यूपीएस, प्रसिद्ध कानून के अनुसार, नहीं है)? यदि नहीं, तो आप भाग्यशाली हैं, लेकिन किसी के पास ऐसी घटनाओं के खिलाफ बीमा नहीं है।

एक उपयोगकर्ता द्वारा अनुभव की गई भावनाओं की एक तूफान की कल्पना करें, जो अभी दर्ज किए गए सभी डेटा खो चुके हैं - और आखिरकार थोड़ा प्रिंट था और फॉर्म सबमिट करें। अब, यदि केवल इस डेटा को पुनर्स्थापित करने का एक तरीका था, और Sisyphean श्रम में संलग्न नहीं ...


यह वैसे भी लागू होता है, यहां तक ​​कि फ़ोरम पर पोस्ट लिखने और हैबर पर लेख। समय-समय पर संरक्षण के साथ पाठ फ़ाइलों में लंबे ग्रंथों को टाइप करने का अभ्यास काफी सामान्य है, और संसाधन के बाद की कॉपी-पेस्ट। आप नियमित रूप से ड्राफ्ट सहेज सकते हैं, लेकिन सभी मंचों में यह सुविधा नहीं है, और यह करने के लिए बहुत सुविधाजनक नहीं है। Google ऑटोसैविंग ड्राफ्ट में सबसे अच्छा है - अपने आप को लिखें, सभी जानकारी सहेज ली गई है और आपको बटन दबाए जाने की आवश्यकता नहीं है।

क्या करें?

Google की तरह ड्राफ्ट के संरक्षण को लागू करना एक अधिक कठिन कार्य है और एक सार्वभौमिक तरीका नहीं है। मैं चाहता था कि समाधान सरल और पुन: प्रयोज्य हो, जो इस मामले में सर्वर साइड पर जादू टोना को समाप्त करता है।

नतीजतन, एक साधारण सीटी लिखी गई थी जो स्थानीय संग्रहण ब्राउज़र में फ़ॉर्म में दर्ज किए गए डेटा को संग्रहीत करने में सक्षम थी और जब उसी पृष्ठ (क्वेरी परमेस) को फिर से लोड किया जाता है तो फ़ॉर्म भरें। स्थानीय संग्रहण में किसी विशिष्ट फ़ॉर्म का डेटा भेजा या रीसेट होने पर साफ़ हो जाता है।

कैसे करें इस्तेमाल?

प्लगइन का केवल एक उद्देश्य है, इसलिए, इसका उपयोग करना काफी सरल है: आपको केवल उन रूपों का चयन करने की आवश्यकता है जिनके डेटा को हम सहेजना और पुनर्स्थापित करना चाहते हैं।

//      form1  form2 $('#form1, #form2').sisyphus(); //       $('form').sisyphus(); 

अपडेट:
स्थानीय संग्रहण में संग्रहीत की जाने वाली कुंजियों के लिए अतिरिक्त उपसर्ग सेट करने की क्षमता जोड़ा गया; पाठ फ़ील्ड डेटा (इनपुट: टेक्स्ट और टेक्स्टारिया) को सहेजने के लिए समय-आउट, फॉर्म डेटा को सहेजने, पुनर्स्थापित करने और रीसेट करने के लिए कॉलबैक।
डिफ़ॉल्ट पैरामीटर:

 { customKeyPrefix: '', timeout: 0, //  ,  0 -     onSaveCallback: function() {}, onRestoreCallback: function() {}, onReleaseDataCallback: function() {} } 

प्रत्येक 5 सेकंड में टेक्स्ट फ़ील्ड सहेजें (चुनिंदा / रेडियो बटन / चेकबॉक्स अभी भी हर परिवर्तन के साथ सहेजे गए हैं):

 $('form').sisyphus({timeout: 5}); 

अपडेट 2:
IE 8+ के लिए जोड़ा गया समर्थन।

डेमो स्रोत ।