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>
<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>