Лингвофорум

По поводу уроков авестийского...

Как вообще делаются виртуальные клавиатуры? Это сложно?
Чтоб значицца нужный шрифт и справа налево набор 

Цитата: Iskandar от июня 14, 2012, 12:14
виртуальные клавиатуры

Что вы имеете в виду под этим выражением?

Цитата: Iskandar от июня 14, 2012, 12:14
Чтоб значицца нужный шрифт и справа налево набор

Хм-м...

http://www.lexilogos.com/keyboard/pashto.htm

Простой JavaScript...

Цитировать

Код (JavaScript) Выделить Развернуть

<form name="conversion">
<textarea name="saisie" onKeyUp="transcrire()" dir="rtl" rows="4" class="cadr"></textarea>
<br>
<br>
<input type="button" class="bf" onClick="conversion.saisie.select();copy()" value="copy">
&nbsp; &nbsp;
<input type="button" class="bf" onClick="reset();conversion.saisie.focus()" value="clear">
&nbsp; &nbsp;
<input type="button" class="bf" onClick="conversion.saisie.rows=4;conversion.saisie.focus()" value="small frame">
&nbsp; &nbsp;
<input type="button" class="bf" onClick="conversion.saisie.rows=40;conversion.saisie.focus()" value="large frame">
<br>
<br>
<table>
<tr align="center" class="lat">
<td>ẓ</td>
<td>zh</td>
<td>z</td>
<td>rr</td>
<td>r</td>
<td>dh</td>
<td>dd</td>
<td>d</td>
<td>kh</td>
<td>H</td>
<td>ts</td>
<td>ch</td>
<td>dz</td>
<td>j</td>
<td>th</td>
<td>tt</td>
<td>t</td>
<td>p</td>
<td>b</td>
<td>a</td>
</tr>
<tr align="center">
<td><input type="button" class="bt" onclick="alpha('ږ')" value="ږ"></td>
<td><input type="button" class="bt" onclick="alpha('ژ')" value="ژ"></td>
<td><input type="button" class="bt" onclick="alpha('ز')" value="ز"></td>
<td><input type="button" class="bt" onclick="alpha('ړ')" value="ړ"></td>
<td><input type="button" class="bt" onclick="alpha('ر')" value="ر"></td>
<td><input type="button" class="bt" onclick="alpha('ذ')" value="ذ"></td>
<td><input type="button" class="bt" onclick="alpha('ډ')" value="ډ"></td>
<td><input type="button" class="bt" onclick="alpha('د')" value="د"></td>
<td><input type="button" class="bt" onclick="alpha('خ')" value="خ"></td>
<td><input type="button" class="bt" onclick="alpha('ح')" value="ح"></td>
<td><input type="button" class="bt" onclick="alpha('څ')" value="څ"></td>
<td><input type="button" class="bt" onclick="alpha('چ')" value="چ"></td>
<td><input type="button" class="bt" onclick="alpha('ځ')" value="ځ"></td>
<td><input type="button" class="bt" onclick="alpha('ج')" value="ج"></td>
<td><input type="button" class="bt" onclick="alpha('ث')" value="ث"></td>
<td><input type="button" class="bt" onclick="alpha('ټ')" value="ټ"></td>
<td><input type="button" class="bt" onclick="alpha('ت')" value="ت"></td>
<td><input type="button" class="bt" onclick="alpha('پ')" value="پ"></td>
<td><input type="button" class="bt" onclick="alpha('ب')" value="ب"></td>
<td><input type="button" class="bt" onclick="alpha('ا')" value="ا"></td>
</tr>
</table>
<br>
<table>
<tr align="center" class="lat">
<td>nn</td>
<td>n</td>
<td>m</td>
<td>l</td>
<td>g</td>
<td>k</td>
<td>q</td>
<td>f</td>
<td>Gh</td>
<td>' </td>
<td>Z</td>
<td>T</td>
<td>D</td>
<td>S</td>
<td>sch</td>
<td>sh</td>
<td>s</td>
</tr>
<tr align="center">
<!-- td><input type="button" value="ي" onclick="alpha('ي')" class="bt"></td -->
<td><input type="button" class="bt" onclick="alpha('ڼ')" value="ڼ"></td>
<td><input type="button" class="bt" onclick="alpha('ن')" value="ن"></td>
<td><input type="button" class="bt" onclick="alpha('م')" value="م"></td>
<td><input type="button" class="bt" onclick="alpha('ل')" value="ل"></td>
<td><input type="button" class="bt" onclick="alpha('ګ')" value="ګ"></td>
<td><input type="button" class="bt" onclick="alpha('ک')" value="ک"></td>
<td><input type="button" class="bt" onclick="alpha('ق')" value="ق"></td>
<td><input type="button" class="bt" onclick="alpha('ف')" value="ف"></td>
<td><input type="button" class="bt" onclick="alpha('غ')" value="غ"></td>
<td><input type="button" class="bt" onclick="alpha('ع')" value="ع"></td>
<td><input type="button" class="bt" onclick="alpha('ظ')" value="ظ"></td>
<td><input type="button" class="bt" onclick="alpha('ط')" value="ط"></td>
<td><input type="button" class="bt" onclick="alpha('ض')" value="ض"></td>
<td><input type="button" class="bt" onclick="alpha('ص')" value="ص"></td>
<td><input type="button" class="bt" onclick="alpha('ښ')" value="ښ"></td>
<td><input type="button" class="bt" onclick="alpha('ش')" value="ش"></td>
<td><input type="button" class="bt" onclick="alpha('س')" value="س"></td>
</tr>
</table>
<br>
<table>
<tr align="center" class="lat">
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td nowrap> &nbsp; &nbsp; &nbsp; </td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>e</td>
<td>y</td>
<td>h</td>
<td>w</td>
</tr>
<tr align="center">
<td><input type="button" class="bt" onclick="alpha('؟')" value="؟"></td>
<td><input type="button" class="bt" onclick="alpha('؛')" value="؛"></td>
<td><input type="button" class="bt" onclick="alpha('،')" value="،"></td>
<td><input type="button" class="bt" onclick="alpha('ـ')" value="ـ"></td>
<td>&nbsp;</td>
<td><input type="button" class="bt" onclick="alpha('ء')" value="ء"></td>
<td><input type="button" class="bt" onclick="alpha('ئ')" value="ئ"></td>
<td><input type="button" class="bt" onclick="alpha('ۍ')" value="ۍ"></td>
<td><input type="button" class="bt" onclick="alpha('ي')" value="ي"></td>
<td><input type="button" class="bt" onclick="alpha('ې')" value="ې"></td>
<td><input type="button" class="bt" onclick="alpha('ی')" value="ی"></td>
<td><input type="button" class="bt" onclick="alpha('ه')" value="ه"></td>
<td><input type="button" class="bt" onclick="alpha('و')" value="و"></td>
</tr>
</table>
<br>
<table>
<tr align="center"> </tr>
</table>
<br>
<table>
<tr align="center" class="lat">
<td>0</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<tr align="center">
<td><input type="button" class="bt" onclick="alpha('۰')" value="۰"></td>
<td><input type="button" class="bt" onclick="alpha('۱')" value="۱"></td>
<td><input type="button" class="bt" onclick="alpha('۲')" value="۲"></td>
<td><input type="button" class="bt" onclick="alpha('۳')" value="۳"></td>
<td><input type="button" class="bt" onclick="alpha('۴')" value="۴"></td>
<td><input type="button" class="bt" onclick="alpha('۵')" value="۵"></td>
<td><input type="button" class="bt" onclick="alpha('۶')" value="۶"></td>
<td><input type="button" class="bt" onclick="alpha('۷')" value="۷"></td>
<td><input type="button" class="bt" onclick="alpha('۸')" value="۸"></td>
<td><input type="button" class="bt" onclick="alpha('۹')" value="۹"></td>
</tr>
</table>
</form>

Код (JavaScript) Выделить Развернуть

//  copyright lexilogos.com
function alpha(item) {
var input = document.conversion.saisie;
if (document.selection) {
            input.focus();
range = document.selection.createRange() ;
range.text = item ;
            range.select();
}
else if (input.selectionStart || input.selectionStart == '0') {
var startPos = input.selectionStart;
var endPos = input.selectionEnd;
var cursorPos = startPos;
var scrollTop = input.scrollTop;
var baselength = 0;
input.value = input.value.substring(0, startPos)
            + item
            + input.value.substring(endPos, input.value.length);
cursorPos += item.length;
input.focus();
input.selectionStart = cursorPos;
input.selectionEnd = cursorPos;
input.scrollTop = scrollTop;
}
else {
input.value += item;
input.focus();
}
}

function copy() {
textRange=document.conversion.saisie.createTextRange();
textRange.execCommand("Copy");
textRange="";
}

var car;
function annuler () {
car = document.conversion.saisie.value;
car=car.replace(/\u200b/g, "");
document.conversion.saisie.value=car;
}