2009-06-13 6 views
5

मैं html5 की क्लाइंट-साइड डेटाबेस कार्यक्षमता का उपयोग करना शुरू करना चाहता हूं, लेकिन मुझे नहीं पता कि एक अच्छा परिचय/ट्यूटोरियल/कैसे करें। मैं वर्षों और वर्षों के लिए कोडिंग (एक्स) एचटीएमएल रहा हूं, इसलिए मुझे "<head> तत्व" परिचय के प्रकार में बहुत दिलचस्पी नहीं है; मैं सामान्य रूप से html5 में नया और विशेष रूप से क्लाइंट-साइड डीबी के बारे में जानना चाहता हूं। कोई सुझाव?क्लाइंट-साइड डेटाबेस ऐप्स के लिए html5 का उपयोग करने के तरीके के बारे में मैं कहां से जान सकता हूं?

+0

यदि आपको उत्तर उपयोगी लगता है तो कृपया इसे उत्तर के रूप में चिह्नित करें :) –

उत्तर

0
+0

(मुझे पता है कि इसका लक्ष्य हथेली वेब ओएस पर है, लेकिन ऐसा इसलिए है क्योंकि वे नवीनतम वेबकिट बिल्ड का उपयोग करते हैं जो HTML5 क्लाइंट साइड डीबी स्टोरेज का समर्थन करता है) –

+0

धन्यवाद। अजीब चीज, हालांकि: मैंने ऊपर दिए गए पहले लिंक को चेक किया है, और यह सफारी 4 या फ़ायरफ़ॉक्स 3 (मैक ओएस एक्स पर दोनों) में सही ढंग से प्रस्तुत नहीं करता है। ऐसा लगता है कि पाठ को 20px या तो बाएं स्थानांतरित किया गया है, और इसलिए खिड़की से बाहर। यह सिर्फ मैं हूँ? तीसरा लिंक वादा करता है; मैं शायद कल इसे और अधिक अच्छी तरह से देखूँगा। एक बार फिर धन्यवाद। –

3

एलेक्स, मैं कैसे में यह करने के लिए की एक विस्तृत विधि ने लिखा है: http://wecreategames.com/blog/?p=219 - स्रोत सहित डाउनलोड करने के लिए कोड। यहाँ कुछ स्निपेट है:

function picsInitDatabase() { 
    try { 
     if (!window.openDatabase) { 
      console.log('Databases are not supported in this browser'); 
     } else { 
      var shortName = 'picsGeoDB'; 
      var version = '1.0'; 
      var displayName = 'Pictures Geotagged database'; 
      var maxSize = 5000000; // in bytes 
      picsDB = openDatabase(shortName, version, displayName, maxSize); 
      console.log("Database is setup: "+picsDB); 
     } 
    } catch(e) { 
     // Error handling code goes here. 
     if (e == 2) { 
      // Version number mismatch. 
      console.log("Invalid database version."); 
     } else { 
      console.log("Unknown error "+e+"."); 
     } 
     return; 
    } 
} 

और यहाँ तालिका अद्यतन करने के लिए एक समारोह है:

function picsUpdateTables(dataID) { 
    picsDB.transaction(
     function (transaction) { 
      var p = data[dataID]; 
      transaction.executeSql("INSERT INTO geopictures (id, secret, server, farm, title, latitude, longitude, accuracy, datetaken, ownername) VALUES (?,?,?,?,?,?,?,?,?,?);", 
      [p.id, p.secret, p.server, p.farm, p.title, p.latitude, p.longitude, p.accuracy, p.datetaken, p.ownername]); 
      transaction.executeSql("INSERT INTO photodata (picid, encodedtext) VALUES (?, ?)", [p.id, serializeCanvasByID(p.id)]); 
     } 
    ); 
} 

कैसे एसक्यूएल का चयन करता है क्या करने के लिए के उदाहरण के लिए ब्लॉग पोस्ट देखें, और एक वीडियो कैसे पर यह परीक्षण करने के लिए दिखा कुछ ब्राउज़र

+0

डाउनलोड करने योग्य स्रोत कोड यह पूरी तरह से सार्थक बनाता है। अच्छा काम। –

संबंधित मुद्दे

 संबंधित मुद्दे