Avatar billede bodyguard Nybegynder
31. oktober 2007 - 01:15 Der er 10 kommentarer og
2 løsninger

OnChange indsæt timetal og minuttal i inputs

Hejsa,

Som overskriften siger ønsker jeg et script som indsætter henholdsvis timetal og minuttal i to forskellige inputs.

<form method="post" name="Form1" action="includes/rapport.asp?cmd=opret">

<input name="overskrift" type="Text" value="" style="width: 95%">

<input name="timer" type="Text" value="" style="width: 20px" maxlength="2">&nbsp;<strong>:</strong>&nbsp;<input name="minut" type="Text" value="" style="width: 20px" maxlength="2">

<input type="Submit" value=" OK " style="cursor: hand">
</form>
Avatar billede w13 Novice
31. oktober 2007 - 01:17 #1
Når hvad skifter?

Cursor:hand; virker i øvrigt ikke i alle browsere, men det gør cursor:pointer; derimod. =)
Avatar billede w13 Novice
31. oktober 2007 - 01:22 #2
Prøv her:
-----------------------------------------
<script type="text/javascript">
function InsertTime(){
    var sTime=new Date();
    document.getElementByid("time").setAttribute("value",sTime.getHours());
    document.getElementByid("minut").setAttribute("value",sTime.getMinutes());
}
</script>

<form method="post" name="Form1" action="includes/rapport.asp?cmd=opret">

<input name="overskrift" type="text" style="width: 95%">

<input id="time" name="timer" type="text" onchange="InsertTime()" style="width: 20px" maxlength="2"> <strong>:</strong> <input id="minut" name="minut" type="text" onchange="InsertTime()" style="width: 20px" maxlength="2">

<input type="Submit" value=" OK " style="cursor:pointer">
</form>
Avatar billede w13 Novice
31. oktober 2007 - 01:23 #3
Det er dog utestet.
Avatar billede bodyguard Nybegynder
31. oktober 2007 - 02:02 #4
Jeg har ændret lidt i det:

function InsertTime(){
    var sTime=new Date();
    document.getElementByid("timer").setAttribute("value",sTime.getHours());
    document.getElementByid("minut").setAttribute("value",sTime.getMinutes());
}


<input name="overskrift" type="Text" value="" style="width: 95%" onchange="InsertTime()">

<input id="timer" name="timer" type="Text" value="" style="width: 20px" maxlength="2">&nbsp;<strong>:</strong>&nbsp;<input id="minut" name="minut" type="Text" value="" style="width: 20px" maxlength="2">

Men det virker stadig ikke...
Avatar billede bodyguard Nybegynder
31. oktober 2007 - 02:07 #5
Det skal være sådan at når man begynder at indtaste i overskrift feldtet, så skal time- og minuttallet indsættes i inputsne...
Avatar billede w13 Novice
31. oktober 2007 - 11:54 #6
Ok. Så skal det ikke køres på onchange, så skal det køres på onkeyup. Og hvis det ikke lige passer, så prøv onkeypress eller onkeydown.
Avatar billede roenving Novice
04. november 2007 - 05:46 #7
-- og så skal det vel kun gøres een gang ...

<script type="text/javascript">
function InsertTime(elm){
  if(elm.value.length>1)
    return;
  var sTime=new Date();
  document.getElementById("timer").setAttribute("value",twoDigits(sTime.getHours()));
  document.getElementById("minut").setAttribute("value",twoDigits(sTime.getMinutes()));
}
function twoDigits(num){
  return 10>num ? "0" + num : num
}
</script>

<input name="overskrift" type="text" value="" style="width: 95%" onkeyup="InsertTime(this)">
<br>
<input id="timer" name="timer" type="text" value="" style="width: 20px" maxlength="2">&nbsp;<strong>:</strong>&nbsp;<input id="minut" name="minut" type="text" value="" style="width: 20px" maxlength="2">
Avatar billede w13 Novice
06. november 2007 - 10:53 #8
Fået det til at fungere?
Avatar billede bodyguard Nybegynder
29. december 2007 - 08:08 #9
Smid endelig et svar :)
Avatar billede w13 Novice
29. december 2007 - 13:51 #10
Nu ved jeg ikke, om du mener mig eller Roenving, men ellers er jeg da også frisk på en deler. ^^
Avatar billede roenving Novice
29. december 2007 - 14:00 #11
Tjah, det lyder da meget rimeligt !-)

Velbekomme '-)
Avatar billede roenving Novice
03. april 2008 - 17:14 #12
-- og tak for point ;~}
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