Id null [Résolu]

-
Bonjour,
j'ai un tableau avec des input qui ont des ID
en voici une ligne
<tr><td><input type="text" style="width:85px" id="N2"class="LG" class="num"></td>
    <td><input type="text"style="width:150 px" id="XX2" ></td>
    <td><input type="text"style="width:150 px" id="YY2" ></td>
    <td><input type="text"style="width:150 px" id="D2" ></td>
    <td><input type="text" style="width:150 px"id="G2" ></td>
    <td><input type="text"style="width:250 px" id="observation2"></td></tr>

avec une fonction javascript je calcul les Distance et les gisements
function Gis(){

   for (i=2;i<=60;i++){
  

      var yd =document.getElementById("YD").value;

        
      var xd = document.getElementById("XD").value;

  
     var yv = document.getElementById("YY"+i).value;

 
      var xv = document.getElementById("XX"+i).value;

   
      var g = document.getElementById("G"+i).value;


      var d = document.getElementById("D"+i).value;

      var pi=3.14159265358979

   

    if  (xv!=="" &&  yv !== "" && xd !=="" && yd !==""&& d+i===""&& g+i===""){


      var deltay=yv-yd;
     var  deltax=xv-xd;

      var dist = Math.sqrt((Math.abs(deltay)*(Math.abs(deltay)))+ (Math.abs(deltax)*Math.abs(deltax)));

      document.getElementById("D" + i).value=(dist).toFixed(3);

     var G = Math.atan(Math.abs(deltax)/Math.abs(deltay));

      if (deltax===0 && deltay >0){
      document.getElementById("G"+ i).value=(0).toFixed(5); 
    }
       else if(deltax>0 && deltay >0){
     document.getElementById("G"+i).value=(G*200/pi).toFixed(5); 
    }
       else if(deltax>0 && deltay === 0){
     document.getElementById("G"+i).value=(100).toFixed(5); 
    }
       else if(deltax>0 && deltay < 0){
     document.getElementById("G"+i).value=(200-(Math.abs(G)*200/pi)).toFixed(5);
    }
      else if(deltax===0 && deltay < 0){
     document.getElementById("G"+i).value=(200).toFixed(5) ;
    }
      else if(deltax < 0 && deltay < 0){
     document.getElementById("G"+i).value=(200+(Math.abs(G)*200/pi)).toFixed(5);
    }
        else if(deltax<0 && deltay === 0){
     document.getElementById("G"+i).value=(300).toFixed(5); 
    }
      else if(deltax<0 && deltay > 0){
     document.getElementById("G"+i).value=(400-(Math.abs(G)*200/pi)).toFixed(5); 
      }

jusque là pas de problème mais quand je veux inversé le calcul, c'est à dire calculer les X et Y à partir des gisements et distances
 else if ( d+i !== "" && g+i !== "" && deltay==="" && deltax==="" && xd !=="" && yd !==""  ){
    document.getElementById("XX"+i).value=xd+(d*sin(g*pi/200));
    document.getElementById("YY"+i).value=xd+(d*cos(g*pi/200));
    }
    
    }

   } 
 

}

j'obtiens "TypeError: document.getElementById(...) is null" comme si le XX et le YY n'existaient pas (la fonction est en dessous du html)
!
Quelqu'un aurait une idée car là je sèche vraiment
ps j'espère vque ce coup ci la coloration est bonne
Afficher la suite 

Votre réponse

3 réponses

Messages postés
23555
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
10 décembre 2018
0
Merci
Bonjour,

As tu essayé de faire des console.log de la variable i pour savoir à quelle valeur cela bloque ?
Pourrais tu nous coller le code html généré dans ton navigateur ?



Commenter la réponse de jordane45
0
Merci
je n'arrive pas à me débrouiller avec console.log mais si je mets des alert i ne bloque pas

il doit y avoir bug dans mon code car je n'arrive pas à redimensionner les colonnes comme je le souhaite, ça vient peu être de ça
je mets tous mon code, peu être qu'un oeil neuf peu faire la différence .

<style>

 
   


  Th{
      text-align: center;
            font-size: 25px;
         color:blue;
  }

    tr {
            text-align: center;
            font-size: 25px;
            color:blue;
        }

        
p{text-align:center;
            font-size: 25px;
            color: rgb(184, 6, 15);
}

table {
            margin: auto;
            text-align:center;
        
        }

        h1 {
            text-align: center;
            font-size: 35px;
            color: blue;
}

body {
        background-image:url(image/eau.jpg);
    
     } 

     td{
  border:1px solid #3b18bb;
 
}
input{ border:none;
            text-align: center;
            font-size: 25px;
            color: blue(184, 6, 15);
            background: white;
            color:blue;
         
            }
   

            .dep{ border:5px solid red;
            text-align: center;
            font-size: 25px;
            color: rgb(184, 6, 15);
          

            }

   </style>

   </head> 
<body>

l'HTML

<a href="Menu Topo.html"><img src="image/sommaire.jpg" id="sommaire" style="cursor:pointer"></a><br>
<img src="image/calcul.png" class="balade"  Id="JeValide" style="cursor:pointer" ; /></p>
<p><input type="text" id="XD" placeholder="X Station" class="dep" width="70px" style="background-color:rgb(10, 199, 41)"  /> 
<input type="text" id="YD" placeholder="Y Station"  class="dep"  width="70px" style="background-color:rgb(31, 100, 146)"  /> </p>



   
        
    


     <table cellpadding="7"table-layout:fixed  style="width:55%" border="5">

    
<thead>
 
    <tr>
        <strong> <th>N°</th>
        <th>X Visé</th>
        <th>Y Visé</th>
        <th>Distance</th>
        <th>Gisement</th>
        <th>Observation</th></strong>
        
    </tr>

</thead>
<tbody>
<tr><td><input type="text" style="width:85px" id="N2"class="LG" class="num"></td>
    <td><input type="text"style="width:150 px" id="XX2" ></td>
    <td><input type="text"style="width:150 px" id="YY2" ></td>
    <td><input type="text"style="width:150 px" id="D2" ></td>
    <td><input type="text" style="width:150 px"id="G2" ></td>
    <td><input type="text"style="width:250 px" id="observation2"></td></tr>

    <tr><td><input type="text" style="width:85px"class="LG" id="N3" ></td>
    <td><input type="text" style="width:150 px"id="XX3" ></td>
    <td><input type="text" style="width:150 px"id="YY3" ></td>
    <td><input type="text" style="width:150 px"id="D3" ></td>
    <td><input type="text"style="width:150 px" id="G3" ></td>
    <td><input type="text" style="width:250 px"id="observation3"></td></tr>

     <tr><td><input type="text" style="width:85px"class="LG" id="N4" ></td>
    <td><input type="text" style="width:150 px"id="XX4" ></td>
    <td><input type="text" style="width:150 px"id="YY4" ></td>
    <td><input type="text" style="width:150 px"id="D4" ></td>
    <td><input type="text"style="width:150 px" id="G4" ></td>
    <td><input type="text"style="width:250 px" id="observation4"></td></tr>

    <tr><td><input type="text" style="width:85px" class="LG" id="N5" ></td>
    <td><input type="text"style="width:150 px" id="XX5" ></td>
    <td><input type="text"style="width:150 px" id="YY5" ></td>
    <td><input type="text"style="width:150 px" id="D5" ></td>
    <td><input type="text"style="width:150 px" id="G5" ></td>
    <td><input type="text" style="width:250 px"id="observation5"></td></tr>

    <tr><td><input type="text" style="width:85px" class="LG"id="N6" ></td>
    <td><input type="text" style="width:150 px"id="XX6" ></td>
    <td><input type="text" style="width:150 px"id="YY6" ></td>
    <td><input type="text"style="width:150 px" id="D6" ></td>
    <td><input type="text" style="width:150 px"id="G6" ></td>
    <td><input type="text"style="width:250 px" id="observation6"></td></tr>

    <tr><td><input type="text" style="width:85px"class="LG" id="N7" ></td>
    <td><input type="text"style="width:150 px" id="XX7" ></td>
    <td><input type="text"style="width:150 px" id="YY7" ></td>
    <td><input type="text"style="width:150 px" id="D7" ></td>
    <td><input type="text" style="width:150 px"id="G7" ></td>
    <td><input type="text"style="width:250 px" id="observation7"></td></tr>

    <tr><td><input type="text" style="width:85px" class="LG"id="N8" ></td>
    <td><input type="text" style="width:150 px"id="XX8" ></td>
    <td><input type="text" style="width:150 px"id="YY8" ></td>
    <td><input type="text" style="width:150 px"id="D8" ></td>
    <td><input type="text"style="width:150 px" id="G8" ></td>
    <td><input type="text"style="width:250 px" id="observation8"></td></tr>

    <tr><td><input type="text" style="width:85px"class="LG" id="N9" ></td>
    <td><input type="text" style="width:150 px"id="XX9" ></td>
    <td><input type="text" style="width:150 px"id="YY9" ></td>
    <td><input type="text" style="width:150 px"id="D9" ></td>
    <td><input type="text"style="width:150 px" id="G9" ></td>
    <td><input type="text"style="width:250 px" id="observation9"></td></tr>

    <tr><td><input type="text" style="width:85px" class="LG" id="N10" ></td>
    <td><input type="text"style="width:150 px" id="XX10" ></td>
    <td><input type="text"style="width:150 px" id="YY10" ></td>
    <td><input type="text" style="width:150 px"id="D10" ></td>
    <td><input type="text" style="width:150 px"id="G10" ></td>
    <td><input type="text"style="width:250 px" id="observation10"></td></tr>

     <tr><td><input type="text" style="width:85px"class="LG" id="N11" ></td>
    <td><input type="text"style="width:150 px" id="XX11" ></td>
    <td><input type="text"style="width:150 px" id="YY11" ></td>
    <td><input type="text"style="width:150 px" id="D11" ></td>
    <td><input type="text"style="width:150 px" id="G11" ></td>
    <td><input type="text"style="width:250 px" id="observation11"></td></tr>

     <tr><td><input type="text" style="width:85px"class="LG" id="N12" ></td>
    <td><input type="text"style="width:150 px" id="XX12" ></td>
    <td><input type="text"style="width:150 px" id="YY12" ></td>
    <td><input type="text"style="width:150 px" id="D12" ></td>
    <td><input type="text"style="width:150 px" id="G12" ></td>
    <td><input type="text"style="width:150 px" style="width:250 px"id="observation12"></td></tr>

     <tr><td><input type="text"style="width:85px" class="LG" id="N13" ></td>
    <td><input type="text"style="width:150 px" id="XX13" ></td>
    <td><input type="text" style="width:150 px"id="YY13" ></td>
    <td><input type="text"style="width:150 px" id="D13" ></td>
    <td><input type="text"style="width:150 px" id="G13" ></td>
    <td><input type="text"style="width:250 px" id="observation13"></td></tr>

    <tr> <td><input type="text" style="width:85px"class="LG" id="N14" ></td>
    <td><input type="text"style="width:150 px" id="XX14" ></td>
    <td><input type="text"style="width:150 px" id="YY14" ></td>
    <td><input type="text"style="width:150 px" id="D14" ></td>
    <td><input type="text"style="width:150 px" id="G14" ></td>
    <td><input type="text"style="width:250 px" id="observation14"></td></tr>

    <tr> <td><input type="text" style="width:85px"class="LG" id="N15" ></td>
    <td><input type="text"style="width:150 px" id="XX15" ></td>
    <td><input type="text"style="width:150 px" id="YY15" ></td>
    <td><input type="text" style="width:150 px"id="D15" ></td>
    <td><input type="text"style="width:150 px" id="G15" ></td>
    <td><input type="text"style="width:250 px" id="observation15"></td></tr>

     <tr><td><input type="text" style="width:85px" class="LG"id="N16" ></td>
    <td><input type="text"style="width:150 px" id="XX16" ></td>
    <td><input type="text"style="width:150 px" id="YY16" ></td>
    <td><input type="text"style="width:150 px" id="D16" ></td>
    <td><input type="text" style="width:150 px"id="G16" ></td>
    <td><input type="text"style="width:250 px" id="observation16"></td></tr>

    <tr> <td><input type="text"style="width:85px"class="LG"  id="N17" ></td>
    <td><input type="text"style="width:150 px" id="XX17" ></td>
    <td><input type="text" style="width:150 px"id="YY17" ></td>
    <td><input type="text" style="width:150 px"id="D17" ></td>
    <td><input type="text" style="width:150 px"id="G17" ></td>
    <td><input type="text" style="width:250 px"id="observation17"></td></tr>

     <tr><td><input type="text" style="width:85px"class="LG" id="N18" ></td>
    <td><input type="text"style="width:150 px" id="XX18" ></td>
    <td><input type="text"style="width:150 px" id="YY18" ></td>
    <td><input type="text"style="width:150 px" id="D18" ></td>
    <td><input type="text"style="width:150 px" id="G18" ></td>
    <td><input type="text"style="width:250 px" id="observation18"></td></tr>

     <tr><td><input type="text" style="width:85px" class="LG"id="N19" ></td>
    <td><input type="text"style="width:150 px" id="XX19" ></td>
    <td><input type="text"style="width:150 px" id="YY19" ></td>
    <td><input type="text"style="width:150 px" id="D19" ></td>
    <td><input type="text" style="width:150 px"id="G19" ></td>
    <td><input type="text"style="width:250 px" id="observation19"></td></tr>

   <tr> <td><input type="text"style="width:85px" class="LG" id="N20" ></td>
    <td><input type="text"style="width:150 px" id="XX20" ></td>
    <td><input type="text"style="width:150 px" id="YY20" ></td>
    <td><input type="text"style="width:150 px" id="D20" ></td>
    <td><input type="text"style="width:150 px" id="G20" ></td>
    <td><input type="text"style="width:250 px" id="observation20"></td></tr>

   <tr> <td><input type="text" style="width:85px"class="LG" id="N21" ></td>
    <td><input type="text"style="width:150 px" id="XX21" ></td>
    <td><input type="text"style="width:150 px" id="YY21" ></td>
    <td><input type="text"style="width:150 px" id="D21" ></td>
    <td><input type="text" style="width:150 px"id="G21" ></td>
    <td><input type="text"style="width:250 px" id="observation21"></td></tr>

    <tr><td><input type="text" style="width:85px"class="LG" id="N22" ></td>
    <td><input type="text"style="width:150 px" id="XX22" ></td>
    <td><input type="text"style="width:150 px" id="YY22" ></td>
    <td><input type="text" style="width:150 px"id="D22" ></td>
    <td><input type="text"style="width:150 px" id="G22" ></td>
    <td><input type="text"style="width:250 px" id="observation22"></td></tr>

   <tr> <td><input type="text" style="width:85px"class="LG" id="N23" ></td>
    <td><input type="text" style="width:150 px"id="XX23" ></td>
    <td><input type="text"style="width:150 px" id="YY23" ></td>
    <td><input type="text"style="width:150 px" id="D23" ></td>
    <td><input type="text"style="width:150 px" id="G23" ></td>
    <td><input type="text"style="width:250 px" id="observation23"></td></tr>

   <tr> <td><input type="text" style="width:85px" class="LG"id="N24" ></td>
    <td><input type="text"style="width:150 px" id="XX24" ></td>
    <td><input type="text"style="width:150 px" id="YY24" ></td>
    <td><input type="text"style="width:150 px" id="D24" ></td>
    <td><input type="text"style="width:150 px" id="G24" ></td>
    <td><input type="text"style="width:250 px" id="observation24"></td></tr>

   <tr> <td><input type="text" style="width:85px"class="LG" id="N25" ></td>
    <td><input type="text"style="width:150 px" id="XX25" ></td>
    <td><input type="text"style="width:150 px" id="YY25" ></td>
    <td><input type="text" style="width:150 px"id="D25" ></td>
    <td><input type="text"style="width:150 px" id="G25" ></td>
    <td><input type="text" style="width:250 px"id="observation25"></td></tr>

   <tr> <td><input type="text" style="width:85px"class="LG" id="N26" ></td>
    <td><input type="text"style="width:150 px" id="XX26" ></td>
    <td><input type="text"style="width:150 px" id="YY26" ></td>
    <td><input type="text" style="width:150 px"id="D26" ></td>
    <td><input type="text"style="width:150 px" id="G26" ></td>
    <td><input type="text"style="width:250 px" id="observation26"></td></tr>

   <tr> <td><input type="text"style="width:85px" class="LG" id="N27" ></td>
    <td><input type="text" style="width:150 px"id="XX27" ></td>
    <td><input type="text"style="width:150 px" id="YY27" ></td>
    <td><input type="text"style="width:150 px" id="D27" ></td>
    <td><input type="text"style="width:150 px" id="G27" ></td>
    <td><input type="text" style="width:250 px"id="observation27"></td></tr>

    <tr><td><input type="text" style="width:85px"class="LG" id="N28" ></td>
    <td><input type="text" style="width:150 px"id="XX28" ></td>
    <td><input type="text" style="width:150 px"id="YY28" ></td>
    <td><input type="text" style="width:150 px"id="D28" ></td>
    <td><input type="text" style="width:150 px"id="G28" ></td>
    <td><input type="text"style="width:250 px" id="observation28"></td></tr>

   <tr> <td><input type="text" style="width:85px"class="LG" id="N29" ></td>
    <td><input type="text"style="width:150 px" id="XX29" ></td>
    <td><input type="text"style="width:150 px" id="YY29" ></td>
    <td><input type="text"style="width:150 px" id="D29" ></td>
    <td><input type="text" style="width:150 px"id="G29" ></td>
    <td><input type="text"style="width:250 px" id="observation29"></td></tr>

    <tr><td><input type="text" style="width:85px" class="LG"id="N30" ></td>
    <td><input type="text"style="width:150 px" id="XX30" ></td>
    <td><input type="text"style="width:150 px" id="YY30" ></td>
    <td><input type="text"style="width:150 px" id="D30" ></td>
    <td><input type="text"style="width:150 px" id="G30" ></td>
    <td><input type="text" style="width:250 px"id="observation30"></td></tr>

   <tr> <td><input type="text" style="width:85px"class="LG" id="N31" ></td>
    <td><input type="text"style="width:150 px" id="XX31" ></td>
    <td><input type="text"style="width:150 px" id="YY31" ></td>
    <td><input type="text"style="width:150 px" id="D31" ></td>
    <td><input type="text"style="width:150 px" id="G31" ></td>
    <td><input type="text"style="width:250 px" id="observation31"></td></tr>

   <tr> <td><input type="text" style="width:85px" class="LG"id="N32" ></td>
    <td><input type="text"style="width:150 px" id="XX32" ></td>
    <td><input type="text"style="width:150 px" id="YY32" ></td>
    <td><input type="text"style="width:150 px" id="D32" ></td>
    <td><input type="text"style="width:150 px" id="G32" ></td>
    <td><input type="text"style="width:250 px" id="observation32"></td></tr>

   <tr> <td><input type="text" style="width:85px"class="LG" id="N33" ></td>
    <td><input type="text"style="width:150 px" id="XX33" ></td>
    <td><input type="text"style="width:150 px" id="YY33" ></td>
    <td><input type="text" style="width:150 px"id="D33" ></td>
    <td><input type="text" style="width:150 px"id="G33" ></td>
    <td><input type="text"style="width:250 px" id="observation33"></td></tr>

    <tr><td><input type="text" style="width:85px"class="LG" id="N34" ></td>
    <td><input type="text"style="width:150 px" id="XX34" ></td>
    <td><input type="text" style="width:150 px"id="YY34" ></td>
    <td><input type="text"style="width:150 px" id="D34" ></td>
    <td><input type="text"style="width:150 px" id="G34" ></td>
    <td><input type="text"style="width:250 px" id="observation34"></td></tr>

    <tr><td><input type="text" style="width:85px" class="LG"id="N35" ></td>
    <td><input type="text" style="width:150 px"id="XX35" ></td>
    <td><input type="text"style="width:150 px" id="YY35" ></td>
    <td><input type="text"style="width:150 px" id="D35" ></td>
    <td><input type="text" style="width:150 px"id="G35" ></td>
    <td><input type="text"style="width:250 px" id="observation35"></td></tr>

    <tr><td><input type="text" style="width:85px" id="N36"class="LG" ></td>
    <td><input type="text"style="width:150 px" id="XX36" ></td>
    <td><input type="text"style="width:150 px" id="YY36" ></td>
    <td><input type="text"style="width:150 px" id="D36" ></td>
    <td><input type="text"style="width:150 px" id="G36" ></td>
    <td><input type="text"style="width:250 px" id="observation36"></td></tr>

    <tr><td><input type="text"style="width:85px" class="LG" id="N37" ></td>
    <td><input type="text"style="width:150 px" id="XX37" ></td>
    <td><input type="text"style="width:150 px" id="YY37" ></td>
    <td><input type="text" style="width:150 px"id="D37" ></td>
    <td><input type="text" style="width:150 px"id="G37" ></td>
    <td><input type="text"style="width:250 px" id="observation37"></td></tr>

   <tr> <td><input type="text" style="width:85px"class="LG" id="N38" ></td>
    <td><input type="text"style="width:150 px" id="XX38" ></td>
    <td><input type="text" style="width:150 px"id="YY38" ></td>
    <td><input type="text"style="width:150 px" id="D38" ></td>
    <td><input type="text"style="width:150 px" id="G38" ></td>
    <td><input type="text"style="width:250 px" id="observation38"></td></tr>

   <tr><td><input type="text" style="width:85px"class="LG" id="N39" ></td>
    <td><input type="text"style="width:150 px" id="XX39" ></td>
    <td><input type="text"style="width:150 px" id="YY39" ></td>
    <td><input type="text" style="width:150 px"id="D39" ></td>
    <td><input type="text" style="width:150 px"id="G39" ></td>
    <td><input type="text"style="width:250 px" id="observation39"></td></tr>

    <tr><td><input type="text" style="width:85px"class="LG" id="N40" ></td>
    <td><input type="text"style="width:150 px" id="XX40" ></td>
    <td><input type="text"style="width:150 px" id="YY40" ></td>
    <td><input type="text" style="width:150 px"id="D40" ></td>
    <td><input type="text"style="width:150 px" id="G40" ></td>
    <td><input type="text"style="width:250 px" id="observation40"></td></tr>

   <tr> <td><input type="text"style="width:85px" class="LG" id="N41" ></td>
    <td><input type="text"style="width:150 px" id="XX41" ></td>
    <td><input type="text" style="width:150 px"id="YY41" ></td>
    <td><input type="text" style="width:150 px"id="D41" ></td>
    <td><input type="text" style="width:150 px"id="G41" ></td>
    <td><input type="text"style="width:250 px" id="observation41"></td></tr>

    <tr><td><input type="text"style="width:85px" class="LG" id="N42" ></td>
    <td><input type="text" style="width:150 px"id="XX42" ></td>
    <td><input type="text"style="width:150 px" id="YY42" ></td>
    <td><input type="text" style="width:150 px"id="D42" ></td>
    <td><input type="text" style="width:150 px"id="G42" ></td>
    <td><input type="text"style="width:250 px" id="observation42"></td></tr>

   <tr> <td><input type="text" style="width:85px"class="LG" id="N43" ></td>
    <td><input type="text"style="width:150 px" id="XX43" ></td>
    <td><input type="text" style="width:150 px"id="YY43" ></td>
    <td><input type="text"style="width:150 px" id="D43" ></td>
    <td><input type="text" style="width:150 px"id="G43" ></td>
    <td><input type="text"style="width:250 px" id="observation43"></td></tr>

    <tr><td><input type="text" style="width:85px"class="LG" id="N44" ></td>
    <td><input type="text" style="width:150 px"id="XX44" ></td>
    <td><input type="text" style="width:150 px"id="YY44" ></td>
    <td><input type="text" style="width:150 px"id="D44" ></td>
    <td><input type="text" style="width:150 px"id="G44" ></td>
    <td><input type="text"style="width:250 px" id="observation44"></td></tr>

    <tr><td><input type="text" style="width:85px"class="LG" id="N45" ></td>
    <td><input type="text"style="width:150 px" id="XX45" ></td>
    <td><input type="text"style="width:150 px" id="YY45" ></td>
    <td><input type="text" style="width:150 px"id="D45" ></td>
    <td><input type="text" style="width:150 px"id="G45" ></td>
    <td><input type="text"style="width:250 px" id="observation45"></td></tr>

    <tr><td><input type="text" style="width:85px"class="LG" id="N46" ></td>
    <td><input type="text" style="width:150 px"id="XX46" ></td>
    <td><input type="text" style="width:150 px"id="YY46" ></td>
    <td><input type="text"style="width:150 px" id="D46" ></td>
    <td><input type="text" style="width:150 px"id="G46" ></td>
    <td><input type="text"style="width:250 px" id="observation46"></td></tr>

    <tr><td><input type="text"style="width:85px" class="LG" id="N47" ></td>
    <td><input type="text"style="width:150 px" id="XX47" ></td>
    <td><input type="text"style="width:150 px" id="YY47" ></td>
    <td><input type="text"style="width:150 px" id="D47" ></td>
    <td><input type="text" style="width:150 px"id="G47" ></td>
    <td><input type="text" style="width:250 px"id="observation47"></td></tr>

    <tr><td><input type="text" style="width:85px"class="LG" id="N48" ></td>
    <td><input type="text" style="width:150 px"id="XX48" ></td>
    <td><input type="text"style="width:150 px" id="YY48" ></td>
    <td><input type="text"style="width:150 px" id="D48" ></td>
    <td><input type="text"style="width:150 px" id="G48" ></td>
    <td><input type="text"style="width:250 px" id="observation48"></td></tr>

    <tr><td><input type="text"style="width:85px"class="LG" id="N49" ></td>
    <td><input type="text" style="width:150 px"id="XX49" ></td>
    <td><input type="text" style="width:150 px"id="YY49" ></td>
    <td><input type="text" style="width:150 px"id="D49" ></td>
    <td><input type="text" style="width:150 px"id="G49" ></td>
    <td><input type="text"style="width:250 px" id="observation49"></td></tr>

   <tr> <td><input type="text" style="width:85px" id="N51"class="LG" ></td>
    <td><input type="text"style="width:150 px" id="XX51" ></td>
    <td><input type="text"style="width:150 px" id="YY51" ></td>
    <td><input type="text"style="width:150 px" id="D51" ></td>
    <td><input type="text"style="width:150 px" id="G51" ></td>
    <td><input type="text" style="width:250 px"id="observation51"></td></tr>

    <tr><td><input type="text"style="width:85px" class="LG" id="N52" ></td>
    <td><input type="text"style="width:150 px" id="XX52" ></td>
    <td><input type="text"style="width:150 px" id="YY52" ></td>
    <td><input type="text"style="width:150 px" id="D52" ></td>
    <td><input type="text"style="width:150 px" id="G52" ></td>
    <td><input type="text" style="width:250 px"id="observation52"></td></tr>

    <tr><td><input type="text" style="width:85px"class="LG" id="N53" ></td>
    <td><input type="text" style="width:150 px"id="XX53" ></td>
    <td><input type="text"style="width:150 px" id="YY53" ></td>
    <td><input type="text"style="width:150 px" id="D53" ></td>
    <td><input type="text"style="width:150 px" id="G53" ></td>
    <td><input type="text"style="width:250 px" id="observation53"></td></tr>

    <tr><td><input type="text" style="width:85px" class="LG"id="N54" ></td>
    <td><input type="text"style="width:150 px" id="XX54" ></td>
    <td><input type="text" style="width:150 px"id="YY54" ></td>
    <td><input type="text"style="width:150 px" id="D54" ></td>
    <td><input type="text"style="width:150 px" id="G54" ></td>
    <td><input type="text"style="width:250 px" id="observation54"></td></tr>

   <tr> <td><input type="text"style="width:85px" class="LG" id="N55" ></td>
    <td><input type="text"style="width:150 px" id="XX55" ></td>
    <td><input type="text"style="width:150 px" id="YY55" ></td>
    <td><input type="text"style="width:150 px" id="D55" ></td>
    <td><input type="text" style="width:150 px"id="G55" ></td>
    <td><input type="text"style="width:250 px" id="observation55"></td></tr>

    <tr><td><input type="text" style="width:85px"class="LG" id="N56" ></td>
    <td><input type="text"style="width:150 px" id="XX56" ></td>
    <td><input type="text"style="width:150 px" id="YY56" ></td>
    <td><input type="text" style="width:150 px"id="D56" ></td>
    <td><input type="text"style="width:150 px" id="G56" ></td>
    <td><input type="text"style="width:250 px" id="observation56"></td></tr>
    
       <tr> <td><input type="text" style="width:85px" class="LG"id="N57" ></td>
    <td><input type="text"style="width:150 px" id="XX57" ></td>
    <td><input type="text"style="width:150 px" id="YY57" ></td>
    <td><input type="text"style="width:150 px" id="D57" ></td>
    <td><input type="text" style="width:150 px"id="G57" ></td>
    <td><input type="text"style="width:250 px" id="observation57"></td></tr>

   <tr> <td><input type="text"style="width:85px"class="LG"  id="N58" ></td>
    <td><input type="text"style="width:150 px" id="XX58" ></td>
    <td><input type="text"style="width:150 px" id="YY58" ></td>
    <td><input type="text"style="width:150 px" id="D58" ></td>
    <td><input type="text"style="width:150 px" id="G58" ></td>
    <td><input type="text"style="width:250 px" id="observation58"></td></tr>

   <tr> <td><input type="text"style="width:85px" class="LG" id="N59" ></td>
    <td><input type="text"style="width:150 px" id="XX59" ></td>
    <td><input type="text" style="width:150 px"id="YY59" ></td>
    <td><input type="text"style="width:150 px" id="D59" ></td>
    <td><input type="text"style="width:150 px" id="G59" ></td>
    <td><input type="text"style="width:250 px" id="observation59"></td></tr>

    <tr><td><input type="text"style="width:85px"class="LG" id="N60" ></td>
    <td><input type="text"style="width:150 px" id="XX60" ></td>
    <td><input type="text"style="width:150 px" id="YY60" ></td>
    <td><input type="text"style="width:150 px" id="D60" ></td>
    <td><input type="text"style="width:150 px" id="G60" ></td>
    <td><input type="text"style="width:250 px" id="observation60"></td></tr></strong>
</tr>
</tbody>
</table>

et le javascript
<script text=javascript>


		
var i = 2;
//var table = new Array();
//window.onload = function () {
   

function Gis(){

   for (i=2;i<=60;i++){
  

      var yd =document.getElementById("YD").value;

        
      var xd = document.getElementById("XD").value;

  
     var yv = document.getElementById("YY"+i).value;
     console.log =yv
 
      var xv = document.getElementById("XX"+i).value;

   console.log = xv
      var g = document.getElementById("G"+i).value;


      var d = document.getElementById("D"+i).value;

      var pi=3.14159265358979

   

    if  (xv!=="" &&  yv !== "" && xd !=="" && yd !==""&& d+i===""&& g+i===""){


      var deltay=yv-yd;
     var  deltax=xv-xd;

      var dist = Math.sqrt((Math.abs(deltay)*(Math.abs(deltay)))+ (Math.abs(deltax)*Math.abs(deltax)));

      document.getElementById("D" + i).value=(dist).toFixed(3);

     var G = Math.atan(Math.abs(deltax)/Math.abs(deltay));

      if (deltax===0 && deltay >0){
      document.getElementById("G"+ i).value=(0).toFixed(5); 
    }
       else if(deltax>0 && deltay >0){
     document.getElementById("G"+i).value=(G*200/pi).toFixed(5); 
    }
       else if(deltax>0 && deltay === 0){
     document.getElementById("G"+i).value=(100).toFixed(5); 
    }
       else if(deltax>0 && deltay < 0){
     document.getElementById("G"+i).value=(200-(Math.abs(G)*200/pi)).toFixed(5);
    }
      else if(deltax===0 && deltay < 0){
     document.getElementById("G"+i).value=(200).toFixed(5) ;
    }
      else if(deltax < 0 && deltay < 0){
     document.getElementById("G"+i).value=(200+(Math.abs(G)*200/pi)).toFixed(5);
    }
        else if(deltax<0 && deltay === 0){
     document.getElementById("G"+i).value=(300).toFixed(5); 
    }
      else if(deltax<0 && deltay > 0){
     document.getElementById("G"+i).value=(400-(Math.abs(G)*200/pi)).toFixed(5); 
      }
 
 

  else if ( d+i !== "" && g+i !== "" && deltay==="" && deltax==="" && xd !=="" && yd !==""  ){
    document.getElementById("XX"+i).value=xd+(d*sin(g*pi/200));
    document.getElementById("YY"+i).value=xd+(d*cos(g*pi/200));
    }
    
    }

   } 
 

}

//} 
document.getElementById("JeValide").addEventListener("click", function( event ) {
               Gis();
        }, false);

</script>
jordane45
Messages postés
23555
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
10 décembre 2018
-
Tu seras gentils d'enfin utiliser la COLORATION SYNTAXIQUE lorsque tu postes ton code !!!!
Pour ça il suffit d'indiquer le LANGAGE dans les balises de code.
En l'état... ton code est ILLISIBLE !

Pour ce qui est de l'utilisation des console.log ... y 'a pourtant rien de plus simple
Exemple :
var unvariable = "bonjour ";
console.log(unevariable);

Et ensuite.. ouvrir les outils de dev de ton navigateur, aller dans l'onglet "console" et lire ce qui s'y trouve !
jordane45
Messages postés
23555
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
10 décembre 2018
-
Si tu avais correctement utilisé les console.log ... tu aurais vu que ça bloquait au i = 50

Et pour cause...
Si on regarde ton code :
<tr> 
 <td> 
 <input type="text"style="width:85px"class="LG" id="N49" > 
 </td>  
 <td> 
 <input type="text" style="width:150 px"id="XX49" > 
 </td>  
 <td> 
 <input type="text" style="width:150 px"id="YY49" > 
 </td>  
 <td> 
 <input type="text" style="width:150 px"id="D49" > 
 </td>  
 <td> 
 <input type="text" style="width:150 px"id="G49" > 
 </td>  
 <td> 
 <input type="text"style="width:250 px" id="observation49"> 
 </td> 
 </tr>  
 <tr>  
 <td> 
 <input type="text" style="width:85px" id="N51"class="LG" > 
 </td>  
 <td> 
 <input type="text"style="width:150 px" id="XX51" > 
 </td>  
 <td> 
 <input type="text"style="width:150 px" id="YY51" > 
 </td>  
 <td> 
 <input type="text"style="width:150 px" id="D51" > 
 </td>  
 <td> 
 <input type="text"style="width:150 px" id="G51" > 
 </td>  
 <td> 
 <input type="text" style="width:250 px"id="observation51"> 
 </td> 
 </tr> 

On remarque que tu passes du 49 au 51 ... et donc... ben...
 var yv = document.getElementById("YY"+i).value; 

Autrement dit :
document.getElementById("YY50")

n'existe pas !


Pour info.. j'ai juste mis un console.log au niveau de la boucle
for (i=2; i<=60; i++) {  
 console.log('i : '+ i);
Commenter la réponse de dmoluc
0
Merci
merci jordan, dorénavent je vais essayé d'utiliser console.log car cela à l'aire bien pratique pour trouver les étourderies. Par contre javascript à l'aire d'être un language capricieux , en VB.net ça aurait calculer la boucle jusqu’au 49 avant de bloquer et on aurait su exactement et tout de suite se qui cloches. Si j’étais développeur je reverrais toute les nuit d'un langage universel mais bon pourquoi faire simple quand on peu faire compliquer...
encore merci pour le coup de main
jordane45
Messages postés
23555
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
10 décembre 2018
-

Par contre javascript à l'aire d'être un language capricieux , en VB.net ça aurait calculer la boucle jusqu’au 49 avant de bloquer

Ben.... heuuu... c'est ce que fait javascript également....
Il a bien réalisé les 49 premières boucles avant de bloquer..... Tu le verras par toi même lorsque tu auras testé le console.log que je t'ai donné.
Commenter la réponse de dmoluc

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.