जेएसफ़िल्ड: बहु-जेएस/सीएसएस/एचटीएमएल फाइल प्रोजेक्ट कैसे बनाएं?

Question

क्या JSFiddle.net पर एकाधिक HTML, CSS, JS फ़ाइलों के साथ एक गंभीर HTML/CSS/JS प्रोजेक्ट बनाने का कोई तरीका है? यदि हां, तो यह कैसे करें?

---

मैं HTML/CSS/JS पर आधारित एक मूल मोबाइल ऐप्स बनाना चाहता हूं, लगभग एक दर्जन HTML/CSS/JS फ़ाइलें। मैं इसे JSfiddle, मेरे पसंदीदा Online JavaScript IDE पर विकसित करना चाहता हूं। लेकिन JSfiddle.net परियोजनाओं का परीक्षण करने के लिए एक साफ रास्ता तक ही सीमित रहता है, जबकि: (व्यक्तिगत)

1 सीएसएस फ़ाइल (व्यक्तिगत)

1 जे एस फ़ाइल (व्यक्तिगत)

कई बाहरी

• 1 html फ़ाइल संसाधन (सीएसएस, जेएस libs, डेटा) जो आपको एक और webhosting का अनुरोध है।

1 HTML/1JS/1CSS/someDataFiles के लिए आधिकारिक दस्तावेज़ suggesting Github hosting संतोषजनक नहीं है। मैं जेएसएफडल पर और मेरी परियोजना में और अधिक फाइलों की कामना करता हूं।

Answer 1

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

1. आप केवल 1 HTML एकाधिक पेज टेम्पलेट का परीक्षण कर सकते हैं। लेकिन jQuery मोबाइल ढांचे के मामले में यह पर्याप्त होगा, क्योंकि आप 1 एचटीएमएल फाइल के अंदर कई जेक्यूएम पेज रख सकते हैं। http://jsfiddle.net/Gajotres/yWTG2/

2. आप सामान्य पर्चे को जमा करने का उपयोग नहीं कर सकते: उदाहरण के लिए

   , यह मेरा jsFiddle टेम्पलेट को इस समूह में मदद कर रहा है। इसके बजाय आपको फॉर्म डेटा को कम करने के लिए AJAX का उपयोग करना चाहिए।

   मेरे अन्य जवाब में आप ajax पर्चे को जमा करने के लिए और कैसे पेज संक्रमण के दौरान मानकों भेजने के लिए के लिए समाधान पा सकते हैं:

   var ajax = { 
       sendRequest:function(save_data){ 
        $.ajax({url: 'http://localhost/JSONP_Tutorial/json.php', 
         data: save_data, 
         async: true, 
         beforeSend: function() { 
          // This callback function will trigger before data is sent 
          $.mobile.showPageLoadingMsg(true); // This will show ajax spinner 
         }, 
         complete: function() { 
          // This callback function will trigger on data sent/received complete 
          $.mobile.hidePageLoadingMsg(); // This will hide ajax spinner 
         }, 
         success: function (result) { 
          if(result == "true") { 
           $.mobile.changePage("#index", { transition: "slide"}); // In case result is true change page to Index 
          } else { 
           alert('Login unsuccessful, please try again!'); // In case result is false throw an error 
          } 
          // This callback function will trigger on successful action 
         }, 
         error: function (request,error) { 
          // This callback function will trigger on unsuccessful action     
          alert('Network error has occurred please try again!'); 
         } 
        }); 
       } 
   } 
   

3. : jQuery Mobile: Sending data from one page to the another

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

4. यदि आप इस उदाहरण में पूर्ण HTML टेम्पलेट का उपयोग करना चाहते हैं तो: http://jsfiddle.net/Gajotres/yWTG2/ आपको अपने पहले से ही स्थिति में अपने जावास्क्रिप्ट कोड का उपयोग करने की आवश्यकता होगी।

5. कुछ कार्यक्षमताएं काम नहीं करने जा रही हैं। Window.orientationchange घटना की तरह।