Input Box'a Yazdırma.

Merhaba arkadaşlar. Benim tam olarak yapmak istediğim şu. Input Box'ımın üstüne Bold, İtalik, Underline vs butonlar ekleyeceğim ve o butonlara tıkladığımda mesela bolda tıkladığımda <strong></strong> taglerini versin istiyorum. Bunu nasıl yapabiliriz?

Inputbox'a yapılan değişiklikler etki etmez ama bir katman(div) olursa veya Textarea o zaman olabilir çünkü text input sadece girişi kabul eder.

textarea olacaktı çok pardon.

<script type="text/javascript">
function ekle(d,a,b)
{
  var o=document.getElementById(d);
  if(document.selection && !window.opera)
  {
          var rg=document.selection.createRange();
          if(rg.parentElement()==o) {
                  rg.text = a+rg.text+b;
                  rg.select();
                }
  }
  else if(o.textLength||window.opera)
  {
          var s = o.value;
          o.value = s.substring(0,o.selectionStart)+a+s.substring(o.selectionStart,o.selectionEnd)+b+s.substring(o.selectionEnd,o.textLength);
  } else o.value += a+b;
  o.focus();
  return false;
}
</script>

<textarea id="aciklama" name="mesaj" rows="8" style="width:89%;"></textarea>

<input type="button" class="but" onClick="ekle('aciklama','(bkz: ',')')" value="bkz"/>
<input type="button" class="but" onClick="ekle('aciklama','(gbkz: ',')')" value="gbkz"/>

bu biraz daha degisigi eger bir metin seçersende bkz: yazan kısımdan sonraa onu yerlestirerek ekliyor fonksiyonun 3 degeri war 1. si textarea id si ornek : aciklama 2. si ilk kismi ortaasina yazi gelcek egerki secersen secmezsen direk bos ekler 3. de son kısmı