Virtueel numpad

[Timvanbeukering]

Hallo,

Ik ben bezig om een virtueel numpad te programmeren icm een aantal velden. (textarea`s)
De velden kunnen gevuld worden door een getal in te voeren met het virtuele numpad op een touchscreen.

Ik wil nu een enter knop maken, die ervoor zorgt dat de data die in de textarea staat gekopieerd wordt naar een ander textfield. Omdat elke textarea gebruik maakt van hetzelfde virtuele numpad, lukt het mij niet de data in het juiste tekstveld te schrijven.
(elke textarea heeft zijn eigen textfield waarin geschreven moet worden)

Verder wil ik de invoer van getallen beperken van 0.5 tot 4.0.

Kan iemand mij hiermee helpen?

Alvast bedankt,

Groeten Tim

 

[NielsDesmet]

Maar is die enter toets dan ook virtueel? Zo ja probeer dan eens dit...

Voor de entertoets-tag:

<INPUT type="Button" onpress="Kopieer()">

Dan zorg je voor 1 tekstveld met als id "Tekst1" dat kan ingevuld worden met je virtuele numpad (Ik veronderstel dat je dat wel kan maken),daarna het tekstveld waarnaar het nummer moet gekopieerd worden met als id "Tekst2". Probeer dan eens dit stukje javascript code:

function Kopieer()
{
document.getElementById("Tekst2").value = document.getElementById("Tekst1").value;
}

Ik weet echter niet zeker of dit is wat je bedoelde? Als dat zo is, sorry...

 

[Timvanbeukering]

Ja, die entertoets is inderdaad ook virtueel.
Het probleem is dat dat numpad aangeroepen wordt voor meerdere tekstvakken.

Alleen het tekstvak waarvoor het numpad aangeroepen wordt, mag zijn inhoud kopieren naar het "doeltekstvak", wanneer er op enter gedrukt wordt.

Wanneer ik de functie zou maken op deze manier:

function Kopieer()
{
document.getElementById("Tekst2").value = document.getElementById("Tekst1").value;
}

kopieert de knop altijd alle vakjes. Dat mag dus niet.

Ik hoop dat ik het probleem nu iets duidelijker geschetst heb? Anders hoor ik het graag


Alvast bedankt!

Groeten Tim

 

[That Guy]

Wanneer ik de functie zou maken op deze manier:

function Kopieer()
{
document.getElementById("Tekst2").value = document.getElementById("Tekst1").value;
}

kopieert de knop altijd alle vakjes. Dat mag dus niet.

Erhm, niet echt, hij kopieert 'text1' naar 'text2'. Wat je zou kunnen doen is het gewoon een functie met parameters maken, en het dan op elke commandbutton invoeren. Zoiets.:

//js
function Kopieer(tFrom, tTo)
{
document.getElementById(tTo).value = document.getElementById(tFrom).value;
}

<!-- html -->
<textarea id="text1"></textarea> <input type="submit" onpress="Kopieer(text1,text2)"> <textarea id="text2"></textarea>


<textarea id="textX"></textarea> <input type="submit" onpress="Kopieer(textX,textY)"> <textarea id="textY"></textarea>

Zoiets? :thumb: