[HTML] textveld vullen door "in-html/onsite" keyboard ? - Softwareontwikkeling

donderdag 5 februari 2009 02:20

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Ik zoek een mogelijkheid om een textveld te vullen met letters (en eventueel cijfers) via een keyboard dat uit html bestaat.

Ik kan het keyboard wel laten verdwijnen doormiddel van een div met een onfocus of iets dergelijks, hier maak ik me niet druk om, waar ik me wel druk om maak is of dit te realiseren valt en of je als je een textveld selecteert het keyboard ook alleen hierin kan typen en eventueel niet in een andere welke je er ook mee zou willen vullen.

Uiteraard is er javascript, het probleem is alleen dat die keyboards vaak een bepaals formaat hebben. Ik dacht er zelf meer aan om via simpele html buttons de text in het textfield te genereren zodat je met CSS het kunt maken zoals je wil.

Voor javascript kwam ik onderandere hieruit, dit is wel een klein voorbeeld:

http://www.greywyvern.com/code/js/keyboard.html

Een mooier voorbeeld is:

http://www.codeproject.com/KB/scripting/jvk.aspx

Welke ook goed aan te passen is zoals het voorbeeld laat zien.

Toch opteer ik voor simpele HTML buttons welke een textveld kunnen vullen wanneer deze geselecteerd is. Ik kan volgens mij via HTML wel karakters genereren zover ik heb kunnen vinden, echter kan ik niet vinden waar.

donderdag 5 februari 2009 02:30

Acties:

0 Henk 'm!

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Euh; voor zover ik je topic begrijp is het toch niet veel anders dan de value van een textbox aanvullen

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

donderdag 5 februari 2009 02:34

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

RobIII schreef op donderdag 05 februari 2009 @ 02:30:
Euh; voor zover ik je topic begrijp is het toch niet veel anders dan de value van een textbox aanvullen

Ja klopt, ik kan alleen niet vinden hoe je dit met HTML buttons kan doen.

Het lijkt me ook echt mega 1995, maar stom genoeg... ik vind het nergens.

donderdag 5 februari 2009 02:34

Acties:

0 Henk 'm!

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Keyboard</title>
    <script type="text/javascript">
        function t(c) {
            var i=document.forms['myform'].elements['mytextbox'];
            i.value+=c.value;
            i.focus();
        }
    </script>
</head>

<body>
    <form name="myform" method="post" action="#">
        <fieldset title="Test">
            <legend>OnScreen Keyboard</legend>
            <textarea id="mytextbox" name="mytextbox" rows="10" cols="80">Test!!</textarea>
            <hr>
            <input type="button" value="q" onclick="t(this);"> 
            <input type="button" value="w" onclick="t(this);"> 
            <input type="button" value="e" onclick="t(this);"> 
            <input type="button" value="r" onclick="t(this);"> 
            <input type="button" value="t" onclick="t(this);"> 
            <input type="button" value="y" onclick="t(this);"> 
            <input type="button" value="u" onclick="t(this);"> 
            <input type="button" value="i" onclick="t(this);"> 
            <input type="button" value="o" onclick="t(this);"> 
            <input type="button" value="p" onclick="t(this);"> 
            <br>
            <input type="button" value="a" onclick="t(this);"> 
            <input type="button" value="s" onclick="t(this);"> 
            <input type="button" value="d" onclick="t(this);"> 
            <input type="button" value="f" onclick="t(this);"> 
            <input type="button" value="g" onclick="t(this);"> 
            <input type="button" value="h" onclick="t(this);"> 
            ...etc...
        </fieldset>
    </form>
</body>
</html>

Kom op; dit heb ik in de afgelopen 4 minuten in elkaar geflanst. Dit is gewoon mega-basic HTML/JS kennis.

[ Voor 11% gewijzigd door RobIII op 05-02-2009 02:46 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

donderdag 5 februari 2009 02:35

Acties:

0 Henk 'm!

Noork

Dit lijkt me ook geen hogere wiskunde. Wat is nu precies de vraag?

donderdag 5 februari 2009 02:37

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Die typ je even snel zeker

Nu even het volgende:

Stel ik heb 2 formfields, is het dan verstandiger om 2 keyboard aan te maken, of kan ik redelijk focussen zoals met een normaal keyboard ?

donderdag 5 februari 2009 02:39

Acties:

0 Henk 'm!

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Verwijderd schreef op donderdag 05 februari 2009 @ 02:37:
Die typ je even snel zeker

Euh... ja

Zojuist geflanst hier ja.

Verwijderd schreef op donderdag 05 februari 2009 @ 02:37:
Nu even het volgende:

Stel ik heb 2 formfields, is het dan verstandiger om 2 keyboard aan te maken, of kan ik redelijk focussen zoals met een normaal keyboard ?

Doe zelf eens wat moeite zeg. Ik vind het wel welletjes. Als je nou de moeite had genomen even naar regel 7 in mijn code te kijken...

[ Voor 6% gewijzigd door RobIII op 05-02-2009 02:40 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij