Link Ekleme Butonu Nasıl Yapılır ?

Arkadaşlar link ekleme butonu nasıl yapılır  tıklayınca gireceğim linki textboxa girecek 

 

<button type="button" onClick="linkx();">http://</button>

 yukarıdaki kodu denedim çalışmadı onClick kısmında ki x kaldırdım yine olmadı

Tam olarak sordugun soruyu anlayamadim. Verdigin kod orneginde onClick'in calisabilmesi icin oncelikle linkx diye bir fonksiyonun olmasi gerekiyor.

Ek olarak bu soru PHP ile degil, JavaScript kategorisinde acilmis olmasi gerekiyor.

Anladigim kadariyla yardimci olmaya calisayim;

JavaScript Ornegi 1 (JSFiddle)

<button type="button" onClick="linkx(this);">http://google.com</button>
function linkx(element)
{
   var url = element.textContent || element.innerText;
   window.location.href = url;
}

 

JavaScript Ornegi 2 (JSFiddle)

<button id="myButton" type="button">http://google.com</button>
var button = document.getElementById('myButton');

button.onclick = function()
{
    linkx(this);
}

function linkx(element)
{
    var url = element.textContent || element.innerText;
    window.location.href = url;
}

 

JavaScript Ornegi 3 (JSFiddle)

<button id="myButton" type="button">http://google.com</button>
document.getElementById('myButton').addEventListener('click', linkx);

function linkx()
{
    var button = document.getElementById('myButton'),
        url    = button.textContent || button.innerText
    ;
    
    window.location.href = url;
}

 

Tabii ben biraz vanillaJS taraftariyim ozellikle ufak tefek islerde. Tabii sayfanda jQuery gibi bir JS kutuphanesi kullaniyorsan jQuery ile yapman daha dogru olacaktir.

 

Duzenleme:

JSFiddle'da window.location.href calismayacaktir onun yerine alert(url); seklinde deneyebilirsiniz.

Cevap Yaz

Cevap yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git