Permettre la modofication d'une horloge

Version imprimable

bonjour, j'aimerai autoriser à un utilisateur la modification de l'heure qui s'affiche dans un champ. J'aimerai que lorsqu'il modifie le champ, sa valeur ne soit pas effacée par l'heure systéme qui a tendance à réapparaitre.
Comment faire?
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <HTML> <HEAD> <SCRIPT LANGUAGE="Javascript">  </SCRIPT> </HEAD> <BODY onLoad="getDt()"> <FORM name="horloge"> <INPUT TYPE="text" NAME="display" SIZE=15 VALUE =""> </FORM> </BODY> </HTML>

24/01/2006, 11h58
siddh

sur le onchange de ton champ, tu devrais mettre un flag qui te permettrais de tester en arrivant dans ta methode si tu doit faire ce que tu fais la ou en plus faire des setHour sur la date en prenant ce qu'il y a dans ton input
24/01/2006, 14h42
cari

:roll: ce qui m'embete c'est que l'utilisateur ne peux saisir et s'il le fait, l'heure système réapparait aussi tot. c'est ce que je veux empecher.
24/01/2006, 14h56
siddh

ben deja il a qu'une seconde pour modifier, c est vrai que c est court

sinon sur le onkeydown, tu fais un clear timeout et sur le onchange (validation) tu le relance
24/01/2006, 15h43
cari

j'ai fais:

Code:

onclick="clearTimeout(Horloge());"

le compteur s'arrete un moment, puis cela continue et effece mes modifications
24/01/2006, 16h42
SpaceFrog
deux pistes :
Code:

1 2 3 4 var horloge=setTimeout("getDt()",1000); clearTimeout(horloge)
voire a declarer horloge en global si le clearTimeout n'est pas dans la même focntion

ou alors
avec un setInterval ... au lieu du setTimeout dans le fonction ...
j'ai jamais trop aimé faire un appel à la focntion au sein même de la fonction
24/01/2006, 16h52
cari
j'ai plutot écrit :
Code:

1 2 3 4 function vide_champ() {clearTimeout(Horloge()); document.getElementById("heurdeb").value = ""; }
le champ se vide juste pour 2 ou 3 secondes et l'heure réapparait, ne peut on pas arreter l'horloge?
24/01/2006, 16h55
SpaceFrog

désolé d'être intervenu je ne recommencerais pas ... :roll:
24/01/2006, 16h55
cari

avec setInterval , pas d'amélioration.

un exemple valant mieux que de longs palabres sur un code que l'on n'a pas vu dans son intégralité ...
voici un péché de jeunesse :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Count down</title>
<script type="text/javascript"> 
//Script By SpaceFrog 2004
var tps = 0 ; 
var h=0 ;
var m= 0;
var s=0;
var disp="";
var idtimer =setInterval('affichetemps()',1000);
 
function affichetemps(){ 
 
  tps++ ; 
  h = parseInt(tps/3600) ; 
  m = parseInt((tps%3600)/60) ; 
  s = parseInt((tps%3600)%60) ;
  disp = (h<10 ? "0"+h : h) + ':' + (m<10 ? "0"+m : m) + ':' + (s<10 ? "0"+s : s) ; 
  document.getElementById('temps').innerHTML= disp;
 
  if (s >= 12) {
   alert('ici tu peux envoyer ta fonction'); 
   clearInterval(idtimer); 
   return;
   } 
} 
 
</script>
</head> 
<body onload="idtimer"> 
<div id="temps" style="font-family: DigifaceWide; size: 10px;">00:00:00</div> 
</html>

24/01/2006, 17h01
cari

j'avais écrit cette function juste avant de lire le ton post, je voulais simplement savoir si c'atait pas la meme chose (les 2 bouts de codes)! :oops: