WP निर्माता कैलक्यूलेटर 3.0 - कैलकुलेटर का निर्माण

प्लगइन का एक नया संस्करण जारी किया गया है! संस्करण 3.5।



वर्डप्रेस के लिए प्लगइन का एक नया संस्करण जारी किया गया है, जो आपको लचीला कैलकुलेटर फॉर्म बनाने की अनुमति देता है।

प्रमुख परिवर्तन:

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

डेमो कैलकुलेटर

कैलकुलेटर का सिद्धांत:
फ़ील्ड 1 + (फ़ील्ड 3 * (फ़ील्ड 2 + फ़ील्ड 4))
सचमुच:
(id1 (फ़ील्ड के बाद का चरित्र)) (फ़ील्ड के बाद फ़ील्ड id3 वर्ण से पहले का चरित्र) (फ़ील्ड के बाद फ़ील्ड id2 वर्ण से पहले का चरित्र) (फ़ील्ड के बाद id4 वर्ण)

कैलकुलेटर मेनू का विश्लेषण:


पाठ ब्लॉक:


शीर्षक - पाठ जो ब्लॉक के ऊपर दिखाई देता है।
पाठ - कोई भी पाठ, HTML का उपयोग करना संभव है, जिससे कैलकुलेटर फॉर्म को किसी भी डिजाइन को स्वीकार करने की अनुमति मिलती है।
आप कोड [सत्र आईडी = "ID_CALC"] ID_ROW या योग कैल्क / / सत्र का उपयोग करके सीधे पाठ में $ _SESSION से मान भी आउटपुट कर सकते हैं। $ _SESSION अनुभाग में अधिक विवरण में सत्रों के बारे में।

सूची का चयन करें

शीर्षक - पाठ जो सूची के ऊपर दिखाई देता है।
इससे पहले के संकेत - यहां आपको अंकगणित का संकेत निर्दिष्ट करने की आवश्यकता है, जो ड्रॉप-डाउन सूची से पहले कार्रवाई सेट करेगा।
इसके बाद के संकेत - यहां आपको अंकगणित का संकेत निर्दिष्ट करने की आवश्यकता है, जो ड्रॉप-डाउन सूची के बाद कार्रवाई सेट करेगा।
सूची - एक ड्रॉप-डाउन सूची बनाने के लिए, आपको कुछ नियमों के अनुसार डेटा तैयार करना होगा। उदाहरण के लिए - [मूल्य]: नाम; [५००]: खिड़कियों की स्थापना; [०]: शून्य;

चेकबॉक्स


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

रेडियो बटन


शीर्षक - पाठ जो रेडियो बटन ब्लॉक के ऊपर दिखाई देता है
संकेत - यहां आपको अंकगणित संकेत निर्दिष्ट करने की आवश्यकता है, जो रेडियो बटन ब्लॉक के सामने कार्रवाई को सेट करेगा।
इसके बाद के संकेत - यहां आपको अंकगणित का संकेत निर्दिष्ट करने की आवश्यकता है, जो रेडियो बटन के ब्लॉक के बाद कार्रवाई सेट करेगा।
सूची - रेडियो बटन की एक सूची बनाने के लिए, आपको कुछ नियमों के अनुसार डेटा खींचने की आवश्यकता है! उदाहरण के लिए - [मूल्य]: नाम; [५००]: खिड़कियों की स्थापना; [०]: शून्य;
ps Checked को रेडियो की सूची में पहले बटन पर स्थापित किया गया है।

पाठ बॉक्स


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

छिपा हुआ क्षेत्र


संकेत - यहां आपको अंकगणित संकेत निर्दिष्ट करने की आवश्यकता है, जो छिपे हुए फ़ील्ड के सामने कार्रवाई सेट करेगा।
संकेत के बाद - यहां आपको अंकगणित संकेत निर्दिष्ट करने की आवश्यकता है, जो छिपे हुए क्षेत्र के बाद कार्रवाई सेट करेगा।
क्षेत्र मूल्य - क्षेत्र का मूल्य।

$ _SIONION फ़ील्ड


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

jQuery के क्षेत्र


यह फ़ील्ड उस डेटा को कॉपी करती है जिसे उपयोगकर्ता ने टेक्स्ट फ़ील्ड में दर्ज किया था। ईवेंट keyUp द्वारा। यह फ़ील्ड छिपी हुई है (इनपुट छिपा हुआ)।
इससे पहले के संकेत - यहां आपको अंकगणित संकेत को निर्दिष्ट करने की आवश्यकता है जो jQuery क्षेत्र से पहले कार्रवाई सेट करेगा।
साइन इन करें - यहाँ आपको अंकगणित संकेत निर्दिष्ट करने की आवश्यकता है जो jQuery फ़ील्ड के बाद कार्रवाई सेट करेगा।
डिफ़ॉल्ट मान - यदि क्षेत्र में कुछ भी संचालित नहीं है, तो उसे किस डिफ़ॉल्ट मान को सौंपा गया है। गणना में त्रुटियों से बचने के लिए गुणन और विभाजन के साथ सूत्रों का उपयोग करना चाहिए।
फ़ील्ड आईडी - डेटा कॉपी करने के लिए किस टेक्स्ट फ़ील्ड से।

डिजाइन अनुकूलन


आप तैयार-से-उपयोग कैलकुलेटर डिज़ाइन चुन सकते हैं
1. बिना डिजाइन - खाली सीएसएस
2. कंकाल - छवियों के बिना, लेकिन आदेशित ब्लॉकों के साथ
3. न्यूनतावाद - एक सरल डिजाइन जो किसी भी साइट लेआउट को फिट कर सकता है।
सभी विषय प्लगइन फ़ोल्डर / थीम में हैं
प्लगइन फ़ोल्डर में example.css फ़ाइल होती है, जिसमें कैलकुलेटर, मेल भेजने और विजेट के लिए सभी शैलियाँ होती हैं।

ईमेल सेटअप


लोकप्रिय मांग द्वारा कैलकुलेटर में नई सुविधा। अभी तक परीक्षण के स्तर पर।

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

भेजने से पहले डेटा फ़िल्टर करना:
त्रुटि: एक नाम दर्ज नहीं किया - यदि नाम रिक्त है तो प्रदर्शित त्रुटि
त्रुटि: लंबे नाम - प्रदर्शित त्रुटि यदि नाम 100 से अधिक वर्ण है
त्रुटि: ईमेल दर्ज नहीं किया गया - यदि आपने ईमेल दर्ज नहीं किया है तो प्रदर्शित त्रुटि
त्रुटि: अमान्य ईमेल - यदि आपने ईमेल दर्ज नहीं किया है तो त्रुटि दिखाई गई (मानक सत्यापन)
त्रुटि: अमान्य फ़ोन - प्रदर्शित त्रुटि यदि फ़ोन में अमान्य वर्ण हैं, तो वैध - (संख्या, स्थान, डैश, कोष्ठक)
त्रुटि: लंबे फोन - प्रदर्शित त्रुटि यदि फोन 35 वर्णों से अधिक है
त्रुटि: लंबी टिप्पणी - प्रदर्शित त्रुटि अगर टिप्पणी 2500 वर्णों से अधिक है

कैलकुलेटर सेटिंग्स (कुछ क्षेत्रों को छोड़कर प्रत्येक कैलकुलेटर के लिए अलग-अलग)


गणना बटन का नाम - गणना बटन के मूल्य में डेटा पाठ की आपूर्ति की जाती है
राशि से पहले पाठ - गणना राशि से पहले प्रदर्शित पाठ
राशि के बाद पाठ - गणना राशि के बाद प्रदर्शित पाठ
AJAX कैलकुलेटर सक्षम करें? - पन्नों को फिर से लोड किए बिना गणना करना संभव बनाता है
फ़ॉर्म की कार्रवाई - उस पृष्ठ का पता जहां उपयोगकर्ता गणना बटन पर क्लिक करने के बाद पुनर्निर्देशित किया जाएगा
फॉर्म में चयनित डेटा को याद रखें - आपको गणना बटन दबाने के बाद फॉर्म में उपयोगकर्ता द्वारा दर्ज या चयनित डेटा को याद रखने की अनुमति देता है

कनेक्ट jQuery - यह सेटिंग सभी कैलकुलेटर पर लागू होती है, यदि आपने अभी भी साइट पर जेक्वरी लाइब्रेरी को कनेक्ट नहीं किया है, तो इस विकल्प को हां के रूप में चुनें। डिफ़ॉल्ट रूप से सक्षम। कनेक्शन init के माध्यम से wp_enqueue_script ("jquery") फ़ंक्शन का उपयोग करके बनाया जाता है
$ _SESSION शुरू करें - यह सेटिंग सभी कैलकुलेटर पर लागू होती है; यदि सत्र आपकी साइट पर नहीं चल रहे हैं, तो यह फ़ंक्शन session_start () फ़ंक्शन से शुरू होता है; कार्रवाई init के माध्यम से।

मेनू के एक ही खंड में, आप कैलकुलेटर और उसके सभी क्षेत्रों को स्थायी रूप से हटा सकते हैं

कैलकुलेटर के पैराग्राफ:
ऊपरी क्षेत्र मेनू से चयनित सेटिंग्स प्रदर्शित करता है।

पैराग्राफ फ़ील्ड जोड़ा गया:


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

पैरा टेक्स्ट फॉर्मूला:


पहले और बाद में जोड़े गए क्षेत्रों की आईडी और उनके अंकगणितीय मान प्रदर्शित करता है।
यह पैराग्राफ आपके सूत्र में त्रुटियों को ढूंढना आसान बनाता है।

अनुच्छेद पूर्वावलोकन कैलकुलेटर:


आपके द्वारा बनाए गए कैलकुलेटर के रूप को प्रदर्शित करता है।
इस खंड में भी, यदि AJAX गणना फ़ंक्शन सक्षम नहीं है, तो $ _SESSION डेटा और कुंजी (सॉर्टिंग) द्वारा क्रमबद्ध सरणी प्रदर्शित की जाती है, जो गणना के लिए एक कैलकुलेटर प्राप्त करता है और डेटा को eval () में प्रतिस्थापित करता है;

सीएसएस संरचना

/* ID-calc -   ID-row -   */ /* Calculator Class */ /* wpcc, wpcc_ID-calc */ .wpcc {} /* wpcc_form, wpcc_ID-calc */ .wpcc_form {} /* wpcc_description, wpcc_description_ID-row */ .wpcc_description {} /* wpcc_text, wpcc_text_ID-row */ .wpcc_text {} /* wpcc_select, wpcc_select_ID-row */ .wpcc_select {} /* wpcc_checkbox, wpcc_checkbox_ID-row */ .wpcc_checkbox {} /* wpcc_radio, wpcc_radio_ID-row */ .wpcc_radio {} /* wpcc_inputtext, wpcc_inputtext_ID-row */ .wpcc_inputtext {} /* wpcc_submit, wpcc_submit_ID-calc */ .wpcc_submit {} /* wpcc_result_block, wpcc_result_block_ID-calc */ .wpcc_result_block {} /* wpcc_result, wpcc_result_ID-calc */ .wpcc_result {} /* Mail Class */ /* wpcc_mail_info, wpcc_mail_info_ID-calc */ .wpcc_mail_info {} /* wpcc_mail, wpcc_mail_ID-calc */ .wpcc_mail {} /* wpcc_mail_form, wpcc_mail_form_ID-calc */ .wpcc_mail_form {} /* wpcc_mail_sum, wpcc_mail_sum_ID-calc */ .wpcc_mail_sum {} /* wpcc_mail_text */ .wpcc_mail_text {} /* wpcc_mail_row */ .wpcc_mail_row {} /* wpcc_mail_author */ .wpcc_mail_author {} /* wpcc_mail_email */ .wpcc_mail_email {} /* wpcc_mail_phone */ .wpcc_mail_phone {} /* wpcc_mail_textarea */ .wpcc_mail_textarea {} /* wpcc_mail_send */ .wpcc_mail_send {} /* Widget class */ .wpcc_widget {}, .wpcc_widget_ID-calc {} 

HTML संरचना

 <!-- calculator --> <div class="wpcc wpcc_1"> <form method="POST" action="" class="wpcc_form_1"> <div class="wpcc_description wpcc_description_2">  </div> <div class="wpcc_text wpcc_text_2">   ,      </div> <div class="wpcc_description wpcc_description_3"> </div> <select name="wpcc_structure[3]" class="wpcc_select wpcc_select_3"> <option value="100" selected>title1</option> <option value="200">title2</option> <option value="300">title3</option> <option value="400">title4</option> </select> <div class="wpcc_description wpcc_description_4"></div> <input type="checkbox" name="wpcc_structure[4]" value="100" class="wpcc_checkbox wpcc_checkbox_4" > <div class="wpcc_description wpcc_description_5"></div> <label><input type="radio" name="wpcc_structure[5]" value="100" class="wpcc_radio wpcc_radio_5" checked> title1</label> <label><input type="radio" name="wpcc_structure[5]" value="200" class="wpcc_radio wpcc_radio_5" > title2</label> <div class="wpcc_description wpcc_description_6"> </div> <input type="text" name="wpcc_structure_inputtext[6]" value="100" class="wpcc_inputtext wpcc_inputtext_6" id="wpcc_jq_6"> <input type="hidden" name="wpcc_structure[7]" value="500"> <input type="hidden" name="wpcc_structure[8]" value=""> <script>jQuery(document).ready(function( $ ) { $("#wpcc_jq_6").keyup(function(){ $("#wpcc_jq_get_9").val($(this).val()); }); });</script> <input type="hidden" id="wpcc_jq_get_9" name="wpcc_structure[9]" value=""> <input type="hidden" name="wpcc_structure_id" value="3,4,5,7,8,9"> <input type="submit" value="" name="wpcc_calculate" class="wpcc_submit wpcc_submit_1"> </form> <div class="wpcc_result_block wpcc_result_block_1"> <div class="wpcc_result wpcc_result_1">: 1006 .</div> </div> </div> <!-- mail --> <div class="wpcc_mail_info wpcc_mail_info_1" style="display:none;"></div> <div class="wpcc_mail wpcc_mail_1"> <form method="post" action="#wpcc_mail_ancor_1" class="wpcc_mail_form wpcc_mail_form_1"> <div class="wpcc_mail_sum">: 23255 .</div> <div class="wpcc_mail_text">  ?</div> <div class="wpcc_mail_row"><b>   </b><input type="text" name="mail_author" class="wpcc_mail_author" value=""></div> <div class="wpcc_mail_row"><b> E-Mail</b><input type="text" name="mail_email" class="wpcc_mail_email" value=""></div> <div class="wpcc_mail_row"><b> </b><input type="text" name="mail_phone" class="wpcc_mail_phone" value=""></div> <div class="wpcc_mail_row"><b> </b><textarea name="mail_text" class="wpcc_mail_textarea" maxlength="2500"></textarea></div> <input type="hidden" name="wpcc_mail_sum" value="23255"> <input type="hidden" name="wpcc_mail_send_id" value="1"> <input type="submit" name="wpcc_mail_send" class="wpcc_mail_send wpcc_mail_send_1" value=""> </form> </div> /* Widget */ <div class="wpcc_widget wpcc_widget_1"> <!-- HTML  --> </div> 

किसी साइट पर कैलकुलेटर कैसे डालें
अपनी थीम फ़ाइलों के लिए कोड:

 echo do_shortcode('[wpcc id="X"]'); 

पृष्ठों और पदों के लिए शोर्ट: [wpcc id = "X"]
जहां X प्रदर्शित करने के लिए कैलकुलेटर की आईडी है।

$ _SESSION संरचना
प्रत्येक गणना से पहले, वर्तमान कैलकुलेटर का $ _SESSION हटा दिया जाता है - परेशान ($ _ सत्र ['wcccc _'। $ Wpcc_id]);

 Array ( [wpcc_1] => Array // wpcc_ID  ( [3] => 100 // 3 - id  [5] => 100 [7] => 100 [8] => 22509 [9] => 1 [4] => 100 [6] => 123 // ,       [6_sum] => 223 //    [sum] => 23133 //    ) ) 

सरणी संरचना

 Array ( [1] => 100+ // 1 ID , 100  +    [3] => 100+ [4] => 100+ [5] => (123+100)+ //  , 123 ,   , (+)   , 100   [6] => 100+ [7] => 23255+ [8] => 123 ) 

स्थापना:
1. प्लगइन डाउनलोड करें - wordpress.org/extend/plugins/wp-creator-calculator
2. अपनी साइट के प्लग इन फ़ोल्डर में wp-content / plugins / अपलोड करें
3. प्लगइन को सक्रिय करें
4. प्रशासनिक पैनल के बाएं मेनू में, WPCC का चयन करें
5. अपना कैलकुलेटर बनाएं और कस्टमाइज़ करें।

प्लगइन का एक नया संस्करण जारी किया गया है! संस्करण 3.5।