webForumDet fria alternativet

Virtuellt tangentbord

JavaScript

6 svar · 879 visningar · startad av learn

Medlem sedan jan. 20051 130 inlägg
Frågan#1

Jag skulle vilja ha ett "virtuellt" tangentbord på min sajt. Dvs hela alfabetet på form-buttons. När jag klickar på dem överför de "sin" bokstav till ett textfield/textarea.

Någon som vet vart jag kan hitta ett sådant, eller har lust att demnstrera ett litet exempel på hur jag ska jag göra.

Tack så mycket på förhand och GOD JUL! :bire

PS. Jag behöver endast a-ö, 0-9 och mellanslag, inte shift och ctrl osv... DS

Medlem sedan juli 200012 978 inlägg
#2

Tryck på menyflaggan kör kör eller Run skriv osk och tryck på enter.

Medlem sedan jan. 20051 130 inlägg
#3

Det har jag redan hittat, men för det första är det allt för avancerat (jag vill endast ha bokstäver, siffor och mellanslag, inget annat) och för det andra så vill jag gärna ha tangentbordet integrerat i sajten (störrre tangenter osv). Men tack ändå för tipset :)

Medlem sedan jan. 20051 130 inlägg
#4

Någon som kan sparka mig rätt riktning iaf..?

Hur ska jag konstruera detta "tangentbord", det borde ju inte vara så komplicerat.En knapp med ett värde som vid onClick överför "sitt värde" (tex. A) till ett textfält/textarea.
Det ska dock vara snabbt och säkert.

Tack på förhand!

Medlem sedan feb. 2003202 inlägg
#5

Här har du en början...

<html>
<head>
<script type="text/javascript">

function addValue(obj)
{
   document.getElementById('textfalt').value += obj;
}

</script>
</head>

<body>

<form name="formular">
<textarea cols="40" rows="20" name="textfalt" id="textfalt"></textarea>
<br /><br />
<input type="button" value="A" onclick="addValue('A');" /> 
<input type="button" value="B" onclick="addValue('B');" />
<input type="button" value="C" onclick="addValue('C');" />
<input type="button" value="D" onclick="addValue('D');" />
<input type="button" value="E" onclick="addValue('E');" />
<input type="button" value="F" onclick="addValue('F');" />
<input type="button" value="Osv..." onclick="addValue(' Resten klarar du själv!');" /><br />
<input type="button" size="10" value="SPACE" onclick="addValue(' ');" />
<input type="button" size="10" value="NEW LINE" onclick="addValue('\n');" />
</form>

</body>
</html>
Medlem sedan apr. 20003 174 inlägg
#6

Tråden flyttas från Webbutveckling - Övrigt.

mvh Palle
Moderator webForum

Medlem sedan jan. 20051 130 inlägg
#7

det var ju så lätt... Tack andreascarlsson :bire

265 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
137 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)