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.
Annonceindlæg tema
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>
22. december 2006 - 13:37
#2
- de andre knapper kan du nok selv lave ;o)
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> <a href="java script:insert('2')">2</a> <a href="java script:insert('3')">3</a><br><a href="java script:insert('4')">4</a> <a href="java script:insert('5')">5</a> <a href="java script:insert('6')">6</a><br><a href="java script:insert('7')">7</a> <a href="java script:insert('8')">8</a> <a href="java script:insert('9')">9</a><br><a href="java script:insert('0')">0</a> </form>
Slettet bruger
22. december 2006 - 13:42
#4
Brugte mathiasovesen eksempel.
22. december 2006 - 13:45
#5
Ok, smider lige et svar så du kan give point.. :D
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')" /> <input type="button" value="2" style="width:30px" onclick="java script:insert('2')" /> <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')" /> <input type="button" value="5" style="width:30px" onclick="java script:insert('5')" /> <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')" /> <input type="button" value="8" style="width:30px" onclick="java script:insert('8')" /> <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')" /> </center> </td> </tr> </table> </form>
22. december 2006 - 13:51
#7
Okay, tak for point. :)
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
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')"
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>
Vi tilbyder markedets bedste kurser inden for webudvikling