Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

क्रॉस डोमेन HTML5 iframe समस्या

पोस्टमैसेज का प्रयोग करें विभिन्न डोमेन में डेटा स्थानांतरित करने की विधि।

उदाहरण

क्रॉस-डोमेन HTML5 iframe समस्या को हल करने के लिए आप निम्न कोड स्निपेट आज़मा सकते हैं -

// Using postMessage()
window.onmessage = function(e) {
   e.source.postMessage(document.body.innerHTML, e.origin);
};
window.onmessage = function(event) {
   alert(e.data);
};
// fire
document.getElementById('frame1').contentWindow.postMessage('','*');

  1. HTML5 कैनवास परिवर्तन

    HTML5 कैनवास ऐसे तरीके प्रदान करता है जो सीधे रूपांतरण मैट्रिक्स में संशोधन की अनुमति देता है। रूपांतरण मैट्रिक्स प्रारंभ में पहचान परिवर्तन होना चाहिए। फिर इसे रूपांतरण विधियों का उपयोग करके समायोजित किया जा सकता है। उदाहरण आइए कैनवास परिवर्तन का एक उदाहरण देखें: function drawShape(){// DOM वर

  1. Google क्रोम में HTML5 कैनवास और जेड-इंडेक्स समस्या

    जब हम किसी ऐसे कैनवास पर z अनुक्रमणिका लागू करते हैं जिसकी स्थिति निश्चित है, तो यह रुक जाता है जिससे क्रोम अन्य सभी तत्वों को प्रस्तुत कर देता है, जो स्थिति:ठीक से निश्चित हैं। ऐसा केवल तभी होता है जब कैनवास का आकार 256X256 px से बड़ा हो। h1 और कैनवस दोनों को फिक्स्ड डिव से लपेटें और समस्या का समाध

  1. Phonegap + Windows Phone 8 :HTML5 व्यूपोर्ट मेटा और स्केलिंग समस्या

    जब भी आप इस तरह की समस्या का सामना करते हैं, तो इसका मतलब यह होगा कि आपने CSS को ठीक से नहीं लिखा है। बस निम्नलिखित को CSS में जोड़ें - * {ज़ूम:1; -एमएस-सामग्री-ज़ूमिंग:कोई नहीं;} कुछ कोड के लिए, निम्नलिखित भी काम करता है - @व्यूपोर्ट{चौड़ाई:320पीएक्स;}@-एमएस-व्यूपोर्ट {चौड़ाई:320पीएक्स; ज़ूम-उपयो