• 02-06-2019, 02:44:30
    #1
    <script type="text/javascript">
    function myFunction() {
    var copyText = document.getElementById("kopyala");
    copyText.select();
    document.execCommand("copy");
    alert("Görsel linki kopyalandı: " + copyText.value);
    }
    </script>
    <input type="text" value="<?php echo $ortamcek['gorsel_link'] ?>" id="kopyala">
    <a class="btn default btn-outline image-popup-vertical-fit" onclick="myFunction()" ><i class="fa fa-copy"></i></a>
    arkadaşlar inputu ekranda göstermek istemiyorum ne yapmam lazım
  • 02-06-2019, 02:57:16
    #2
    chemochan adlı üyeden alıntı: mesajı görüntüle
    <script type="text/javascript">
    function myFunction() {
    var copyText = document.getElementById("kopyala");
    copyText.select();
    document.execCommand("copy");
    alert("Görsel linki kopyalandı: " + copyText.value);
    }
    </script>
    <input type="text" value="<?php echo $ortamcek['gorsel_link'] ?>" id="kopyala">
    <a class="btn default btn-outline image-popup-vertical-fit" onclick="myFunction()" ><i class="fa fa-copy"></i></a>
    arkadaşlar inputu ekranda göstermek istemiyorum ne yapmam lazım
    Css ile height:1;overflow:hidden; ver ve dene hocam
    Input type hidden var ama o zaman copy to clipboard yapar mı bilemiyorum denemelisin
  • 02-06-2019, 03:01:51
    #3
    Misafir adlı üyeden alıntı: mesajı görüntüle
    Css ile height:1;overflow:hidden; ver ve dene hocam
    Input type hidden var ama o zaman copy to clipboard yapar mı bilemiyorum denemelisin

    hocam hidden overflow denedim önce ama kopyalamıyor height 0 px yaparak şuan nokta olarak gözükmekte öyle çözdüm onu. ama bu sefer yine kopyalamıyor
  • 02-06-2019, 03:24:12
    #4
    İnputu ekranda göstermek istemiyorsan kopyalanacak içeriği inputta değil örneğin span içerisinde de tutabilirsin. Ayrıca Kopyalama işlemini bir butona bağlı yapman da şık olabilir.

    Örnek:
    <span id="kopyalanacak">BURAYA KOPYALANACAK METİN GELECEK</span>
        <a id="kopyalaButonu" onclick="kopyalaBunu('#kopyalanacak')" href="#">Kopyala</a>
    
        <script>
            function kopyalaBunu(element) {
                var $temp = $("<input>");
                $("body").append($temp);
                $temp.val($(element).text()).select();
                document.execCommand("copy");
                $temp.remove();
                var btn = document.getElementById("kopyalaButonu");
                btn.innerText = "KOPYALANDI";
            }
        </script>
    <script src="https://code.jquery.com/jquery-1.12.0.min.js" integrity="sha256-Xxq2X+KtazgaGuA2cWR1v3jJsuMJUozyIXDB3e793L8=" crossorigin="anonymous"></script>
  • 02-06-2019, 04:46:42
    #5
    input'u oluşturup içeriği kopyalayıp sonra tekrardan inputu silebilirsin.

    function copyToClipboard() {
    var dummy = document.createElement('input'),
    text = "Beni Kopyala";
    
    document.body.appendChild(dummy);
    dummy.value = text;
    dummy.select();
    document.execCommand('copy');
    document.body.removeChild(dummy);
    alert('Başarıyla kopyalandı !');
    }
  • 02-06-2019, 14:38:48
    #6
    Input classına "invisible" ekleyip dener misin?