Hirdetés

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

    PROHARDVER!

    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

  • #7858 btz addikt btz #7855
    Új Válasz #7858
    Ú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 btz #7855 üzenetére

    Nos. Végre megy. Kitöröltem a számomra felesleges sallangokat. Létrehoztam egy copy funkciót és egy Copy Buttont:

    <html>
    <body>

    <div id="mainContent">
    MAIN CONTENT<br />
    </div>
    <br />
    <button id="btnCopy">COPY</button>
    <script type="text/javascript" >
    // Create a fake textarea
    const textAreaEle = document.createElement('textarea');

    var text = "tesztszöveg 3333";

    // Set the value
    textAreaEle.value = text;

    // Append the textarea to body
    document.getElementById("mainContent").appendChild(textAreaEle);

    btnCopy.onclick = function () {
    textAreaEle.select();
    textAreaEle.focus();
    document.execCommand('copy');
    };

    </script>
    </body>
    <html>

    Aztán az eredeti saját kódomat így módosítottam:

    </head>
    <body>
    <b>AZ EMBED kód előnézete:</b><br />
    <iframe src="https://parentdomain.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 toCopy = '<iframe src="https://parentdomain.com/embed/id" id="iframe" name="iframe" scrolling="no" frameborder="0" style="width: 100%; height: ' + v1data + 'px;"></iframe>';

    var innertomydiv = '<b>Embed kódja:</b><textarea rows="5" style="width: 100%;" type="text" id="code" name="code">' + toCopy + '</textarea><button id="btnCopy"><b>COPY</b></button>';

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

    btnCopy.onclick = function () {
    document.getElementById("code").select();
    document.getElementById("code").focus();
    document.execCommand('copy');
    };

    }

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

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

    Így a böngészőben megjelenik az Embed előnézete, alatta egy Textarea mezőben az Iframe kód (Jobb mint az input mező) a magassági értékkel, egy működő Copy gomb, ami vágólapra másolja a Iframe embed kódot, végül teszt gyanánt a magassági érték, de ez a publikus kódban már nem lesz benne.

  • #7857 nevemfel senior tag btz #7855
    Új Válasz #7857
    Ú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

    nevemfel

    senior tag

    válasz btz #7855 üzenetére

    Az első példádat simán betettem a html oldalba, script tagok közé, és a firefox erre ezt írta:

    A document.execCommand('cut'/'copy') megtagadva, mert az nem egy rövid ideig futó, felhasználó által generált esemény kezelőjéből lett hívva.

    Ezután beraktam az egészet egy eseménykezelőbe, így már működik:

    [link]

  • #7856 martonx veterán btz #7855
    Új Válasz #7856
    Ú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

    martonx

    veterán

    válasz btz #7855 üzenetére

    Ember, szokjál már rá a jsfiddle-re

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