Avatar billede krydset Nybegynder
18. januar 2005 - 11:19 Der er 13 kommentarer og
2 løsninger

fra ene textbox til anden

Heysa.

Hvis jeg nu har 2 textbox af typen
<input type="text" name="text1">
<input type="text" name="text2">

og så jeg skriver noget i text1 så skal det samtidig med jeg skriver komme i text2, er der nogen der har et simpelt eks. på det ?

Mvh Thomas L.
Avatar billede fennec Nybegynder
18. januar 2005 - 11:30 #1
<form name="MyForm" method="post">
<input type="text" name="text1" onKeyUp="this.form.text2.value=this.value">
<input type="text" name="text2">
</form>
Avatar billede thomas_yde Nybegynder
18. januar 2005 - 11:39 #2
<script type="text/javascript">
function getE(id){return document.getElementById(id);}
function mirrorinput(inp1, inp2){
    getE(inp2).value = getE(inp1).value;
}

</script>
<input type="text" name="text1" id="text1" onKeyDown="mirrorinput('text1', 'text2')" onKeyUp="mirrorinput('text1', 'text2')">
<input type="text" name="c" id="text2">
Avatar billede thomas_yde Nybegynder
18. januar 2005 - 11:40 #3
<input type="text" name="text2" id="text2">
Avatar billede krydset Nybegynder
18. januar 2005 - 13:58 #4
hmmm okay det ser jo lovende ud begge 2, men nu jeg ikke er mester i js, kunne jge godt tænke mig at vide hvordan man nu gjorde hvis man ville regne lidt eks. hvis man skrev 1000 i text1 og så den smed eks. 25% oveni og udskrev det i text2, det er ikke lige så ligetil som jeg troede det var :-D
Avatar billede thomas_yde Nybegynder
18. januar 2005 - 14:06 #5
Ok du vil udregne moms :)

<script type="text/javascript">
function getE(id){return document.getElementById(id);}
function mirrorinput(inp1, inp2){
    var pris = parseInt(getE(inp1).value);
    var prismm = pris*1.25;
    getE(inp2).value = prismm;
}

</script>
<input type="text" name="text1" id="text1" onKeyDown="mirrorinput('text1', 'text2')" onKeyUp="mirrorinput('text1', 'text2')">
<input type="text" name="text2" id="text2">
Avatar billede krydset Nybegynder
18. januar 2005 - 14:08 #6
ja eller en masse andet, vill ebare prøve at lave det :-P men det gik bare ikke helt så godt for mig
Avatar billede thomas_yde Nybegynder
18. januar 2005 - 14:09 #7
:-)
Avatar billede krydset Nybegynder
18. januar 2005 - 14:10 #8
Men jeg bliver nød til at spørge om lidt dele af koden, da jeg ikke forstår det hele

Denne her funktion hva gør den

function getE(id){
    return document.getElementById(id);
}


Hvad gør denne her linie
parseInt(getE(inp1).value);
Avatar billede krydset Nybegynder
18. januar 2005 - 14:12 #9
og en sidste ting, hvis man indsætter et komma tal i form af
12,5 eller 12.5 så regner den ikke på tallet hvorfor
Avatar billede fennec Nybegynder
18. januar 2005 - 14:19 #10
1. Den funktione henter elementet med et bestemt ID. Bå den måde er man fri for at skulle skrive hele "stien" til elementet hver gang. F.eks hvis man nu skal bruge elementet "etID" mange gange i en kode:

obj = document.getElementById('etID');
alert(obj.value);
if(obj.value == "noget")
...

i stedet for at skrive:
alert(document.getElementById('etID').value)
if(document.getElementById('etID').value == "noget")
...
Avatar billede thomas_yde Nybegynder
18. januar 2005 - 14:22 #11
getE(id) henter et object med en bestemt id, og returnere den herefter.
Fx. bruger jeg den til at hente dit inputfelt. så jeg kan tilgå dens egenskaber (value,type,name,id).

parseInt(getE(inp1).value); den transformere en tekst til et heltal dvs "4" bliver til 4, "4,3" bliver også til 4.
Her skal vi bruge: var pris = parseFloat(getE(inp1).value);
da den tranformere det til et tal der understøtter "kommatal"
Du skal dog hver opmærksom på at "," og "." ikke er det samme, du skal bruge "." for at skrive "øre" på dvs "4.1" bliver til 4.1 som vi så kan beregne moms eller hvad du nu vil.
Avatar billede krydset Nybegynder
18. januar 2005 - 14:25 #12
okay mange tak for hjælpen, kender i nogen gode steder hvor man kan læse om alt det der getElementbyid osv vil godt lære noget om det ?
Avatar billede krydset Nybegynder
18. januar 2005 - 14:25 #13
og her er point til jer begge det var nogle flotte svar
Avatar billede thomas_yde Nybegynder
18. januar 2005 - 14:28 #14
jeg kan anbefale: http://www.devguru.com/Technologies/ecmascript/quickref/javascript_intro.html

og husk at javascript er casesensitive, dvs. det er ikke ligemeget om du skriver getelementbyid eller getElementById. Bare i tilfælde af at du ikke vidste det.
det samme gælder de variabler du har lyst til at erklære.
Avatar billede krydset Nybegynder
18. januar 2005 - 14:32 #15
Okay tak for det
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester