Javascript ile textarea veya bir text inputa metin eklemek

Site müdavimlerimizden Burhan’ın özel isteği üzerine; form elemanları arasında metin taşımak veya farklı bir kaynaktan gelen metni textarea veya textfield gibi form elemanlarına eklemek için kullanılabilecek ufak bir script.

<head> </head> tagları arasına şu kodları ekliyoruz:

1
2
3
4
5
6
7
8
9
<script language="javascript" type="text/javascript">
function addtext() {
    var newtext = document.myform.gelentext.value;
    if (document.myform.secim[1].checked) {
        document.myform.cikantext.value = "";
        }
    document.myform.cikantext.value += newtext;
}
</script>

Daha sonra formumuzu oluşturup taşınacak metnin kaynağını ve taşınacağı form elemanını tanımlıyoruz:

1
2
3
4
5
6
7
<form name="myform">
<textarea name="gelentext" rows="4" cols="20">Bu metni ekle </textarea>
<textarea name="cikantext" rows="4" cols="20"></textarea><br>
<input type="radio" name="secim" value="append" checked> Metinin sonuna ekle
<input type="radio" name="secim" value="replace"> Var olan metin ile değiştir<br>
<input type="button" value="Metni ekle" onclick="addtext();">
</form>

gelentext” ve “cikantext” isimli inputlar adı üstünde gelen metni ve yazdırılacak olan yeri ifade ediyor. Bununla birlikte metnimizi cikantext elemanını sıfırlayarak yazdırabilir ya da halihazırda içinde yazılı olan metnin sonuna ekletebiliriz (forum uygulamalarında kolaylık sağlayacaktır) bu işlev için de “secim” isimli radiolar bize yardımcı oluyor.

Scriptin detaylı örneğini aşağıdaki linkten inceleyebilirsiniz:
Demo

Facebook Yorumları

2 Yorum

  1. gevv

    Çok teşekkürler Caner sağolsın bir türlü bu konu hakkında bilgi bulamamıştım fakat bu uygulamayı smf forumun yazı alanına nasıl entegre edebilirim onu çözemedim
     
    senin için forumda bir hesap açtım bilgileri mail ile gönderdim 🙂

Uyarı: Yorumlarda link kullanmayınız. Link içeren yorumlar otomatik olarak spam kabul edilmektedir.