💿 🕴️ ♦️ विंडोज 7 के लिए ड्रॉपबॉक्स के माध्यम से DIY साइडबार गैजेट स्टिकी नोट्स सिंक के साथ 🌼 🍨 👴🏻

बहुत लंबे समय से मैं कंप्यूटर पर महत्वपूर्ण जानकारी संग्रहीत करने के लिए एक छोटी नोटबुक की तलाश कर रहा था जो मेरे डेस्कटॉप पर काम और घर पर होगी। विंडोज 7 में स्टिकी नोट्स नामक एक विशेष कार्यक्रम भी है, यह सभी के लिए अच्छा है, लेकिन इसके तीन महत्वपूर्ण (मेरे लिए) उपयोग हैं:

इसमें कई कंप्यूटरों के साथ अंतर्निहित सिंक्रनाइज़ेशन नहीं है (अधिक सटीक रूप से, आप इसे एक ही ड्रॉपबॉक्स के माध्यम से कर सकते हैं, लेकिन एक टैम्बोरिन के साथ);
यह खुली खिड़कियों की सूची में टास्कबार में लगातार लटका रहता है;
जब आप Ctrl + D दबाते हैं (सभी विंडो को कम से कम), यह किसी भी अन्य विंडो की तरह ढह जाता है। जो बहुत सुविधाजनक नहीं है।

नेट पर एवरनोट स्टिकी नोट्स भी मिले। इसमें कमियों के अंतिम दो बिंदु भी हैं, लेकिन एवरनोट खाते के माध्यम से सिंक्रनाइज़ेशन की अनुमति देता है। लंबे समय तक उपयोग नहीं करने के बाद, मैंने इसे छोड़ने का फैसला किया।
तो क्या करें?

सबसे पहले, मैं आपको दिखाता हूं कि अंत में क्या हुआ। और मैं मुख्य विशेषताओं का वर्णन करूंगा, फिर यह सब कैसे किया गया।

गैजेट की उपस्थिति:	और यहाँ सेटिंग्स पेज है:

मुख्य विशेषताएं:

विंडोज 7 के साइडबार के लिए गैजेट के रूप में बनाए गए नोट्स;
कई कंप्यूटरों के बीच ड्रॉपबॉक्स के माध्यम से संग्रहीत डेटा का सिंक्रनाइज़ेशन;
नोट, फ़ॉन्ट, फ़ॉन्ट आकार का रंग बदलने की क्षमता;
माउस का उपयोग करके नोट्स का आकार बदलना;

गैजेट कार्यान्वयन

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

System.Environment.getEnvironmentVariable("USERPROFILE") + "\\DropBox\\"

गैजेट ऑपरेशन एल्गोरिथम

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

गैजेट कार्यान्वयन

गैजेट अनिवार्य रूप से एक ज़िप आर्काइव है (हालाँकि .gadget एक्सटेंशन के साथ बदल गया है) एक गैजेट के अंदर (गैजेट.xml फ़ाइल) और गैजेट के लिए फ़ाइलें (HTML फ़ाइलें, जावास्क्रिप्ट स्क्रिप्ट, गैजेट के लिए छवियां, सीएसएस) फ़ाइलें)। प्रकट में गैजेट के बारे में जानकारी होती है और किस फ़ाइल को प्रदर्शित करने की आवश्यकता होती है।

gadget.xml

 <?xml version="1.0" encoding="utf-8" ?> <gadget> <name>DropBox </name> <namespace>microsoft.windows</namespace> <version>1.0</version> <author name=" "> <info url="http://sys1c.ru" /> <logo src="Images/icon.png" /> </author> <copyright>© 2012</copyright> <description>    ,    DropBox.</description> <icons> <icon src="Images/icon.png" /> </icons> <hosts> <host name="sidebar"> <base type="HTML" apiVersion="1.0.0" src="main.html" /> <permissions>Full</permissions> <platform minPlatformVersion="1.0" /> </host> </hosts> </gadget>

यहाँ हम गैजेट की सूची में क्या प्राप्त करते हैं:

गैजेट कोर फाइलें

गैजेट के स्रोत कोड को देखने के लिए, बस ".gadget" से ".zip" तक एक्सटेंशन बदलें और इसे किसी भी संग्रहकर्ता के साथ अनज़िप करें।
यहां मुख्य HTML दस्तावेज़ है जो सभी काम करता है।

main.html

 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Unicode" /> <title>DropBox </title> <style type="text/css"> body { margin: 0; } #textBox { border: none; position: absolute; font-size: 9pt; font-family: Segoe Print, Segoe Script, Segoe UI; background: clear; overflow: auto; } #erase_btn { position: absolute; left: 2px; bottom: 2px; width: 16px; height: 16px; border: none; z-index: 3; border-width: 0; } </style> <script type="text/javascript" src="main.js"></script> </head> <body unselectable="on" scroll="no" onload="initializeMain()"> <g:background id="backgroundObject" style="position:absolute;z-index:-1"/> <textarea id="textBox" onkeyup="OnTextChanged()" style="left:0px;top:0px;padding:15px 15px 15px 15px;"></textarea> <img id="rightGrippie" src="Images/grippie.png" style="position:absolute;right:6px; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);"/> <img id="bottomGrippie" src="Images/grippie.png" style="position:absolute;bottom:6px;"/> <div onmousedown="resizeTimer(handleRight)" id="handleRight" style="width:16px;height:190px;position:absolute;right:0px;top:0px;cursor:e-resize;z-index:2;"> <img src="Images/spacer.gif" style="width:100%; height:100%"/> </div> <div onmousedown="resizeTimer(handleBottom)" id="handleBottom" style="position:absolute;height:16px;left:0px;bottom:0px;cursor:s-resize;margin:0pxz-index:2;"> <img src="Images/spacer.gif" style="width:100%; height:100%"/> </div> <div onmousedown="resizeTimer(handleCorner)" id="handleCorner" style="width:17px;height:17px;position:absolute;right:0px;bottom:0px;cursor:se-resize;z-index:2;"> <img src="Images/icon_resize.gif" style="width:16px; height:16px; z-index:3;"/> </div> <span onclick="eraseText()" tabindex="1"><img id="erase_btn" src="Images/erase_btn.png" title="" /></span> </body> </html>

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

main.js

 var width, height; //     var textFileName; //      var fs; //  FileSystemObject var timer, timerInterval; //           var dateLastMod; //     var startWidth, startHeight; //      var basey, basex; //  //   function initializeMain() { //    System.Gadget.settingsUI = "settings.html"; System.Gadget.onSettingsClosed = updateSettings; fs = new ActiveXObject("Scripting.FileSystemObject"); //       LoadTextFile(); updateSettings(); updateDisplay(); //      timer = setInterval(checkText, updateinterval * 1000 * 60); //    } //    Base64 function base64_decode (data) { var b64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; var o1, o2, o3, h1, h2, h3, h4, bits, i = 0, ac = 0, dec = "", tmp_arr = []; if (!data) { return data; } data += ''; do { // unpack four hexets into three octets using index points in b64 h1 = b64.indexOf(data.charAt(i++)); h2 = b64.indexOf(data.charAt(i++)); h3 = b64.indexOf(data.charAt(i++)); h4 = b64.indexOf(data.charAt(i++)); bits = h1 << 18 | h2 << 12 | h3 << 6 | h4; o1 = bits >> 16 & 0xff; o2 = bits >> 8 & 0xff; o3 = bits & 0xff; if (h3 == 64) { tmp_arr[ac++] = String.fromCharCode(o1); } else if (h4 == 64) { tmp_arr[ac++] = String.fromCharCode(o1, o2); } else { tmp_arr[ac++] = String.fromCharCode(o1, o2, o3); } } while (i < data.length); dec = tmp_arr.join(''); return dec; } //       function LoadTextFile() { //     (    ) var text = ""; textFileName = System.Gadget.Settings.read("textfilename"); if (textFileName){ if (fs.FileExists(textFileName)){ var f = fs.OpenTextFile(textFileName, 1, true, -1); if (!f.AtEndOfStream) text = f.ReadAll(); f.Close(); } else { var f = fs.CreateTextFile(textFileName, true, true); f.Close(); } } else { try { //     host.db  DropBox var dbPath = System.Environment.getEnvironmentVariable("APPDATA"); var fconfig = fs.OpenTextFile(dbPath + "\\Dropbox\\host.db", 1, false, 0); var s = fconfig.ReadLine(); var folderPath = base64_decode(fconfig.ReadLine()); } catch(e) { //       ,       var folderPath = System.Environment.getEnvironmentVariable("USERPROFILE") + "\\Dropbox"; } textFileName = folderPath + "\\Tasks.txt"; if (fs.FileExists(textFileName)){ var f = fs.OpenTextFile(textFileName, 1, true, -1); if (!f.AtEndOfStream) text = f.ReadAll(); f.Close(); } else { var f = fs.CreateTextFile(textFileName, true, true); f.Close(); } } //      dateLastMod = fs.GetFile(textFileName).dateLastModified; //     if (text) textBox.value = text; else textBox.value = ""; } //         ,      function checkText() { var f = fs.GetFile(textFileName); if (f.dateLastModified != dateLastMod){ //    dateLastMod = f.dateLastModified; var fi = fs.OpenTextFile(textFileName, 1, true, -1); if (!f.AtEndOfStream) textBox.value = fi.ReadAll(); fi.Close(); } } //   function updateSettings() { var Color = System.Gadget.Settings.read("backgroundColor"); if (Color) textBox.style.backgroundColor = Color; else textBox.style.backgroundColor = "FFFFB9"; var fontname = System.Gadget.Settings.read("fontname"); if (fontname) textBox.style.fontFamily = fontname; else textBox.style.fontFamily = "Segoe UI"; var fontsize = System.Gadget.Settings.read("fontsize"); if (fontsize) textBox.style.fontSize = fontsize + "pt"; else { fontsize = "10" textBox.style.fontSize = "10pt"; } var tempWidth = System.Gadget.Settings.read("width"); if (tempWidth) width = tempWidth; else width = "200"; var tempHeight = System.Gadget.Settings.read("height"); if (tempHeight) height = tempHeight; else height = "200"; var tempupdateinterval = System.Gadget.Settings.read("updateinterval"); if (tempupdateinterval) updateinterval = tempupdateinterval; else updateinterval = 1; var tempFileName = System.Gadget.Settings.read("textfilename"); if (tempFileName) textFileName = tempFileName; LoadTextFile(); //      document.body.style.backgroundColor = textBox.style.backgroundColor; document.body.style.scrollbarFaceColor = textBox.style.backgroundColor; document.body.style.scrollbarFaceColor = textBox.style.backgroundColor; document.body.style.scrollbarTrackColor = textBox.style.backgroundColor; document.body.style.scrollbarShadowColor = textBox.style.backgroundColor; document.body.style.scrollbarHighlightColor = textBox.style.backgroundColor; document.body.style.scrollbar3dlightColor = textBox.style.backgroundColor; document.body.style.scrollbarDarkshadowColor = textBox.style.backgroundColor; //   System.Gadget.Settings.write("backgroundColor", textBox.style.backgroundColor); System.Gadget.Settings.write("fontname", textBox.style.fontFamily); System.Gadget.Settings.write("fontsize", fontsize); System.Gadget.Settings.write("width", width); System.Gadget.Settings.write("height", height); System.Gadget.Settings.write("textfilename", textFileName); System.Gadget.Settings.write("updateinterval", updateinterval); } //      function OnTextChanged() { var f = fs.CreateTextFile(textFileName, true, true); f.Write(textBox.value); f.Close(); } //   function eraseText() { textBox.value = ""; OnTextChanged(); } //  function updateDisplay() { document.body.style.height = height; document.body.style.width = width; textBox.style.width = width - 16; handleBottom.style.width = width - 18; textBox.style.height = height - 16; handleRight.style.height = height - 18; rightGrippie.style.top = Math.floor(height / 2 - 13); bottomGrippie.style.left = Math.floor(width / 2 - 13); } //    function resizeTimer(field) { field.setCapture(); startWidth = parseInt(document.body.style.width); startHeight = parseInt(document.body.style.height); basey = event.y; basex = event.x; field.onmousemove = function () { doResize(field); } field.onmouseup = function () { field.releaseCapture(); field.onmousemove = null; field.onmouseup = null; doResize(field); System.Gadget.Settings.write("width", width); System.Gadget.Settings.write("height", height); } } function doResize(field) { if (field == handleRight || field == handleCorner) { width = startWidth + event.x - basex; width = width < 40 ? 40 : width; } if (field == handleBottom || field == handleCorner) { height = startHeight + event.y - basey; height = height < 40 ? 40 : height; } updateDisplay(); }

गैजेट कैसे स्थापित करें

चेतावनी! गैजेट के लिए काम करने के लिए ड्रॉपबॉक्स स्थापित है। इसके अलावा, सिंक्रनाइज़ किए गए फ़ोल्डर का पथ अधिष्ठापन के दौरान ड्रॉपबॉक्स ऑफ़र के समान होना चाहिए! यदि अचानक ऐसा नहीं है, तो यह ठीक है, आप गैजेट स्थापित कर सकते हैं, सेटिंग्स खोल सकते हैं और मैन्युअल रूप से उस फ़ाइल का पथ निर्दिष्ट कर सकते हैं जिसमें हमारे नोट का पाठ संग्रहीत किया जाएगा।
गैजेट डाउनलोड करें ( लेख के अंत में ) और इसे चलाएं:

"इंस्टॉल करें" पर क्लिक करें। हो गया, गैजेट स्थापित है, और डेस्कटॉप पर एक नोट दिखाई दिया है जिसे आप पहले से ही उपयोग कर सकते हैं।

विपक्ष

सभी समान, कोई भी कहीं भी नहीं है। ऐसी समस्याएं हैं जो फिलहाल तय नहीं की जा सकी हैं।

यदि ड्रॉपबॉक्स फ़ोल्डर को एक अलग स्थान पर ले जाया जाता है, जहां यह डिफ़ॉल्ट रूप से स्थापित होता है, तो गैजेट तुरंत काम नहीं करेगा। ~~आपको गैजेट सेटिंग खोलने और फ़ाइल का पथ निर्दिष्ट करने की आवश्यकता होगी।~~ इस माइनस को खत्म कर दिया गया है।
नोट में कोई प्रारूपण नहीं है। केवल सादा पाठ, इटैलिक के बिना, बोल्ड, स्ट्राइकथ्रू टेक्स्ट आदि। WYSIWYG-editors ( TinyMCE , CKEditor ) को गैजेट से जोड़ने का प्रयास किया गया था, लेकिन गैजेट में सामान्य रूप से काम करने के लिए उन्हें काम नहीं मिला।

संक्षेप में देना

खुद के लिए, मुझे वही मिला जो मैं चाहता था: एक सरल और सुविधाजनक गैजेट जो मेरे साथ घर पर और काम पर दोनों है।
इसके अलावा, मैं अलग से कहना चाहता हूं कि जो लोग HTML + CSS + जावास्क्रिप्ट को अच्छी तरह से जानते हैं, उनके लिए एक अच्छा गैजेट बनाना जो जीवन को आसान बनाता है, बहुत सरल है।

गैजेट डाउनलोड करें

मुझे आशा है कि मेरा लेख आपके लिए उपयोगी रहा है।

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

विंडोज 7 के लिए ड्रॉपबॉक्स के माध्यम से DIY साइडबार गैजेट स्टिकी नोट्स सिंक के साथ

गैजेट कार्यान्वयन

गैजेट ऑपरेशन एल्गोरिथम

गैजेट कार्यान्वयन

गैजेट कोर फाइलें

गैजेट कैसे स्थापित करें

विपक्ष

संक्षेप में देना

More articles: