Convertir heures en minutes

Version imprimable

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+
15/04/2008, 09h24
lince102

C'est bon j'ai réussi à le faire fonctionner mais maintenant c'est l 'algorithme qui n'est pas bon.Comment je peux faire car la pour le moment 1.5h correspond à 90 min et moi je souhaiterais que ce soit 1,30 qui corresponde à cela.
J'ai jamais fais de javascript!C'est le debut!
Quelqu'un peut m'aider?
15/04/2008, 09h39
le_chomeur

il ne faut pas multiplier directement , mais gérer corectement ton format de l'heure , sois 1:40 ou 1h30 mais 1,50 n'est pas un format d'heure ...
tu pourras par la suite gérer plus facilement ton calcul :)

Oui mais le probleme c'est que ce format est imposé.C'est pas moi qui le choisi!!!
J'ai fait ca pour le moment :
Code:

1 2 3 4 5 heure1=(document.getElementById('duree_heure').value)*60; heure2=(document.getElementById('duree_heure').value).substring(2,4); document.getElementById('duree_min').value=Number(heure1) + Number(heure2);
Comme ca je multiplie le 1er chiffre par 60 et les deux derniers chiffres je les ajoute pour obtenir

1,30=60*1+30=90 min
Je recupere bien 30 dans ma variable heure2
Mais lors de l'addition j'obtiens comme résultat 108 mais je ne comprend pas pourquoi!

15/04/2008, 10h30
lince102

Je pense que c'est parce que je dois prend l'aarondi pour heure 1 mais j'ai essayé avec round cela ne fonctionne pas.
Quelle est la fonction pour faire un arrondi en javascript?

voici un exemple ;)

Code:

1
2
3
4
5
6
7
8
9
10
 
	var origine = "1,30";
	var origine = "3";
	var tabHeure = origine.split(',');
	if(tabHeure.length > 1){
		alert((parseInt(tabHeure[0])*60) + parseInt(tabHeure[1]));
	}
	else{
		alert((parseInt(tabHeure[0])*60));
	}

j'ai remplacé les documents.getElementById ... ;)

Merci sinon j'avais réussi comme cela
Code:

1 2 heure1=(Math.floor(document.getElementById('duree_heure').value))*60;