ऑल-इन-वन सरलीकृत स्क्रिप्ट
एकल स्क्रिप्ट का उपयोग करना:
या किसी iframe का उपयोग करना:
स्क्रिप्ट का उपयोग करते समय आप एक कंटेनर पहचानकर्ता ('div' आईडी) भी निर्दिष्ट कर सकते हैं:
<div id='widget1' style='text-align: center'></div>
अंतिम, लेकिन महत्वपूर्ण बात यह है कि आप प्रदर्शन शैली भी बदल सकते हैं लेकिन
size
पैरामीटर को उनमें से किसी एक में बदल सकते हैं: xxl
, xlarge
, large
, medium
, small
, xsmall
. (दृश्य परिणाम के लिए नीचे देखें) उन्नत स्क्रिप्टिंग सेटअप
बुनियादी एकीकरण सरल और सीधा है। आपको सबसे पहले कोड का निम्नलिखित भाग जोड़ना होगा:
<script src='https://aqicn.org/widgets/js/waqi-feed.v1.js'></script>
फिर, विजेट को शामिल करने के लिए बस यह अन्य कोड जोड़ें:
फ़ंक्शन `_waqiFeed` विजेट के लिए कॉन्फ़िगरेशन को तर्क के रूप में लेता है। आपको बस स्टेशन और विजेट प्रदर्शन शैली ( size
) को परिभाषित करने की आवश्यकता है। यह वही है जो पैदा करता है:
आप कंटेनर पहचानकर्ता ('div' आईडी) भी निर्दिष्ट कर सकते हैं जहां विजेट दिखाने की आवश्यकता है:
<div id='widget2' style='text-align: center;border: 1px dashed #ccc;'></div>
प्रदर्शन प्रारूप निर्दिष्ट करना
इनमें से किसी एक में size
पैरामीटर को बदलकर प्रदर्शन प्रारूप को बदला जा सकता है:
_waqiFeed({ _waqiFeed({ _waqiFeed({ _waqiFeed({ _waqiFeed({ |
उन्नत टेम्पलेट इंजन
display
विकल्प निर्दिष्ट करके विजेट के भीतर प्रदर्शित होने वाले टेक्स्ट को अनुकूलित करना संभव है। उदाहरण के लिए, पाठ्य "AQI" नाम के साथ-साथ अद्यतन समय (जैसा कि बाईं ओर विजेट पर दिखाया गया है) दोनों के साथ प्रदर्शित करने के लिए, आप निम्नलिखित कोड का उपयोग कर सकते हैं:
_waqiFeed({ display:"%cityname AQI is <span style='%style'>%impact (%aqiv)</span> <small>on %date</small>", station:"A373120" });
पैरामीटर display
एक HTML-आधारित स्ट्रिंग है, और इसमें निम्नलिखित में से कोई भी कीवर्ड हो सकता है:
- शहर के नाम के लिए `%cityname` (जैसे
Beijing
), - सजाए गए AQI मान के लिए `%aqi` (जैसे
58
), - बिना सजे (कच्चे पाठ) AQI मान के लिए `%aqiv` (जैसे
58
), - सजाए गए AQI विवरण की सीएसएस घोषणा के लिए `%style` (उदाहरण के लिए
background-color: #ffde33;color:#000000;
), - `%दिनांक` उस समय के लिए जब AQI अद्यतन किया गया था (उदाहरण के लिए
Wed 20:00
), - संबंधित स्वास्थ्य प्रभाव के लिए `%प्रभाव` (जैसे
Good
,Moderate
...) - AQI डेटा एट्रिब्यूशन के लिए `%एट्रिब्यूशन` (उदाहरण के लिए
Beijing Environmental Protection Monitoring Center
) - पूर्ण AQI विवरण के लिए `% विवरण` (AQI मान पर माउस ले जाने पर पॉपअप की सामग्री प्रदर्शित होती है)।
कुछ उदाहरण निम्नलिखित हैं:
भाषा निर्दिष्ट करना
आप lang
विकल्प सेट करके उपयोग की जाने वाली भाषा भी निर्दिष्ट कर सकते हैं। उदाहरण के लिए, विजेट को चीनी भाषा में शामिल करने के लिए (जैसा कि दाईं ओर दिखाया गया है), निम्नलिखित कोड का उपयोग करें:
वर्तमान में समर्थित भाषाएँ हैं:
"en"
: English"cn"
: Chinese"jp"
: Japanese"es"
: Spanish"kr"
: Korean"ru"
: Russian"hk"
: Traditional Chinese"fr"
: French"pl"
: Polish"de"
: German"pt"
: Portuguese"vn"
: Vietnamese"it"
: Italian"id"
: Indonesian"nl"
: Dutch"fa"
: Persian"th"
: Thai"hu"
: Hungarian"el"
: Greek"ro"
: Romanian"bg"
: Bulgarian"ur"
: Urdu"hi"
: Hindi"ar"
: Arabic"sr"
: Serbian"bn"
: Bangla"hu"
: Hungarian"bs"
: Bosnian"hr"
: Croatian"tr"
: Turkish"uk"
: Ukrainian"cs"
: Czech"be"
: Belarusian"km"
: Khmer"lo"
: Lao यदि निर्दिष्ट नहीं है या null
पर सेट है, तो अंग्रेजी का उपयोग किया जाता है।
आगे के प्रश्न
यदि आपका कोई प्रश्न या टिप्पणी है, तो नीचे दिए गए फॉर्म का उपयोग करके हमें एक संदेश भेजें:
उदाहरण
संबंधित कोड देखने के लिए नीचे दिए गए किसी भी विजेट पर क्लिक करें: