Ekran Görüntüsü :
Kod:
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Deneme</title>
<script type="text/javascript" src="jquery-1.9.1.js"></script>
<script type="text/javascript">
$(function(){
$("#ekle").click(function(){
var ilk=document.getElementById("area").selectionStart,//başlama konumu
bitis=$("#area").val().length,//toplam karakter sayısı.bu bize bitiş noktasını verir.
metin="cArleone",//eklenecek metin.
eklenecek=$("#area").val().substring(0,ilk)+metin+$("#area").val().substring(ilk,bitis);
//0 ile ilk arasını alıp imleçten önceki metni buldum.metni sonuna ekledik sonra imleçten bitişe kadar olan metni bulup,eklediğimiz metnin sonuna ekledik
$("#area").val(eklenecek)//yeni oluşan metnimizi textareaya ekledik.
})
$("#bul").click(function(){
var ilk=document.getElementById("area").selectionStart,//başlama konumu
son=document.getElementById("area").selectionEnd,//bitiş konumu
bul=$("#area").val().substring(ilk,son);//2 konum arasını bul.
alert(bul)
})
})
</script>
</head>
<body>
<button id="ekle">Yorum Yap</button>
<button id="bul">Diğer Yorumları Gör</button>
<br />
<textarea id="area" cols="50" rows="10" value="Deneme"></textarea>
</body>
</html>