code javascript

code javascript - HTML/CSS - Programmation

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>

Reply

Marsh Posté le 02-02-2012 à 21:50:45   

Reply

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 :
  1. function calfin ()
  2. {
  3.  var f1 = document.form1,
  4.   f2 = document.form1,
  5.   r1 = f1.tresultat.value,
  6.   r2 = f2.tresultat2.value;
  7.  return (parseInt (r1, 10) + parseInt (r2, 10));
  8. }


 
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.


---------------
We deserve everything that's coming...
Reply

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

Reply

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

Reply

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 [:spamafote]
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.


---------------
We deserve everything that's coming...
Reply

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.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed