JavaScript i onclick unos u polje sa fokusom

[ pakito @ 05.10.2012. 18:46 ] @

Sledeći kod omogućava unos specijalnih karaktera klikom na određeno dugmence.
Ovo što sam uspeo da u(k)radim, unosi karaktere samo u jedno, unapred definisano polje (ovde "unetarec1").
Da li je komplikovano da mi se pokaže kako mogu da preradim kod, da bi se slovce pod dugmetom unelo u polje u koje je pozicioniran kursor, tj. koje je u fokusu?
Test fajl okačen je ovde:
http://www.paundurlic.com/vlaski.recnik/focus.php

Code:

<html>
<head>
<meta http-equiv="Content-Language" content="sl">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="stil.css" rel="stylesheet" type="text/css">
</head>
<body>
<form name="pretraga" method="get" action="toito.php">
<table border="0" width="154" id="table0">
<tr>
    <td width="148">
        <a href="javascript:void(0);" onclick="replaceText('ă', document.pretraga.unetarec1); return false;">
        <img border="0" src="vlcod/a1_malo.gif" alt="muklo a" width="23" height="22" align="absbottom"></a>
        <a href="javascript:void(0);" onclick="replaceText('î', document.pretraga.unetarec1); return false;">
        <img border="0" src="vlcod/i_malo.gif" alt="muklo i" width="23" height="22" align="absbottom"></a>
        <a href="javascript:void(0);" onclick="replaceText('ń', document.pretraga.unetarec1); return false;">
        <img border="0" src="vlcod/n_malo.gif" alt="nj" width="23" height="22" align="absbottom"></a>
    </td>
</tr>
<tr>
    <td width="148"><input  type="text" name="unetarec1" id="rec1" size="28"></td>
</tr>
<tr>
    <td width="148"><input  type="text" name="unetarec2" id="rec2" size="28"></td>
</tr>
</table>
</form>

<script type="text/javascript">
function replaceText(text, textarea)
{
    // IE
    if (typeof(textarea.caretPos) != "undefined" && textarea.createTextRange)
    {
        var caretPos = textarea.caretPos;
        caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
        caretPos.select();
    }
    // Mozilla.
    else if (typeof(textarea.selectionStart) != "undefined")
    {
        var begin = textarea.value.substr(0, textarea.selectionStart);
        var end = textarea.value.substr(textarea.selectionEnd);
        var scrollPos = textarea.scrollTop;
        textarea.value = begin + text + end;
        if (textarea.setSelectionRange)
        {
            textarea.focus();
            textarea.setSelectionRange(begin.length + text.length, begin.length + text.length);
        }
        textarea.scrollTop = scrollPos;
    }
    else
    {
        textarea.value += text;
        textarea.focus(textarea.value.length - 1);
    }
}
</script>
</body>
</html>