Convertir heures en minutes

Version imprimable

Voir 40 message(s) de cette discussion en une page

Bonjour à tous.

J'aimerais convertir des heures en minutes avec une fonction javascript mais

Code:

1
2
3
4
5
6
7
8
9
 
<div>
		<label for="duree_heure">{#labelDuree#}</label>
		<input type="text" id="duree_min" name="data[DossierIntervention][duree_min]" 
		value="{$DossierIntervention.duree_min}" onkeyup="ConvertMinute()" size="3" />
		{#labelMin#}
		<input type="text" id="duree_heure" name="data[DossierIntervention][duree_heure]" onKeyUp="javascript:ConvertMinutes();"  size="3" />
		{#labelHeure#}
</div>

Ma fonction javascript est la suivante :

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<script type="text/javascript">
// <![CDATA[{/literal}
function ConvertMinutes() {
		var heure1= (document.form['formIntervention'].duree_heure.value)*60; 
		var heure2=(document.form['formIntervention'].duree_heure.value)%60;
		document.form['formIntervention'].duree_min=heure1+heure2;
		return(document.form['formIntervention'].duree_min);
	}
// ]]>{/literal}
</script>

14/04/2008, 11h10
SpaceFrog

arf ...

Code:

heure1= (document.getElementById('duree_heure').value)*60;

Code:

1
2
3
4
5
6
7
 
function ConvertMinutes() {
		var heure1= (document.getElementById('duree_heure').value)*60; 
		var heure2= (document.getElementById('duree_heure').value)%60;
		document.forms['formIntervention'].duree_min=heure1+heure2;
		return(document.forms['formIntervention'].duree_min);
	}

J'ai fait ca mais cela ne fonctionne toujours pas

14/04/2008, 11h26
SpaceFrog
Heu ça focntionne, mais ce que cela fait n'est peut être pas ce à quoi tu t'attends !!!

le return tu espère qu'il fasse quoi ?

là tu as:

Code:

onKeyUp="javascript:ConvertMinutes();"

onkeyup c'est sasn majuscules ...
le javascript: ne sert à rien ...
donc on peut reduire à :

Code:

onkeyup="ConvertMinutes();"

Ensuite :

Code:

document.forms['formIntervention'].duree_min=heure1+heure2;

devrait pltuot être :
Code:

1 2 document.forms['formIntervention'].getElementById('duree_min').value=heure1+heure2;
et pour finir ... il sert à quoi le return ???

pour moi cette ligne est inutile :

Code:

return(document.forms['formIntervention'].duree_min);
14/04/2008, 11h31
lince102

J'ai pris note de tes remarques mais cela ne marche toujours pas.
Ben j'aimerais obtenir la valeur dans le champ duree-min et pour le moment j'obtiens 0.
Pourquoi je dois mettre getElementById ?Quelle est la différence?
14/04/2008, 11h37
Matthieu2000

Code:

document.form['formIntervention'].duree_min.value=heure1+heure2;

.value...

Code:

1 2 3 4 var heure1= (document.getElementById('duree_heure').value)*60; var heure2=(document.getElementById('duree_heure').value)%60; document.form['formIntervention'].getElementById('duree_min').value=heure1+heure2;
Ca maffiche toujours rien
J'ai meme essayé de mettre un message d erreur quand mon champ est vide mais ca ne fonctionne pas

14/04/2008, 11h51
SpaceFrog

mets un alert pour voir si il calcule bien, ou meêm si il passe dans la fonction ..
14/04/2008, 11h56
lince102
Nan ca ne passe pas dans ma fonction.J'ai rajouté :
Code:

1 2 alert('passe');
Mais ca ne l'affiche pas.
14/04/2008, 11h59
SpaceFrog

Tu peux refiler le code complet tel que tu l'as modifié ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<div>
		<label for="duree_min">{#labelDuree#}</label>
		<input type="text" id="duree_min" name="data[DossierIntervention][duree_min]" 
		value="{$DossierIntervention.duree_min}" size="3" />
		{#labelMin#}
		<input type="text" id="duree_heure" name="data[DossierIntervention][duree_heure]" onkeyup="ConvertMinutes();"  size="3" />
		{#labelHeure#}
	</div
 
<script type="text/javascript">
 
function ConvertMinutes() {
		alert('passe');
		heure1= (document.form.getElementById('duree_heure').value)*60;
		heure2=(document.form.getElementById('duree_heure').value)%60;
		document.form.getElementById('duree_min').value=heure1+heure2;
 
}
 
</script>

:roll:

Code:

1
2
3
heure1= (document.getElementById('duree_heure').value)*60;
		heure2=(document.getElementById('duree_heure').value)%60;
		document.getElementById('duree_min').value=heure1+heure2;

pas form !!!

14/04/2008, 13h39
lince102

ca fait toujours rien mais je voudrai savoir quel est la différence avec getElementById?
Et si le alert ne marche pas c'est qu'il ne passe pas dans ma fonction?Mais pourquoi?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<script type='text/javascript'>
function convert(){
document.getElementById('minutes').value=(document.getElementById('heures').value)*60 
} 
 </script>
</head>
 
<body>
heures: <input type="text" id="heures"  onkeyup="convert()" /><br />
minutes: <input type="text" id="minutes" <br />
</body>
</html>

le problème ne provient pas de javascript ...

14/04/2008, 13h56
lince102

Il peut venir de ou alors a votre avis?
14/04/2008, 14h02
SpaceFrog

quel est l'interet des labels for sur des input text ???
14/04/2008, 14h05
Glob

Hello.

Alors chez moi il affiche bien un "passe", signe qu'il appelle la fonction. Le javascript est-il activé sur ton browser?

A+
14/04/2008, 14h45
lince102

Je suis dacord avec toi.Mais c'est parce que j utilise le framework cake et ca doit venir de la!
14/04/2008, 14h48
SpaceFrog

Ha ben alors c'est que le framework cake ...
c'est pas du gateau !!!!
:mouarf3:
14/04/2008, 16h51
Glob

Mmmhhh... en quoi un FW PHP peut-il bloquer un onkeyup="alert()" ?

Ton browser, lui, se f... moque de savoir si la page a été générée par Cake, JSP, page statique ou encore tapée à la volée par un leprechaun caché dans le routeur.

A+

Voir 40 message(s) de cette discussion en une page