[es] - JavaScript i onclick unos u polje sa fokusom

pakito
Paun Es Durlic
kustos etnolog (u penziji!) i programer
naivac
Majdanpek * Pančevo

Član broj: 91953
Poruke: 273
*.dynamic.isp.telekom.rs.

Sajt: www.PaunDurlic.com

+3 Profil

JavaScript i onclick unos u polje sa fokusom

^{05.10.2012. u 18:46 - pre 140 meseci}

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>

Odgovor na temu

misk0
.: Lugano :. _.: CH :.

SuperModerator
Član broj: 634
Poruke: 2824
*.adsl.ticino.com.

ICQ: 46802502

+49 Profil

Re: JavaScript i onclick unos u polje sa fokusom

^{14.10.2012. u 22:33 - pre 140 meseci}

U sustini ima vishe nacina. Jedno bi bilo da na sve INPUT elemente zakacis 'onfocus' event koji ce nekoj varijabli dodijeliti vrijednost tog aktivnog polja. Zatim preradis funkciju replace da cita tu varijablu a ne prosledjen parametar (polje) u kom vrshi dodavnje tog karaktera.

:: Nemoj se svadjati sa budalom, ljudi cesto nece primjetiti razliku ::

Odgovor na temu