code javascript - HTML/CSS - Programmation
Marsh Posté le 03-02-2012 à 02:02:19
Dans tes fonctions calfin et calfin1, tu supposes que form1 et form2 sont connus, ce qui est à mon avis pas le cas du tout !
Passe plutot par un truc comme ca :
Code :
|
Mieux ! Tu donnes une ID à tes forms, et tu recuperes ces derniers via des document.getElementById, ensuite tu bosses avec.
Pour info, sur "Mozilla" (Firefox je suppose ...), tu as un débogeur : soit tu fais CTRL+SHIFT+J, soit CTRL+SHIFT+K
Ainsi si tu as une erreur, tu vois direct où ca se passe.
Marsh Posté le 03-02-2012 à 10:59:41
Merci pour ton aide, pour ce qui est de mes balise calfin et calfin1 , appararement c est pas cela le probleme , vu que sa marche tres sur ie et chrome. Par j ai pas tres bien comprit ce que tu veux dire avec document.getElementById ? Peux tu m eclairé un peu merci
Marsh Posté le 03-02-2012 à 11:00:40
j ai modifié un peu le code voici le nouveau qui marche toujours pas sur mozilla
<script>
function cal() {
var pl=document.form1.places.value;
var tf=document.form1.tarifs.value;
var resultat=pl*tf;
var nombre=pl;
document.form1.tresultat.value=resultat;
document.form1.tnombre.value=nombre;
document.form1.tresultatfin.value = calfin();
document.form1.tnombrefin.value = calfin1();
}
function cal2() {
var pl2=document.form1.places2.value;
var tf2=document.form1.tarifs2.value;
var resultat2=pl2*tf2;
var nombre2=pl2;
document.form1.tresultat2.value=resultat2;
document.form1.tnombre2.value=nombre2;
document.form1.tresultatfin.value = calfin();
document.form1.tnombrefin.value = calfin1();
}
function calfin() {
var r1=form1.tresultat.value;
var r2=form1.tresultat2.value;
return (parseInt(r1)+parseInt(r2))
}
function calfin1(){
var n1=form1.tnombre.value;
var n2=form1.tnombre2.value;
return (parseInt(n1)+parseInt(n2))
}
</script>
<form name="form1">
Places :
<select name="places" onChange="cal()">
<option value="0">0
<option value="1">1
<option value="2">2
<option value="3">3
<option value="4">4
<option value="5">5
<option value="6">6
<option value="7">7
<option value="8">8
<option value="9">9
<option value="10">10
<option value="11">11
<option value="12">12
<option value="13">13
<option value="14">14
<option value="15">15
</select>
Tarifs :
<select name="tarifs" onChange="cal()">
<option value="8">Adulte
<option value="4">Enfant
</select>
<br><br>
<input type="text" value="0" disabled=true name="tresultat"> <font color="#FF0000">
<input type="text" value="0" disabled=true name="tnombre">
<form name="form1">
Places2 :
<select name="places2" onChange="cal2()">
<option value="0">0
<option value="1">1
<option value="2">2
<option value="3">3
<option value="4">4
<option value="5">5
<option value="6">6
<option value="7">7
<option value="8">8
<option value="9">9
<option value="10">10
<option value="11">11
<option value="12">12
<option value="13">13
<option value="14">14
<option value="15">15
</select>
Tarifs2 :
<select name="tarifs2" onChange="cal2()">
<option value="4">Enfant
<option value="8">Adulte
</select>
<br><br>
<input type="text" value="0" disabled=true name="tresultat2">
<input type="text" value="0" disabled=true name="tnombre2">
<form name="form1" onChange="calfin()">
<name="form1" onChange="calfin1()">
Résultat :<input type="text"value="0" disabled=true name="tresultatfin">
Nombre :<input type="text" value="0" disabled=true name="tnombrefin">
Marsh Posté le 03-02-2012 à 22:46:29
je ne t'ai pas parlé des balises, mais de tes fonctions. Dans celles-ci, tu fais appelles à tes objets qui ne sont pas assignés
Et ce n'est pas parce que ca fonctionne sous ie ou chrome que ton code est propre, loin de là d'ailleurs
Je t'ai proposé un bout de code que tu n'as pas integré au tiens, je te conseille de le regarder de plus pres.
Marsh Posté le 04-02-2012 à 11:41:44
En faite pour etre honnete avec toi et je pense que tu l avais comprit je suis un peu nul en javascript je mis suis mis y a pas longtemps.
Alors est ce que par hasard cela te derangerais de me faire un code propre , enfin du moin qui marche sur mozilla , pour que je puisse comparer ce que tu as fait et ce que j ai fais.
Comme ca je pense que je pourrais mieu comprendre ce qui clochen, parce que la pour moi ce que tu me dit c est du chinois.
Alors si tu auras la bonté , de m aider je t en serais reconnaissant.
Marsh Posté le 02-02-2012 à 21:50:45
Bonjour , ci dessous je vous ai mis un code que j ai recuperer sur ce site, mais que j ai un peu modifié pour rajouter plus d element, mon probleme c est que ce formulaire ne marche pas sur mozilla est ce que quelqu un pourrais me dire pourquoi, sa fait 4 jours que je suis dessus et la je rame.
Je vous remercie tous pour l interet que vous me donnerez
<script>
function cal() {
var pl=document.form1.places.value;
var tf=document.form1.tarifs.value;
var resultat=pl*tf;
var nombre=pl;
document.form1.tresultat.value=resultat; document.form1.tnombre.value=nombre;
document.formfin.tresultatfin.value = calfin();
document.formfin.tnombrefin.value = calfin1();
}
function cal2() {
var pl2=document.form2.places2.value;
var tf2=document.form2.tarifs2.value;
var resultat2=pl2*tf2;
var nombre2=pl2;
document.form2.tresultat2.value=resultat2;
document.form2.tnombre2.value=nombre2;
document.formfin.tresultatfin.value = calfin();
document.formfin.tnombrefin.value = calfin1();
}
function calfin() {
var r1=form1.tresultat.value;
var r2=form2.tresultat2.value;
return (parseInt(r1)+parseInt(r2))
}
function calfin1(){
var n1=form1.tnombre.value;
var n2=form2.tnombre2.value;
return (parseInt(n1)+parseInt(n2))
}
</script>
<form name="form1">
Places :
<select name="places" onChange="cal()">
<option value="0">0
<option value="1">1
<option value="2">2
<option value="3">3
<option value="4">4
<option value="5">5
<option value="6">6
<option value="7">7
<option value="8">8
<option value="9">9
<option value="10">10
<option value="11">11
<option value="12">12
<option value="13">13
<option value="14">14
<option value="15">15
</select>
Tarifs :
<select name="tarifs" onChange="cal()">
<option value="2">Jeune
<option value="4">Adulte
</select>
<br><br>
<input type="text" value="0" name="tresultat">
<input type="text" value="0" name="tnombre">
</form>
<form name="form2">
Places2 :
<select name="places2" onChange="cal2()">
<option value="0">0
<option value="1">1
<option value="2">2
<option value="3">3
<option value="4">4
<option value="5">5
<option value="6">6
<option value="7">7
<option value="8">8
<option value="9">9
<option value="10">10
<option value="11">11
<option value="12">12
<option value="13">13
<option value="14">14
<option value="15">15
</select>
Tarifs2 :
<select name="tarifs2" onChange="cal2()">
<option value="10">Fille
<option value="20">Garçon
</select>
<br><br>
<input type="text" value="0" name="tresultat2">
<input type="text" value="0" name="tnombre2">
</form>
<form name="formfin" onChange="calfin()">
<name="formfin" onChange="calfin1()">
Résultat :<input type="text"value="0"name="tresultatfin">
Nombre :<input type="text" value="0"name="tnombrefin">
</form>
<script>