0
Kayıt Ol

javascript dilinde butonda metni kopyalama boyutunu büyütmek

5

●

98

  • 17-07-2024, 23:09:19
    #1
    lolo_halo
    lolo_halo
    merhaba çok basit bir konu ancak bilmediğim için soruyorum.
    java scrpit kodunda

    <input type="text" value="TR150082900009492038044184" id="kopyala">
<button onclick="myFunction()">İBAN NUMARASINI KOPYALA</button>

<script>
function myFunction() {
var copyText = document.getElementById("kopyala");
copyText.select();
copyText.setSelectionRange(0, 99999)
document.execCommand("copy");
}
</script>
    bu kodda metin bölümünde bulunan TR150082900009492038044184 yazılı ancak 4184 bölümü gözükmüyor text box nasıl büyütebiliriz.

    burdan kontrol edebilirsiniz. https://qrcodeclick.com/bln5bo?preview=true
  • Kabul Edilen Cevap
  • 17-07-2024, 23:12:06
    #2
    Kara
    Kara 
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" value="TR150082900009492038044184" style="width: 300px; " id="kopyala">
<button onclick="myFunction()">İBAN NUMARASINI KOPYALA</button>
 
<script>
function myFunction() {
var copyText = document.getElementById("kopyala");
copyText.select();
copyText.setSelectionRange(0, 99999)
document.execCommand("copy");
}
</script>
</body>
</html>
    style içindeki width: 300px; 300 yaptım kendine göre ayarla veya direkt width: 100%; tüm ekran dollarsa 70%/80%'e düşür.
  • 17-07-2024, 23:20:07
    #3
    lolo_halo
    lolo_halo
    Kara adlı üyeden alıntı: mesajı görüntüle 
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" value="TR150082900009492038044184" style="width: 300px; " id="kopyala">
<button onclick="myFunction()">İBAN NUMARASINI KOPYALA</button>
 
<script>
function myFunction() {
var copyText = document.getElementById("kopyala");
copyText.select();
copyText.setSelectionRange(0, 99999)
document.execCommand("copy");
}
</script>
</body>
</html>
    style içindeki width: 300px; 300 yaptım kendine göre ayarla veya direkt width: 100%; tüm ekran dollarsa 70%/80%'e düşür.
    hocam cevabınız ve emeğiniz için çok teşekkür ederim. yanlız içindeki text yazısıda büyüyor. bundan dolayı yine eksik yazı gözüküyor. https://qrcodeclick.com/bln5bo?preview=true burdaki gibi eksiltme yaptım ama yazı ile kutu bölümü eşit küçülüyor
  • 17-07-2024, 23:21:06
    #4
    Kara
    Kara
    lolo_halo adlı üyeden alıntı: mesajı görüntüle
    hocam cevabınız ve emeğiniz için çok teşekkür ederim. yanlız içindeki text yazısıda büyüyor. bundan dolayı yine eksik yazı gözüküyor. https://qrcodeclick.com/bln5bo?preview=true burdaki gibi eksiltme yaptım ama yazı ile kutu bölümü eşit küçülüyor
    yanıtı güncelledim sayfayı yenileyiniz.
  • 17-07-2024, 23:22:07
    #5
    Bu cevap, konu sahibi tarafından kabul edilebilir bir cevap olarak işaretlendi.
    Kara
    Kara
    Kara adlı üyeden alıntı: mesajı görüntüle
    yanıtı güncelledim sayfayı yenileyiniz.


    benim verdiğim html taglarını siliniz.
  • 17-07-2024, 23:24:44
    #6
    lolo_halo
    lolo_halo
    Kara adlı üyeden alıntı: mesajı görüntüle


    benim verdiğim html taglarını siliniz.
    elinize sağlık hocam oldu teşekkür ederim.