2. Fórumok
  3. Szoftverfejlesztés
  4. JavaScript topic
  • Téma összefoglaló
    Utoljára frissítve: 2014-02-25 10:20

    Fototrend

    JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)

Új hozzászólás Aktív témák

  • #7850 btz addikt sztanozs #7847
    Új Válasz #7850
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    Privát üzenet küldése

    btz

    addikt

    válasz sztanozs #7847 üzenetére

    Sikerült megoldanom a problémámat, részben a segítségeddel, mivel rájöttem, hogy amit akarok az az inner.HTML-el is megoldható. Ismertem amúgy ezt a lehetőséget, de nem akartam használni, mivel ala nature szerettem volna kiíratni, mert bele akartam rakni egy input mező value értékébe. Ekkor villant be hogy mért ne csinálhatnám az egész input mezőt az innerHTML-el?

    A https://website.com/embed/id oldalon ez a script leméri az "all" div magasságát.

    <script>
    var element = document.getElementById('all');
    var magassag = (element.offsetHeight);
    var MYGLOBAL = (element.offsetHeight) + 10;

    //window.parent.postMessage(['varA', MYGLOBAL], '*');

    parent.postMessage({v1: MYGLOBAL}, "*");
    </script>

    Azon az oldalon ahol a https://website.com/embed/id be van szúrva IFRAME ként:

    <html lang="en"><head>
    <meta charset="utf-8">
    <title>EMBED TESZT</title>
    </head>
    <body>
    <iframe src="https://website.com/embed/id" id="iframe" name="iframe" scrolling="no" frameborder="0" style="width: 100%; height: 600px;"></iframe>
    <br /><br />

    <div id="myDiv">0</div>

    <script type="text/javascript" >
    function receiveMessage(event) {
    var ifrheig = (event.data.v1) + 'px';

    document.getElementById("iframe").style.height = ifrheig;

    var v1data = (event.data.v1);
    var textNode = document.createTextNode(v1data);
    document.body.appendChild(textNode);

    var innertomydiv = '<input style="width: 100%;" type="text" id="frame" name="frame" value="&lt;iframe src=&#039;https://website.com/embed/id&#039; id=&#039;iframe&#039; name=&#039;iframe&#039; scrolling=&#039;no&#039; frameborder=&#039;0&#039; style=&#039;width: 100%; height: ' + v1data + ';&#039;&gt;&lt;/iframe&gt;">';

    document.getElementById("myDiv").innerHTML = innertomydiv;

    }
    window.addEventListener("message", receiveMessage, false);

    </script>
    </body></html>

    1. Megjelenik az iFrame kezdetben 600px magassággal.
    2. Kezdetben a myDiv értéke nulla.
    3. A scriptben a receiveMessage funkcióval lekérem a CHILD oldal var MYGLOBAL = (element.offsetHeight) + 10; értékét ami a szülő oldalon van, beleteszem az egészet egy "ifrheig" nevű változóba és ezzel már be tudom állítani az Iframe magasságát (+10px ráhagyás, de ez már a "CHILD" oldali MYGLOBAL értékben alapból benne van)
    4. v1data változóba téve ismét lekérem a MYGLOBAL értékét (event.data.v1) amit textNode-ként ki lehet íratni az aktuális helyen. Arra gondoltam, hogy majd ezt teszem bele egy input mezőbe magasságértékként az Iframe kódjával együtt, így majd az user már a kellő magassági értékkel együtt tudja kimásolni azt, nem kell pluszban a scriptkódot is kimásolni , hogy a megfelelő magasságot kapja.
    5. Aztán rájöttem, hogy az egészet egy innertomydiv változóval beleíratom input mezőstől a második pontban említett myDiv-be. Így a pléda Iframe alatt megjelenik egy input mezőben az iFrame html kódja, amit könnyen kimásolhat az user és beilleszthet akárhova a megfelelő mérettel.

Új hozzászólás Aktív témák