Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

JavaScript i onclick unos u polje sa fokusom

[es] :: Javascript i AJAX :: JavaScript i onclick unos u polje sa fokusom

[ Pregleda: 1205 | Odgovora: 1 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

pakito
Paun Es Durlic
kustos etnolog (u penziji!) i programer
naivac
Majdanpek

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

Sajt: www.PaunDurlic.com


+2 Profil

icon JavaScript i onclick unos u polje sa fokusom05.10.2012. u 18:46 - pre 80 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('&icirc;', 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('&#324;', 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

icon Re: JavaScript i onclick unos u polje sa fokusom14.10.2012. u 22:33 - pre 80 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

[es] :: Javascript i AJAX :: JavaScript i onclick unos u polje sa fokusom

[ Pregleda: 1205 | Odgovora: 1 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.