-
HTML5 में फ्रेम का उपयोग करने का कोई तरीका?
फ्रेमसेट विशेषता HTML में बहिष्कृत है, लेकिन आप अभी भी इसका उपयोग कर सकते हैं। शीर्ष-स्तरीय अभिभावक दस्तावेज़ अब उपयोग करता है उदाहरण XHTML और फ़्रेम HTML5 का उपयोग करता है। <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-framese
-
HTML5 वीडियो अवधि पुनर्प्राप्त करने में समस्या का सामना करना पड़ रहा है
वीडियो की अवधि जानने के लिए, readyState विशेषता को क्वेरी करें। इसमें 0 से 4 तक की श्रृंखला होती है। जब मेटाडेटा लोड हो जाता है, तो आपको जो मान मिलेगा वह 1 है। इसलिए, आपको कुछ ऐसा करने की आवश्यकता है - window.setInterval(function(tm) { // Using readyState attriute if (video
-
The:last-child चयनकर्ता HTML5 में अपेक्षित रूप से काम नहीं कर रहा है
अंतिम-चाइल्ड चयनकर्ता का उपयोग माता-पिता के अंतिम चाइल्ड तत्व का चयन करने के लिए किया जाता है। इसका उपयोग किसी दिए गए मूल तत्व के तहत एक विशिष्ट वर्ग के साथ अंतिम बाल तत्व का चयन करने के लिए नहीं किया जा सकता है। बैकग्राउंड-कलर के साथ लास्ट चाइल्ड ली एलिमेंट को स्टाइल करें - li:last-child{ &n
-
HTML में CSS के साथ Div के निचले भाग में केंद्र त्रिभुज
त्रिभुज को केंद्र में और div के नीचे सेट करने के लिए, निम्नलिखित का उपयोग करें। आपको बाईं ओर 50% पर सेट करने की आवश्यकता है - .demo: after { position: absolute; border-top: solid 50px #e15915; border-left: solid 50px transparent; border-right: soli
-
कैसे एक्सटेंशन के साथ छवि के लिए HTM5 कैनवास के साथ छवि के रूप में DIV को बचाने के लिए?
DIV सामग्री को जावास्क्रिप्ट में html2canvas() फ़ंक्शन की सहायता से एक छवि के रूप में सहेजा जा सकता है। DIV टैग HTML दस्तावेज़ में एक सेक्शन को परिभाषित करता है। उदाहरण <div id = ”cpimg” style = ”padding: 25px ; ” > <h4>Welcome<
-
HTML5/CSS सूची-वस्तुओं को अन्य स्तंभों पर परस्पर ऊंचाई के आधार पर संरेखित करता है
फ्लेक्स की मदद से लिस्ट-आइटम को अलाइन करें। फ्लेक्स सामग्री के अनुसार कॉलम को लचीला बना देगा। रैपर एक पंक्ति में कॉलम लेआउट करेगा। .wrap{ display : flex }// This will help wrapper to become flexible .wrap.col{ flex: 1 0 33%; } फ्लेक्स मूल रूप से एक ऐसा गुण है जो तत्व को लच
-
HTML5 में दिनांक समय प्रारूप कैसे बदलें?
कस्टम HTML5 तत्वों का उपयोग करके दिनांक-समय प्रारूप को बदला जा सकता है। अगर हम मौजूदा एचटीएमएल टैग को बदलना या ओवरराइड करना चाहते हैं तो हम छाया डोम की मदद से ऐसा कर सकते हैं। हम अनुकूलन योग्य टैग बना सकते हैं जैसे - <date-timeformatchange ></ date-timeformatchange> यहाँ एक उदाहरण है -
-
HTML में मैट्रिक्स के साथ JS रेडियल ग्रेडिएंट बनाएं
मैट्रिक्स के साथ JSRadial ग्रेडिएंट निम्नलिखित तरीके से बनाया गया है। आप मैट्रिक्स के साथ JS रेडियल ग्रेडिएंट बनाने के लिए निम्न तरीके से चलाने का प्रयास कर सकते हैं - वर कैनवास1 =document.getElementById (कैनवास); //canvas1 चर दिए गए कैनवासवर ctx1 =कैनवास.getContext(2d); की पहचान करने के लिए; // इसक
-
HTML5 कैनवास पर माउस ईवेंट ट्रिगर नहीं किया जा रहा है? इसे कैसे हल करें?
माउस ईवेंट को ट्रिगर करने के लिए हम जोड़ सकते हैं - -webkit-transform: translate3d(0, 0, 0) इसके अलावा कैनवास को भी स्टाइल किया जा सकता है। दूसरा तरीका यह है कि माउसमूव इवेंट में श्रोता को जोड़ा जाए, canvas.addEventListener("mousemove", this.checkMouseLocation.bind(this, this.inputs), fa
-
फाइल सिस्टम एपीआई के साथ एचटीएमएल में स्थानीय ड्राइव से स्थानीय फाइल सिस्टम पर अपलोड करें
स्थानीय ड्राइव से स्थानीय फाइल सिस्टम में अपलोड करने के लिए, हम उपयोग कर सकते हैं - वेबकिटनिर्देशिका विशेषता पर - यह उपयोगकर्ता को उपयुक्त संवाद बॉक्स द्वारा एक निर्देशिका का चयन करने की अनुमति देता है। फाइलसिस्टम एपीआई एक सैंडबॉक्स वाली फाइल सिस्टम है, जो हमें क्लाइंट की मशीन पर फाइलों को स्टोर क
-
एचटीएमएल और जावास्क्रिप्ट में क्लासलिस्ट के साथ एक ही निर्देश में कई कक्षाओं को जोड़ने/निकालने का कोई तरीका है?
classList गुण किसी तत्व के वर्ग नाम (नामों) को DOMTokenList ऑब्जेक्ट के रूप में लौटाता है। क्लासलिस्ट संपत्ति केवल पढ़ने के लिए है, हालांकि, आप इसे जोड़ने () और हटाने () विधियों का उपयोग करके संशोधित कर सकते हैं। classListproperty यह सुनिश्चित करता है कि तत्व में डुप्लिकेट कक्षाएं अनावश्यक रूप से न
-
एचटीएमएल 5 क्रॉस ब्राउज़र आईफ्रेम पोस्ट संदेश - माता-पिता को बच्चा?
पैरेंट ऑब्जेक्ट बच्चे से मुख्य विंडो का संदर्भ प्रदान करता है। निम्नलिखित मूल कोड है। नीचे दिया गया निर्देश iFrame को हर 3 सेकंड में पैरेंट विंडो पर एक संदेश भेजने के लिए ट्रिगर करता है। मुख्य विंडो से किसी प्रारंभिक संदेश की आवश्यकता नहीं है! var a= window.addEventListener ? "addEventListener
-
HTML5 चेकबॉक्स के साथ काम करने का सही तरीका
निम्नलिखित सही तरीका है - <input name = "your_name" value = "your_value" type = "checkbox"> उदाहरण यहाँ एक उदाहरण है - <!DOCTYPE html> <html> <head> <title>Checkbox Control</title> </
-
HTML के साथ नए Flexbox API का उपयोग करके पूर्ण-ऊंचाई वाले ऐप में फ्लेक्सबॉक्स और वर्टिकल स्क्रॉल
फ्लेक्स प्रॉपर्टी फ्लेक्स-ग्रो, फ्लेक्स-सिकंक और फ्लेक्स-बेस प्रॉपर्टीज का शॉर्टहैंड है। फ्लेक्स प्रॉपर्टी लचीली वस्तुओं पर लचीली लंबाई सेट करती है। उदाहरण के लिए - #container article { -webkit-flex: 1 1 auto; overflow-y: auto; height: 0px; /*here the height i
-
एचटीएमएल 5 कैनवास से चार्ट को कैसे साफ़ करें ताकि होवर ईवेंट ट्रिगर नहीं किया जा सके?
कैनवास से चार्ट को साफ करने के लिए, तत्व को हटाएं और फिर नीचे दिए गए कोड के अनुसार मूल कंटेनर में एक नया तत्व जोड़ें - var resetCanvas = function(){ $('#results-graph').remove(); $('#graph-container').append('<canvas id = "results-graph&
-
एचटीएमएल 5 और कैनवास या एसवीजी का उपयोग करके ग्रिड कैसे बनाएं?
नीचे दिए गए उदाहरण में, हमने पहले ग्रिड की चौड़ाई और ऊंचाई को परिभाषित किया है। फिर हम कैनवास के आकार को परिभाषित कर रहे हैं और एक कैनवास में खींचे गए कमरबंद। //हम ग्रिड की चौड़ाई और ऊंचाई निर्धारित कर रहे हैंvar grid_w =200;var grid_h =200;//हम gridvar gridp =15 के आसपास पैडिंग सेट कर रहे हैं;//हम
-
HTML 5 वीडियो या ऑडियो प्लेलिस्ट
प्लेलिस्ट जोड़ने के लिए जावास्क्रिप्ट के साथ HTML का प्रयोग करें। ऑनेंडेड जब ऑडियो/वीडियो समाप्त हो जाता है तो ईवेंट सक्रिय हो जाता है। आप संदेश जोड़ सकते हैं जैसे देखने के लिए धन्यवाद, बने रहें!, आदि उदाहरण आप ऑनेंडेड . को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं विशेषता - <!
-
वीडियो को HTML5 ogg / ogv और mpg4 . में कनवर्ट करना
वीडियो को ogg या mpg4 में बदलने के लिए, आपको निःशुल्क HTML5 वीडियो प्लेयर और कन्वर्टर जैसे तृतीय-पक्ष सॉफ़्टवेयर का उपयोग करना होगा उसके बाद, इसे लॉन्च करें और इनपुट वीडियो फ़ाइलों का चयन करें। निम्न में से किसी भी प्रारूप में फ़ाइलें जोड़ें - *.एवी; *.आईवीएफ; *.div; *.डिवएक्स; *.एमपीजी; *.एमपीईजी;
-
मैं एचटीएमएल 5 में साइट पृष्ठभूमि में वीडियो कैसे जोड़ सकता हूं?
वीडियो चलाने या रोकने के लिए एक बटन जोड़ें। फिर हमने वीडियो को सौ प्रतिशत ऊंचाई और चौड़ाई में स्टाइल किया है ताकि यह पूरी पृष्ठभूमि को कवर कर सके। HTML5 में वीडियो को साइट पृष्ठभूमि के रूप में सेट करने के लिए कोड स्निपेट निम्नलिखित है। आपका ब्राउज़र HTML5 वीडियो को सपोर्ट नहीं करता है। वीडियो को
-
जावास्क्रिप्ट/एचटीएमएल5 के साथ तुरंत ध्वनि उत्पन्न करना
वेब ऑडियो API का उपयोग ऑडियो को नियंत्रित करने के लिए किया जाता है, जो आपको ऑडियो स्रोत चुनने की अनुमति देता है। आप प्रभाव भी जोड़ सकते हैं; ऑडियो विज़ुअलाइज़ेशन, पैनिंग आदि बनाएं. उदाहरण ध्वनि उत्पन्न करने के लिए आप निम्न कोड स्निपेट चलाने का प्रयास कर सकते हैं - // use one context per document. He
