Discussion :

[lince102]

Bonjour à tous.

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[SpaceFrog]

arf ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[lince102]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

onKeyUp="javascript:ConvertMinutes();"

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onkeyup="ConvertMinutes();"

Ensuite :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

devrait pltuot être :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

return(document.forms['formIntervention'].duree_min);

[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?

[Matthieu2000]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

.value...

[lince102]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

mets un alert pour voir si il calcule bien, ou meêm si il passe dans la fonction ..

[lince102]

Nan ca ne passe pas dans ma fonction.J'ai rajouté :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
alert('passe');

Mais ca ne l'affiche pas.

[SpaceFrog]

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

[lince102]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !!!

[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?

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ...

[lince102]

Il peut venir de ou alors a votre avis?

[SpaceFrog]

quel est l'interet des labels for sur des input text ???

[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+

[lince102]

Je suis dacord avec toi.Mais c'est parce que j utilise le framework cake et ca doit venir de la!

[SpaceFrog]

Ha ben alors c'est que le framework cake ...
c'est pas du gateau !!!!

[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+