Avatar billede Slettet bruger
22. december 2006 - 13:18 Der er 9 kommentarer og
1 løsning

mobil tastatur

Hej.

Jeg skal til at lave et sted hvor en bruger skal skrive sit telefon nr.

Så jeg har en input boks.
<input type="text" name="nr">

Så ville jeg spørge om hvordan man kan lave en form for tastatur med 9 tal. Lige som MS lommeregneren.

Så når man trykker på et tal. Så går den ind i input boksen med det nye tal sidst imens de andre tal der er trykker forbliver der.
Avatar billede olebole Juniormester
22. december 2006 - 13:37 #1
<ole>

<input type="text" name="nr" id="nr">

<button onclick="document.getElementById('nr').value+=(9+'')">9</button>

/mvh
</bole>
Avatar billede olebole Juniormester
22. december 2006 - 13:37 #2
- de andre knapper kan du nok selv lave  ;o)
Avatar billede mathiasovesen Nybegynder
22. december 2006 - 13:40 #3
<script type="text/javascript">
function insert(name){
    document.formular.nr.value=document.formular.nr.value + name;
}

function toem(){
    document.formular.nr.value='';
}
</script>
<form method="post" name="formular">
<input name="nr" id="nr"><br>
<a href="java script:insert('1')">1</a>&nbsp;<a href="java script:insert('2')">2</a>&nbsp;<a href="java script:insert('3')">3</a><br><a href="java script:insert('4')">4</a>&nbsp;<a href="java script:insert('5')">5</a>&nbsp;<a href="java script:insert('6')">6</a><br><a href="java script:insert('7')">7</a>&nbsp;<a href="java script:insert('8')">8</a>&nbsp;<a href="java script:insert('9')">9</a><br><a href="java script:insert('0')">0</a>
</form>
Avatar billede Slettet bruger
22. december 2006 - 13:42 #4
Brugte mathiasovesen eksempel.
Avatar billede mathiasovesen Nybegynder
22. december 2006 - 13:45 #5
Ok, smider lige et svar så du kan give point.. :D
Avatar billede Slettet bruger
22. december 2006 - 13:48 #6
Kom til at se sådan her ud:

<form action="Default.asp?Side=<%= request.QueryString("Side") %>&Action=Sendt" method="post "name="formular">
<table>
<tr>
<td valign="top" width="200">
<input name="nr" id="nr" maxlength="8" style="width:200px;"><br />
<font color="#990000">Bemærk:</font>Dit nr. bliver brugt af dine venner til at kontakte dig.<br /><hr />
Senere bliver det muligt at få dine lektier via. sms'er.</td>
<td>
<input type="button" value="1" style="width:30px" onclick="java script:insert('1')" />&nbsp;
<input type="button" value="2" style="width:30px" onclick="java script:insert('2')" />&nbsp;
<input type="button" value="3" style="width:30px" onclick="java script:insert('3')" /><br />
<input type="button" value="4" style="width:30px" onclick="java script:insert('4')" />&nbsp;
<input type="button" value="5" style="width:30px" onclick="java script:insert('5')" />&nbsp;
<input type="button" value="6" style="width:30px" onclick="java script:insert('6')" /><br />
<input type="button" value="7" style="width:30px" onclick="java script:insert('7')" />&nbsp;
<input type="button" value="8" style="width:30px" onclick="java script:insert('8')" />&nbsp;
<input type="button" value="9" style="width:30px" onclick="java script:insert('9')" /><br />
<center>
<input type="button" value="0" style="width:30px" onclick="java script:insert('0')" />&nbsp;
</center>
</td>
</tr>
</table>
</form>
Avatar billede mathiasovesen Nybegynder
22. december 2006 - 13:51 #7
Okay, tak for point. :)
Avatar billede Slettet bruger
22. december 2006 - 13:54 #8
Hvorfor når jeg trykker på opret knappen går den over på urlen Default.asp?nr=34254454
Avatar billede olebole Juniormester
22. december 2006 - 14:06 #9
Så brug dog mit eksempel, som jo virker  =)

Det er - i modsætning til det andet eksempel - moderne kode, der også er understøttet under XHTML. Derudover bruger man _aldrig_ JavaScript pseudo-protokollen i en event-handler ... f.eks. her: onclick="java script:insert('0')"
Avatar billede olebole Juniormester
22. december 2006 - 14:09 #10
- og da FF er dum nok til at tro, at enhver knap er en submit-knap, bør du returnere false i din onclick-handler:
    <button onclick="document.getElementById('nr').value+=(9+'');return false">9</button>
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