สอบถามเรื่อง คลิกปุ่มแล้วให้ส่งค่าไปแสดงใน textarea ตำแหน่งที่ cursor อยู่ โดยไม่เคลียร์ค่าเดิมออก

<form name="form1" method="post">
	<input type="text" name="text1" value="">
	<input type="button" name="btn1" value="A" OnClick="document.form1.txt1.value = document.form1.txt1.value + 'A'; ">
	<input type="button" name="btn2" value="B" OnClick="document.form1.txt1.value = document.form1.txt1.value + 'B'; ">
	<input type="button" name="btn3" value="C" OnClick="document.form1.txt1.value = document.form1.txt1.value + 'C'; ">
</form>

<script type="text/javascript"> 
function insert(el,ins) { 
    if (el.setSelectionRange){ 
        el.value = el.value.substring(0,el.selectionStart) + ins + el.value.substring(el.selectionStart,el.selectionEnd) + el.value.substring(el.selectionEnd,el.value.length); 
    } 
    else if (document.selection && document.selection.createRange) { 
        el.focus(); 
        var range = document.selection.createRange(); 
        range.text = ins + range.text; 
    } 
} 
</script> 

<form> 
<input type="button" value="hello" onclick="insert(this.form.ta,'hello')"> 
<input type="button" value="my freind" onclick="insert(this.form.ta,'my friend')"> 
<br /> 
<textarea rows="7" cols="30" name="ta"> 
This is sample text, click anywhere in here then 
choose on of the buttons above to see text inserted. 
</textarea> 
</form>  

<input type="button" value="hello" onclick="insert(this.form.ta,'hello')">

<input type="image" src="imgs/imgs.png" style="width: 20px;height: 20px;" onclick="insert(this.form.ta,'hello')">