Id null

Résolu

dmoluc - Modifié le 16 juil. 2018 à 08:46
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 - 17 juil. 2018 à 11:34

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

A voir également:

Id null
Sql remplacer null par 0 ✓ - Forum SQL
Remplacer Null par une valeur - Forum SQL
Remplacer la valeur 0000000 par la valeur null par SSIS - Forum SQL
Remplacer valeur NULL - Forum SQL
Call to a member function prepare() on null ✓ - Forum PHP

3 réponses

Réponse 1 / 3

jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 344
16 juil. 2018 à 09:10

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 ?

Réponse 2 / 3

dmoluc
16 juil. 2018 à 09:54

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 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 344
16 juil. 2018 à 10:05

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 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 344
16 juil. 2018 à 19:30

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);

Réponse 3 / 3

dmoluc
17 juil. 2018 à 11:06

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 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 344
17 juil. 2018 à 11:34

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

Discussions similaires

Les id de pages

Récupérer l'attribut "id" de l'élément cliqué

php?id=

[vb .net] utilisation du null

DATETIME à null

Votre réponse

Discussions similaires