Javascript: pb dans mon code

Javascript: pb dans mon code - HTML/CSS - Programmation

Marsh Posté le 20-05-2005 à 11:54:40    

Bonjour,
 
quelqu'un peut me dire ce qui bloque?
 
les equations fonctionnent
seulement quand je change le champ
niveau de départ  
la div. "monDepart"
ne se modifie pas directement.
 
Il faut que j'aille changer n'importe quel champ au dessus
(comme films ou professionnel)
pour que seulement alors
la div "monDepart"
prenne en compte changement dans mon niveau.
 
Quelqu'un peut m'expliquer pourquoi?
 
Merci
 
--------------
 
<HTML>
<HEAD>
<TITLE>calcul de volume</TITLE>
<style type="text/css">
<!--
a:link,a:visited{text-decoration:none}
-->
</style>
<script type="text/javascript" language="javascript">
<!--
<!--
function Multiplier(_form) {
var nTemp = 0;
var nTemp2 = 0;
var nTemp3 = 0;
var nTemp4 = 0;
var nTemp5 = 0;
nTemp += _form.monChamp1.value * 0.50;
nTemp += _form.monChamp2.value * 0.7;
 
if(monSelect1.value=="Oui" )
nTemp2+=0.5*1.66;
if(monSelect2.value=="Oui" )
nTemp2+=1.0*1.66;
nTemp3=nTemp+nTemp2;
document.getElementById("monVolume" ).innerHTML = Math.round (nTemp2*100)/100;
document.getElementById("monResultat" ).innerHTML = Math.round (nTemp*100)/100;
document.getElementById("monTotal" ).innerHTML= Math.round (nTemp3*100)/100;
nTemp4=nTemp3;
if(EtageDep.value=="0" || EtageDep.value=="" ) {
nTemp4+=(-0.2)*(nTemp3/2);
document.getElementById("monEtage" ).innerHTML= Math.round (nTemp4*100)/100;
}
else if(EtageDep.value=="1" || EtageDep.value=="2" || EtageDep.value=="3" || EtageDep.value=="4" || EtageDep.value=="5" ) {
nTemp4+=0;
document.getElementById("monEtage" ).innerHTML= Math.round (nTemp4*100)/100;
}
else document.getElementById("monEtage" ).innerHTML= Math.round (nTemp4*100)/100;
}
-->
</script>
 
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape" )&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
.variable {
 font-family: Arial, Helvetica, sans-serif;
 font-size: medium;
 font-style: normal;
 line-height: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 color: #FFFFFF;
 text-decoration: none;
}
-->
</style>
</head>
 
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" link="#990000" vlink="#990000" alink="#990000" marginwidth=0 marginheight=0 leftmargin=0 topmargin=0>
<div align="center"><font face="Arial, Helvetica, sans-serif"> <br clear=all>
  </font> </div>
<form name="monForm">
  <div align="center"> </div>
  <font face="Arial, Helvetica, sans-serif"><div align="center">
  <div align="center"></div>
  <TABLE width="598" height="60" border="0" align="center" CELLSPACING="0">
    <tr align="left" valign="bottom" bgcolor="#CCCCCC">  
      <td width="268" height="30" align="left"><font face="Arial, Helvetica, sans-serif" color="#CC3333" size="2">Nombre  
        de Disques</font></td>
      <td width="31" height="30" align="left"><font face="Arial, Helvetica, sans-serif" color="#CC3333" size="2">  
        <input NAME="monChamp1" TYPE="text" id="monChamp1" onBlur="Multiplier(this.form)" VALUE="" SIZE="2">
        </font></td>
      <td width="26" height="30" align="left"><font color="#CC3333" size="2" face="Arial, Helvetica, sans-serif">&nbsp;</font></td>
      <td width="216" height="30" align="left"> <div align="left"><font color="#CC3333" size="2" face="Arial, Helvetica, sans-serif">Professionnel</font></div></td>
      <td width="47" height="30" align="left"><div align="right"><font face="Arial, Helvetica, sans-serif" color="#000000" size="2">  
          <select name="monSelect1" id="monSelect1" onChange="Multiplier(this.form)" >
            <option>Non</option>
            <option>Oui</option>
          </select>
          </font></div></td>
    </tr>
    <tr align="left" valign="bottom" bgcolor="#FFFFFF">  
      <td height="30" align="left"><font face="Arial, Helvetica, sans-serif" color="#CC3333" size="2">Nombre  
        de films</font></td>
      <td height="30" align="left"><font face="Arial, Helvetica, sans-serif" color="#CC3333" size="2">  
        <input NAME="monChamp2" TYPE="text" id="monChamp2" onBlur="Multiplier(this.form)" VALUE="" SIZE="2">
        </font></td>
      <td height="30" align="left"><font color="#CC3333" size="2" face="Arial, Helvetica, sans-serif">&nbsp;</font></td>
      <td height="30" align="left"> <div align="left"><font color="#CC3333" size="2" face="Arial, Helvetica, sans-serif">Professionnel</font></div></td>
      <td height="30" align="left"><div align="right"><font face="Arial, Helvetica, sans-serif" color="#000000" size="2">  
          <select name="monSelect2" id="monSelect2" onChange="Multiplier(this.form)">
            <option>Non</option>
            <option>Oui</option>
          </select>
          </font></div></td>
    </tr>
  </table>
  <TABLE WIDTH="598" border="1" align="center" CELLPADDING="0" CELLSPACING="0" bordercolor="#CC3333" bgcolor="#EAEAEA">
    <tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">  
      <td width="280"><div align="right"><font color="#CC3333" face="Arial, Helvetica, sans-serif"><br>
          <b></b></font></div></td>
      <td width="312" valign="bottom"> <div align="right"><font color="#CC3333" face="Arial, Helvetica, sans-serif">  
          <input type="reset" name="Reset" value="Remise &agrave; z&eacute;ro">
          </font></div></td>
    </tr>
  </table>
  <table width="597" height="25" border="0" align="center">
    <tr>
           
      <td width="317" height="23"><font color="#6666CC" face="Arial, Helvetica, sans-serif"><strong>Le  
        Nombre magique est de : </strong></font> </td>
           
      <td width="270">  
        <div align="right" id="monResultat" > null </div> </td>
        </tr>
      </table>
 
  <p>&nbsp;</p>
  <p> <font color="#CC3333" face="Arial, Helvetica, sans-serif">Niveau de d&eacute;part:  
    </font>  
    <input name="EtageDep" type="text" id="EtageDep" onChange="Multiplier(this.Form)" size="2" maxlength="2">
  </p>
</form>
<p align="left"><font color="#6666CC" face="Arial, Helvetica, sans-serif">Le niveau  
  de professionnel est:</font>  
<div id="monVolume"> null </div>  
<font color="#6666CC" size="3" face="Arial, Helvetica, sans-serif"> Le Nombre  
magique + le niveau prof. est :</font>  
<Div id="monTotal">  
  <p>null</p>
</Div>
<p align="left"><font color="#6666CC" face="Arial, Helvetica, sans-serif">Apr&egrave;s  
  correction Niveau de d&eacute;part : </font></p>
<Div id="monEtage"> null </Div>
 
</body>
</html>

Reply

Marsh Posté le 20-05-2005 à 11:54:40   

Reply

Marsh Posté le 21-05-2005 à 01:50:21    

Résolu  
merci!
;-)

Reply

Marsh Posté le 21-05-2005 à 10:07:05    

Tant mieux parce que là ... c'était un peu lourd à comprendre.
Et la réponse était ?


---------------
La curiosité est un vilain défaut car l'erreur et la frustration sont de croire qu'elle pourra être satisfaite !
Reply

Marsh Posté le 21-05-2005 à 17:17:34    

Oui, tu aurrais pu mettre en rouge ton problème, car là il est au milieu de JS et de CSS.

Reply

Marsh Posté le 21-05-2005 à 17:31:44    

j'apprends j'apprends à utiliser les forums...
 
Le probleme ... Les problèmes!
 
1. Toujours mettre document.form et non _form
 
2. ensuite les select n'ont pas de value...
j'ai donc remplacer par des boutons radios qui ont des value eux!
pffff  
Merci

Reply

Marsh Posté le 21-05-2005 à 18:53:15    

zoeweb a écrit :

1. Toujours mettre document.form et non _form


document.getElementById(id_du_formulaire) [:aloy]  

Citation :

2. ensuite les select n'ont pas de value...
j'ai donc remplacer par des boutons radios qui ont des value eux!


 :sarcastic:  
 
select.selectedIndex, select.options[i].value
 
 :sarcastic:


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 23-05-2005 à 12:27:43    

ok merci
;-)

Reply

Sujets relatifs:

Leave a Replay

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