Calcul avec javascript

**dmoluc** · 19/06/2018, 18h47

Bonjour
j'ai attaqu� un autre projet pour ne pas m'arr�ter sur ma lanc�e, mais je n'apprend pas vite car je n'arrive pas � faire calculer javascript

j'ai cr�er un tableau avec des zones de texte pour pouvoir entrer des valeurs comme avec un tableur
j'ai nomm� et mis des id � toutes les cellules mais ce qui me prendrer que quelques minute avec vba m'occupe depuis ce matin

voici le code avec la fonction qui ne s'ex�cute pas

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
document.getElementById("JeValide").addEventListener("click", function( event ) {
               Delta();		
        }, false); 
 
 
 var Lig = 1; 
  function Delta(){
 
  for (Lig = 1; <50;  lig++
 if  document.getElementById("Ar" + Lig).value >= 0 &&  document.getElementById("Av" + (Lig+1)).value >= 0 {
 
 document.getElementById("D" + (Lig +1)).value === document.getElementById("Ar" + Lig).value - document.getElementById("Av" + (Lig+1)).value
  }
 else if document.getElementById("Ar" + Lig).value === "" &&  document.getElementById("Av" + (Lig+1)).value >= 0 {
 
  document.getElementById("D" + (Lig +1)).value === document.getElementById("AV" + Lig).value - document.getElementById("Av" + (Lig+1)).value
  }

Si L1C1 et L2C2 contiennent une valeur, je fais l1c1 - l2c2
au sisinon si l1c1 est vide et l2c2 � une valeur alors je fais l1c2-l2c2 et tout �a avec une boucle jusqu'� la fin du tableau ; jusqu'� la derni�re ligne remplis mais je ne sais pas faire range("l50c2").end(xlup).rows �a serait trop beau si �a exister

dite moi ou je me trompe dans la syntaxe, merci pour votre aide

**NoSmoking** · 19/06/2018, 19h06

Bonjour,

voici le code avec la fonction qui ne s'ex�cute pas

Fait au moins un petit effort^(*), apprend au moins les bases du langage et/ou appui sur la touche F12.

^(*) au moins par respect pour tous ceux qui t'ont d�j� longuement r�pondu.

**dmoluc** · 19/06/2018, 19h33

bien sur, j'ai cette erreur : expected expression, got '<
mais je ne trouve pas ou est ce signe en trop ou peu �tre en moins

**NoSmoking** · 19/06/2018, 19h45

Un indice

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

if  document.getElementById("Ar" + Lig).value >= 0 &&  document.getElementById("Av" + (Lig+1)).value >= 0 {

Syntaxe incorrecte, et pour rappel VB !========= JavaScript !=============== Java

Invit� · 19/06/2018, 20h07

Bonjour,

Envoy� par dmoluc

...dite moi ou je me trompe dans la syntaxe, ...

Quasiment � chaque ligne...

**dmoluc** · 20/06/2018, 08h01

Bonjour
je n'arrive pas � comprendre cette erreur : TypeError: document.getElementById(...) is null
cela renvoi null parceque la zone de text est vide ou parce que la zone de text n'existe pas, dans ce cas j'ai un probl�me avec la variable Lig

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementById("AR" + Lig).value !== 'null'

l� j'ai vraiment besoin d'un coup de main, merci

**dmoluc** · 20/06/2018, 08h36

ma variable Lig est �gale � 1
AR1 = input �l�ment
"AR" + Lig = null
quelqu'un peu m'expliquer ?

Invit� · 20/06/2018, 08h42

Les meilleurs cours et tutoriels pour apprendre le JavaScript

Introduction au JavaScript - II. Syntaxe

**dmoluc** · 20/06/2018, 08h58

je l'ai lu 10 fois ce cour mais cela ne m'explique pas pourquoi l'id AR1 est nul : erreur renvoy� par la console
la zone de text AR1 existe bien et le code fait comme si elle n'existait pas ; je ne vois pas ce qui m'�chappe

Invit� · 20/06/2018, 09h21

La syntaxe !!!!

Envoy� par jreaux62

...Quasiment � chaque ligne...

En r�alit� : TOUTES les lignes sont fausses !

CORRIGE la syntaxe !!!!

**NoSmoking** · 20/06/2018, 12h00

Si tu arrives � avoir/lire cette erreur dans la console c'est qu'il doit y avoir du mieux dans ton code, enfin pas s�r, qu'il serait bon de nous mettre corrig� des erreurs �l�mentaires de syntaxe.

Ceci �tant il est � noter que l'on ne peut r�cup�rer via la m�thode getElementById que des �l�ments qui appartiennent au DOM au moment de l'appel � cette m�thode, en d'autre termes, pour faire simple dans un premier temps, o� se trouve ton script par rapport � ton code HTML, avant ou apr�s ?

Invit� · 20/06/2018, 12h14

Juste un exemple :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

for (Lig = 1; <50;  lig++

1- Ne dis pas que tu n'as pas trouv� de documentation sur la syntaxe de for(...) en JavaScript !!!

2- Idem pour la syntaxe de if(...)...

3- Quant aux ===, == ou = : je te laisse chercher et comprendre la diff�rence ?

"I have a dream..."

**dmoluc** · 20/06/2018, 14h28

le script est apr�s le code html car j'ai cru comprendre qu'il fallait que les �l�ments soient cr�er avant de jouer avec

ce que je ne comprend pas c'est qu'en appelant les zones de "text" avec leur Id certaines n'existe pas, et en les appelant avec leur nom �a fonctionne, pourtant l'id et le nom sont bien renseign�s.
le code que j'ai corrig� donne des r�sultats mais pas toujours les bons

je vais bien finir par trouver....

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
document.getElementById("JeValide").addEventListener("click", function( event ) {
               DeltaT();		
        }, false); 
 
 var Lig = 1; 
 
  function DeltaT()
  {
 
  while (Lig  < 49  )
  {
 
 if  (document.forms["Feuille"].elements["AR"+Lig].value !== "" &&  document.getElementById("AV"+(Lig+ 1)).value !== "" )
 {
document.getElementById("D" + (Lig+1)).value = (document.getElementById("AR" + Lig).value - document.getElementById("AV" +(Lig+1)).value)
  }
 else if (document.forms["Feuille"].elements["AR"+Lig].value = "" &&  document.getElementById("AV" + (Lig+1)).value !== "") 
 {
document.getElementById("D" + (Lig+1)).value = (document.getElementById("AV" + Lig).value - document.getElementById("AV" +(Lig+1)).value)
  }
  Lig = Lig +1
 }
 
 }

**Watilin** · 20/06/2018, 14h35

dmoluc,
quel �diteur de texte tu utilises actuellement ? Corrige-moi si je me trompe, mais je pense que tu trouveras agr�able d�avoir un environnement qui te dit quasi en temps r�el si tu as des probl�mes de syntaxe, et peut �ventuellement d�tecter des situations comme des valeurs ind�finies, des variables non d�clar�es, des fautes de casse (majuscule / minuscule, etc.)

Je ne veux pas faire de pub pour un logiciel ou un autre, donc je t�invite � essayer un IDE JavaScript, il y en a des gratuits et des payants, des libres et des propri�taires. Alternativement, il y a le linteur en ligne http://jshint.com/. Il est parfois psychorigide mais souvent utile.

Un d�veloppeur, c�est comme un artisan : il travaille mieux quand il a de bons outils

**JujuPomme** · 20/06/2018, 14h36

Et puis essaie de faire attention � ton indentation, pour toi, ton cerveau, et pour les autres.

**dmoluc** · 20/06/2018, 14h41

Sinon j'ai Visual studio qui a un �diteur javascript et HTML mais je ne sais pas si c'est possible de les utilis�s r�aliser des pages internet, mais je vais essayer, on verra bien

Invit� · 20/06/2018, 14h54

Envoy� par Watilin

Un d�veloppeur, c�est comme un artisan : il travaille mieux quand il a de bons outils

Par contre :

"ce n'est pas l'outil qui fait l'artisan."

Si tu n'apprends pas � t'en servir, le meilleur outil ne te sera d'aucune utilit�.

**dmoluc** · 20/06/2018, 14h59

oui je sais je veux toujours aller trop vite heureusement visual studio va m'aider car je me tue les yeux depuis ce matin 6 h00 sans voir les erreurs de syntaxe ; visual studio vient d'en trouver plus de 100, et en plus je vais peu �tre pouvoir faire un peu de php car il a un serveur virtuel qui tourne. enfin on verra bien si c'est b�n�fique...

Invit� · 20/06/2018, 15h00

Envoy� par dmoluc

...le code que j'ai corrig� donne des r�sultats mais pas toujours les bons...

Pour �a, on ne peut rien dire : on n'a pas les donn�es n�cessaires pour TESTER...

**dmoluc** · 20/06/2018, 15h11

voici le CSS

Code CSS :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
   <style>
 p{
   Text-align: center;
   line-height: 0;
   margin:.0em 0
   }
 
input{
   Text-align: center;
  font-size: 25px;
  border-color:blue;
   }
   h1 {
   font-size: 45px;
   color:blue;
   Text-align:center;
   }
   ul{
  list-style:none;
  border: 1px solid green;
}
 
ul li{
  display: inline-block;
  font-size: 30px;
}
 
nav{
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 50;
 
}
 
.top{
  top: 0;
}
 
div{
  height: 15
 
 </style>

le HTML attention, �a va faire mal aux yeux

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
  <body>
  <h1> Feuille de Nivellement </h1>
 
 
  <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
 
<nav>
  <ul>
    <li><img src="image/Valider.png" type="JeValide" Id="JeValide" style="cursor:pointer" ; /></li>
 
  </ul>
</nav>
 
 
 
 
 
 
 
 
 
   <form name="Feuille" id="Feuille">   
 
 
 
  <p><input type="text"  name="Numéro" id="Num"  style="width:70px" value="N°" readonly="readonly" /><input type="text"  name="AR0" id="AR0" style="width:200px" value="Lecture Arrière" readonly="readonly" /><input type="text"  name="AV" id="AV" style="width:200px" height="30px" value="Lecture Avant" readonly="readonly" /><input type="text" name="Delta" id="Delta" style="width:200px" height="60px" value="Dénivelée" readonly="readonly" /><input type="text"  name="ZPiquet" id="ZPiquet"  style="width:200px" value="Z Piquet" height="60px" readonly="readonly"/><input type="text"  name="ZProjet" id="ZProjet" style="width:200px" height="60px" value="Z Projet" readonly="readonly" /><input type="text"  name="Cotes" id="Cotes" style="width:150px" height="60px" value="Côtes" readonly="readonly" /></p>
  <p><input type="text"  name="N1" id="N1"  style="width:70px" /><input type="text"  name="AR1" id="AR1" style="width:200px" /><input type="text"  name="AV1" id="AV1"   style="width:200px;background-color:gray";  /><input type="text"="" name="D1" id="D1" value="" style="width:200px;background-color:gray" readonly="readonly"; /><input type="text"  name="ZP1" id="ZP1"  style="width:200px" /><input type="text"  name="ZPr1" id="ZPr1" style="width:200px" height="60px" /><input type="text"  name="C1" id="C1" style="width:150px"/></p> 
  <p><input type="text"  name="N2" id="N2"  style="width:70px" /><input type="text"  name="AR2" id="AR2" style="width:200px"  /><input type="text" name="AV2" id="AV2" value="" style="width:200px" /><input type="text"  name="D2" id="D2" value=""  style="width:200px" readonly="readonly"/><input type="text"  name="ZP2" id="ZP2" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr2" id="ZPr2" style="width:200px" /><input type="text"  name="C2" id="C2" style="width:150px"/></p> 
  <p><input type="text"  name="N3" id="N3"  style="width:70px" /><input type="text"  name="AR3" id="AR3" style="width:200px" /><input type="text"  name="AV3" id="AV3" style="width:200px"  /><input type="text" name="D3" id="D3" value="" style="width:200px" readonly="readonly" /><input type="text"  name="ZP3" id="ZP3" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr3" id="ZPr3" style="width:200px" /><input type="text"  name="C3" id="C3" style="width:150px"/></p>
  <p><input type="text"  name="N4" id="N4"  style="width:70px" /><input type="text"  name="AR4" id="AR4" style="width:200px" /><input type="text"  name="AV4" id="AV4" style="width:200px"  /><input type="text" name="D4" id="D4" value="" style="width:200px" readonly="readonly" /><input type="text"  name="ZP4" id="ZP4" value=""  style="width:200px" readonly="readonly"/><input type="text"  name="ZPr4" id="ZPr4" style="width:200px" /><input type="text"  name="C4" id="C4" style="width:150px"/></p>
  <p><input type="text"  name="N5" id="N5"  style="width:70px" /><input type="text"  name="AR5" id="AR5" style="width:200px" /><input type="text"  name="AV5" id="AV5" style="width:200px"  /><input type="text" name="D5" id="D5" value="" style="width:200px" readonly="readonly" /><input type="text"  name="ZP5" id="ZP5" value=""  style="width:200px" readonly="readonly"/><input type="text"  name="ZPr5" id="ZPr5" style="width:200px" /><input type="text"  name="C5" id="C5" style="width:150px"/></p>
  <p><input type="text"  name="N6" id="N6"  style="width:70px" /><input type="text"  name="AR6" id="AR6" style="width:200px" /><input type="text"  name="AV6" id="AV6" style="width:200px"  /><input type="text" name="D6" id="D6" value="" style="width:200px" readonly="readonly" /><input type="text"  name="ZP6" id="ZP6" value=""  style="width:200px" readonly="readonly"/><input type="text"  name="ZPr6" id="ZPr6" style="width:200px" /><input type="text"  name="C6" id="C6" style="width:150px"/></p>
  <p><input type="text"  name="N7" id="N7"  style="width:70px" /><input type="text"  name="AR7" id="AR7" style="width:200px" /><input type="text"  name="AV7" id="AV7" style="width:200px"  /><input type="text" name="D7" id="D7" value="" style="width:200px" readonly="readonly" /><input type="text"  name="ZP7" id="ZP7" value=""  style="width:200px" readonly="readonly"/><input type="text"  name="ZPr7" id="ZPr7" style="width:200px" /><input type="text"  name="C7" id="C7" style="width:150px"/></p>
  <p><input type="text"  name="N8" id="N8"  style="width:70px" /><input type="text"  name="AR8" id="AR8" style="width:200px" /><input type="text"  name="AV8" id="AV8" style="width:200px"  /><input type="text" name="D8" id="D8" value="" style="width:200px" readonly="readonly" /><input type="text"  name="ZP8" id="ZP8" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr8" id="ZPr8" style="width:200px" /><input type="text"  name="C8" id="C8" style="width:150px"/></p>
  <p><input type="text"  name="N9" id="N9"  style="width:70px" /><input type="text"  name="AR9" id="AR9" style="width:200px" /><input type="text"  name="AV9" id="AV9" style="width:200px"  /><input type="text" name="D9" id="D9" value="" style="width:200px" readonly="readonly" /><input type="text"  name="ZP9" id="ZP9" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr9" id="ZPr9" style="width:200px" /><input type="text"  name="C9" id="C9" style="width:150px"/></p>
 
  <p><input type="text"  name="N10" id="N10"  style="width:70px" /><input type="text"  name="AR10" id="AR10" style="width:200px" /><input type="text"  name="AV10" id="AV10" style="width:200px"  /><input type="text" name="D10" value="" id="D10" style="width:200px" readonly="readonly" /><input type="text"  name="ZP10" id="ZP10" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr10" id="ZPr10" style="width:200px" /><input type="text"  name="C10" id="C10" style="width:150px"/></p>
  <p><input type="text"  name="N11" id="N11"  style="width:70px" /><input type="text"  name="AR11" id="AR11" style="width:200px" /><input type="text"  name="AV11" id="AV11" style="width:200px"  /><input type="text" name="D11" value="" id="D11" style="width:200px" readonly="readonly" /><input type="text"  name="ZP11" id="ZP11" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr11" id="ZPr11" style="width:200px" /><input type="text"  name="C11" id="C11" style="width:150px"/></p>
  <p><input type="text"  name="N12" id="N12"  style="width:70px" /><input type="text"  name="AR12" id="AR12" style="width:200px" /><input type="text"  name="AV12" id="AV12" style="width:200px"  /><input type="text" name="D12" value=""id="D12" style="width:200px" readonly="readonly" /><input type="text"  name="ZP12" id="ZP12" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr12" id="ZPr12" style="width:200px" /><input type="text"  name="C12" id="C12" style="width:150px"/></p> 
  <p><input type="text"  name="N13" id="N13"  style="width:70px" /><input type="text"  name="AR13" id="AR13" style="width:200px" /><input type="text"  name="AV13" id="AV13" style="width:200px"  /><input type="text" name="D13" value="" id="D13" style="width:200px" readonly="readonly" /><input type="text"  name="ZP13" id="ZP13" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr13" id="ZPr13" style="width:200px" /><input type="text"  name="C13" id="C13" style="width:150px"/></p>
  <p><input type="text"  name="N14" id="N14"  style="width:70px" /><input type="text"  name="AR14" id="AR14" style="width:200px" /><input type="text"  name="AV14" id="AV14" style="width:200px"  /><input type="text" name="D14" value=""id="D14" style="width:200px" readonly="readonly" /><input type="text"  name="ZP14" id="ZP14" value=""  style="width:200px" readonly="readonly"/><input type="text"  name="ZPr14" id="ZPr14" style="width:200px" /><input type="text"  name="C14" id="C14" style="width:150px"/></p>
  <p><input type="text"  name="N15" id="N15"  style="width:70px" /><input type="text"  name="AR15" id="AR15" style="width:200px" /><input type="text"  name="AV15" id="AV15" style="width:200px"  /><input type="text" name="D15" value="" id="D15" style="width:200px" readonly="readonly" /><input type="text"  name="ZP15" id="ZP15" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr15" id="ZPr15" style="width:200px" /><input type="text"  name="C15" id="C15" style="width:150px"/></p>
  <p><input type="text"  name="N16" id="N16"  style="width:70px" /><input type="text"  name="AR16" id="AR16" style="width:200px" /><input type="text"  name="AV16" id="AV16" style="width:200px"  /><input type="text" name="D16" value="" id="D16" style="width:200px" readonly="readonly" /><input type="text"  name="ZP16" id="ZP16" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr16" id="ZPr16" style="width:200px" /><input type="text"  name="C16" id="C16" style="width:150px"/></p>
  <p><input type="text"  name="N17" id="N17"  style="width:70px" /><input type="text"  name="AR17" id="AR17" style="width:200px" /><input type="text"  name="AV17" id="AV17" style="width:200px"  /><input type="text" name="D17" value="" id="D17" style="width:200px" readonly="readonly" /><input type="text"  name="ZP17" id="ZP17" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr17" id="ZPr17" style="width:200px" /><input type="text"  name="C17" id="C17" style="width:150px"/></p>
  <p><input type="text"  name="N18" id="N18"  style="width:70px" /><input type="text"  name="AR18" id="AR18" style="width:200px" /><input type="text"  name="AV18" id="AV18" style="width:200px"  /><input type="text" name="D18" value="" id="D18" style="width:200px" readonly="readonly" /><input type="text"  name="ZP18" id="ZP18" value=""  style="width:200px" readonly="readonly"/><input type="text"  name="ZPr18" id="ZPr18" style="width:200px" /><input type="text"  name="C18" id="C18" style="width:150px"/></p>
  <p><input type="text"  name="N19" id="N19"  style="width:70px" /><input type="text"  name="AR19" id="AR19" style="width:200px" /><input type="text"  name="AV19" id="AV19" style="width:200px"  /><input type="text" name="D19" value="" id="D19" style="width:200px" readonly="readonly" /><input type="text"  name="ZP19" id="ZP19" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr19" id="ZPr19" style="width:200px" /><input type="text"  name="C19" id="C19" style="width:150px"/></p>
 
  <p><input type="text"  name="N20" id="N20"  style="width:70px" /><input type="text"  name="AR20" id="AR20" style="width:200px" /><input type="text"  name="AV20" id="AV20" style="width:200px"  /><input type="text" name="D20" value="" id="D20" style="width:200px" readonly="readonly" /><input type="text"  name="ZP20" id="ZP20" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr20" id="ZPr20" style="width:200px" /><input type="text"  name="C20" id="C20" style="width:150px"/></p>
  <p><input type="text"  name="N21" id="N21"  style="width:70px" /><input type="text"  name="AR11" id="AR21" style="width:200px" /><input type="text"  name="AV21" id="AV21" style="width:200px"  /><input type="text" name="D21" value="" id="D21" style="width:200px" readonly="readonly" /><input type="text"  name="ZP21" id="ZP21" value=""  style="width:200px" readonly="readonly"/><input type="text"  name="ZPr21" id="ZPr21" style="width:200px" /><input type="text"  name="C21" id="C21" style="width:150px"/></p>
  <p><input type="text"  name="N22" id="N22"  style="width:70px" /><input type="text"  name="AR22" id="AR22" style="width:200px" /><input type="text"  name="AV22" id="AV22" style="width:200px"  /><input type="text" name="D22" value="" id="D22" style="width:200px" readonly="readonly" /><input type="text"  name="ZP22" id="ZP22" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr22" id="ZPr22" style="width:200px" /><input type="text"  name="C22" id="C22" style="width:150px"/></p> 
  <p><input type="text"  name="N23" id="N23"  style="width:70px" /><input type="text"  name="AR23" id="AR23" style="width:200px" /><input type="text"  name="AV23" id="AV23" style="width:200px"  /><input type="text" name="D23" value="" id="D23" style="width:200px" readonly="readonly" /><input type="text"  name="ZP23" id="ZP23" value=""  style="width:200px" readonly="readonly"/><input type="text"  name="ZPr23" id="ZPr23" style="width:200px" /><input type="text"  name="C23" id="C23" style="width:150px"/></p>
  <p><input type="text"  name="N24" id="N24"  style="width:70px" /><input type="text"  name="AR24" id="AR24" style="width:200px" /><input type="text"  name="AV24" id="AV24" style="width:200px"  /><input type="text" name="D24" value="" id="D24" style="width:200px" readonly="readonly" /><input type="text"  name="ZP24" id="ZP24" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr24" id="ZPr24" style="width:200px" /><input type="text"  name="C24" id="C24" style="width:150px"/></p>
  <p><input type="text"  name="N25" id="N25"  style="width:70px" /><input type="text"  name="AR25" id="AR25" style="width:200px" /><input type="text"  name="AV25" id="AV25" style="width:200px"  /><input type="text" name="D25" value="" id="D25" style="width:200px" readonly="readonly" /><input type="text"  name="ZP25" id="ZP25" value=""  style="width:200px" readonly="readonly"/><input type="text"  name="ZPr25" id="ZPr25" style="width:200px" /><input type="text"  name="C25" id="C25" style="width:150px"/></p>
  <p><input type="text"  name="N26" id="N26"  style="width:70px" /><input type="text"  name="AR26" id="AR26" style="width:200px" /><input type="text"  name="AV26" id="AV26" style="width:200px"  /><input type="text" name="D26" value="" id="D26" style="width:200px" readonly="readonly" /><input type="text"  name="ZP26" id="ZP26" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr26" id="ZPr26" style="width:200px" /><input type="text"  name="C26" id="C26" style="width:150px"/></p>
  <p><input type="text"  name="N27" id="N27"  style="width:70px" /><input type="text"  name="AR27" id="AR27" style="width:200px" /><input type="text"  name="AV27" id="AV27" style="width:200px"  /><input type="text" name="D27" value="" id="D27" style="width:200px" readonly="readonly" /><input type="text"  name="ZP27" id="ZP27" value=""  style="width:200px" readonly="readonly"/><input type="text"  name="ZPr27" id="ZPr27" style="width:200px" /><input type="text"  name="C27" id="C27" style="width:150px"/></p>
  <p><input type="text"  name="N28" id="N28"  style="width:70px" /><input type="text"  name="AR28" id="AR28" style="width:200px" /><input type="text"  name="AV28" id="AV28" style="width:200px"  /><input type="text" name="D28" value="" id="D28" style="width:200px" readonly="readonly" /><input type="text"  name="ZP28" id="ZP28" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr28" id="ZPr28" style="width:200px" /><input type="text"  name="C28" id="C28" style="width:150px"/></p>
  <p><input type="text"  name="N29" id="N29"  style="width:70px" /><input type="text"  name="AR29" id="AR29" style="width:200px" /><input type="text"  name="AV29" id="AV29" style="width:200px"  /><input type="text" name="D29" value="" id="D29" style="width:200px" readonly="readonly" /><input type="text"  name="ZP29" id="ZP29" value=""  style="width:200px" readonly="readonly"/><input type="text"  name="ZPr29" id="ZPr29" style="width:200px" /><input type="text"  name="C29" id="C29" style="width:150px"/></p>
 
  <p><input type="text"  name="N30" id="N30"  style="width:70px" /><input type="text"  name="AR30" id="AR30" style="width:200px" /><input type="text"  name="AV30" id="AV30" style="width:200px"  /><input type="text" name="D30" value="" id="D30" style="width:200px" readonly="readonly" /><input type="text"  name="ZP30" id="ZP30" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr30" id="ZPr30" style="width:200px" /><input type="text"  name="C30" id="C30" style="width:150px"/></p> 
  <p><input type="text"  name="N31" id="N31"  style="width:70px" /><input type="text"  name="AR31" id="AR31" style="width:200px" /><input type="text"  name="AV31" id="AV31" style="width:200px"  /><input type="text" name="D31" value="" id="D31" style="width:200px" readonly="readonly" /><input type="text"  name="ZP31" id="ZP31" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr31" id="ZPr31" style="width:200px" /><input type="text"  name="C31" id="C31" style="width:150px"/></p> 
  <p><input type="text"  name="N32" id="N32"  style="width:70px" /><input type="text"  name="AR32" id="AR32" style="width:200px" /><input type="text"  name="AV32" id="AV32" style="width:200px"  /><input type="text" name="D32" value="" id="D32" style="width:200px" readonly="readonly" /><input type="text"  name="ZP32" id="ZP32" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr32" id="ZPr32" style="width:200px" /><input type="text"  name="C32" id="C32" style="width:150px"/></p> 
  <p><input type="text"  name="N33" id="N33"  style="width:70px" /><input type="text"  name="AR33" id="AR33" style="width:200px" /><input type="text"  name="AV33" id="AV33" style="width:200px"  /><input type="text" name="D33" value="" id="D33" style="width:200px" readonly="readonly" /><input type="text"  name="ZP33" id="ZP33" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr33" id="ZPr33" style="width:200px" /><input type="text"  name="C33" id="C33" style="width:150px"/></p>
  <p><input type="text"  name="N34" id="N34"  style="width:70px" /><input type="text"  name="AR34" id="AR34" style="width:200px" /><input type="text"  name="AV34" id="AV34" style="width:200px"  /><input type="text" name="D34" value="" id="D34" style="width:200px" readonly="readonly" /><input type="text"  name="ZP34" id="ZP34" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr34" id="ZPr34" style="width:200px" /><input type="text"  name="C34" id="C34" style="width:150px"/></p>
  <p><input type="text"  name="N35" id="N35"  style="width:70px" /><input type="text"  name="AR35" id="AR35" style="width:200px" /><input type="text"  name="AV35" id="AV35" style="width:200px"  /><input type="text" name="D35" value="" id="D35" style="width:200px" readonly="readonly" /><input type="text"  name="ZP35" id="ZP35" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr35" id="ZPr35" style="width:200px" /><input type="text"  name="C35" id="C35" style="width:150px"/></p>
  <p><input type="text"  name="N36" id="N36"  style="width:70px" /><input type="text"  name="AR36" id="AR36" style="width:200px" /><input type="text"  name="AV36" id="AV36" style="width:200px"  /><input type="text" name="D36" value="" id="D36" style="width:200px" readonly="readonly" /><input type="text"  name="ZP36" id="ZP36" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr36" id="ZPr36" style="width:200px" /><input type="text"  name="C36" id="C36" style="width:150px"/></p>
  <p><input type="text"  name="N37" id="N37"  style="width:70px" /><input type="text"  name="AR37" id="AR37" style="width:200px" /><input type="text"  name="AV37" id="AV37" style="width:200px"  /><input type="text" name="D37" value="" id="D37" style="width:200px" readonly="readonly" /><input type="text"  name="ZP37" id="ZP37" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr37" id="ZPr37" style="width:200px" /><input type="text"  name="C37" id="C37" style="width:150px"/></p>
  <p><input type="text"  name="N38" id="N38"  style="width:70px" /><input type="text"  name="AR38" id="AR38" style="width:200px" /><input type="text"  name="AV38" id="AV38" style="width:200px"  /><input type="text" name="D38" value="" id="D38" style="width:200px" readonly="readonly" /><input type="text"  name="ZP38" id="ZP38" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr38" id="ZPr38" style="width:200px" /><input type="text"  name="C38" id="C38" style="width:150px"/></p>
  <p><input type="text"  name="N39" id="N39"  style="width:70px" /><input type="text"  name="AR39" id="AR039" style="width:200px" /><input type="text"  name="AV39" id="AV39" style="width:200px"  /><input type="text" name="D39" value="" id="D39" style="width:200px" readonly="readonly" /><input type="text"  name="ZP39" id="ZP39" value=""  style="width:200px" readonly="readonly"/><input type="text"  name="ZPr39" id="ZPr39" style="width:200px" /><input type="text"  name="C39" id="C39" style="width:150px"/></p>
 
  <p><input type="text"  name="N40" id="N40"  style="width:70px" /><input type="text"  name="AR40" id="AR40" style="width:200px" /><input type="text"  name="AV40" id="AV40" style="width:200px"  /><input type="text" name="D40" value="" id="D40" style="width:200px" readonly="readonly" /><input type="text"  name="ZP40" id="ZP40" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr40" id="ZPr40" style="width:200px" /><input type="text"  name="C41" id="C40" style="width:150px"/></p> 
  <p><input type="text"  name="N41" id="N41"  style="width:70px" /><input type="text"  name="AR41" id="AR41" style="width:200px" /><input type="text"  name="AV41" id="AV41" style="width:200px"  /><input type="text" name="D41" value="" id="D41" style="width:200px" readonly="readonly" /><input type="text"  name="ZP41" id="ZP41" value=""  style="width:200px" readonly="readonly"/><input type="text"  name="ZPr41" id="ZPr41" style="width:200px" /><input type="text"  name="C41" id="C41" style="width:150px"/></p> 
  <p><input type="text"  name="N42" id="N42"  style="width:70px" /><input type="text"  name="AR42" id="AR42" style="width:200px" /><input type="text"  name="AV42" id="AV42" style="width:200px"  /><input type="text" name="D42" value="" id="D42" style="width:200px" readonly="readonly" /><input type="text"  name="ZP42" id="ZP42" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr42" id="ZPr42" style="width:200px" /><input type="text"  name="C42" id="C42" style="width:150px"/></p> 
  <p><input type="text"  name="N43" id="N43"  style="width:70px" /><input type="text"  name="AR43" id="AR43" style="width:200px" /><input type="text"  name="AV43" id="AV43" style="width:200px"  /><input type="text" name="D43" value="" id="D43" style="width:200px" readonly="readonly" /><input type="text"  name="ZP43" id="ZP43" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr43" id="ZPr43" style="width:200px" /><input type="text"  name="C43" id="C43" style="width:150px"/></p>
  <p><input type="text"  name="N44" id="N44"  style="width:70px" /><input type="text"  name="AR44" id="AR44" style="width:200px" /><input type="text"  name="AV44" id="AV44" style="width:200px"  /><input type="text" name="D44" value="" id="D44" style="width:200px" readonly="readonly" /><input type="text"  name="ZP44" id="ZP44" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr44" id="ZPr44" style="width:200px" /><input type="text"  name="C44" id="C44" style="width:150px"/></p>
  <p><input type="text"  name="N45" id="N45"  style="width:70px" /><input type="text"  name="AR45" id="AR45" style="width:200px" /><input type="text"  name="AV45" id="AV45" style="width:200px"  /><input type="text" name="D45" value="" id="D45" style="width:200px" readonly="readonly" /><input type="text"  name="ZP45" id="ZP45" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr45" id="ZPr45" style="width:200px" /><input type="text"  name="C45" id="C45" style="width:150px"/></p>
  <p><input type="text"  name="N46" id="N46"  style="width:70px" /><input type="text"  name="AR46" id="AR46" style="width:200px" /><input type="text"  name="AV46" id="AV46" style="width:200px"  /><input type="text" name="D46" value="" id="D46" style="width:200px" readonly="readonly" /><input type="text"  name="ZP46" id="ZP46"  value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr46" id="ZPr46" style="width:200px" /><input type="text"  name="C46" id="C46" style="width:150px"/></p>
  <p><input type="text"  name="N47" id="N47"  style="width:70px" /><input type="text"  name="AR47" id="AR47" style="width:200px" /><input type="text"  name="AV47" id="AV47" style="width:200px"  /><input type="text" name="D47" value="" id="D47" style="width:200px" readonly="readonly" /><input type="text"  name="ZP47" id="ZP47"  value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr47" id="ZPr47" style="width:200px" /><input type="text"  name="C47" id="C47" style="width:150px"/></p>
  <p><input type="text"  name="N48" id="N48"  style="width:70px" /><input type="text"  name="AR48" id="AR48" style="width:200px" /><input type="text"  name="AV48" id="AV48" style="width:200px"  /><input type="text" name="D48" value="" id="D48" style="width:200px" readonly="readonly" /><input type="text"  name="ZP48" id="ZP48" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr48" id="ZPr48" style="width:200px" /><input type="text"  name="C48" id="C48" style="width:150px"/></p>
  <p><input type="text"  name="N49" id="N49"  style="width:70px" /><input type="text"  name="AR49" id="AR49" style="width:200px" /><input type="text"  name="AV49" id="AV49" style="width:200px"  /><input type="text" name="D49" value="" id="D49" style="width:200px " readonly="readonly" /><input type="text"  name="ZP49" id="ZP49" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr49" id="ZPr49" style="width:200px" /><input type="text"  name="C49" id="C49" style="width:150px"/></p>
  <p><input type="text"  name="N50" id="N50"  style="width:70px" /><input type="text"  name="AR50" id="AR50" style="width:200px" /><input type="text"  name="AV50" id="AV50" style="width:200px"  /><input type="text" name="D50" value="" id="D50" style="width:200px " readonly="readonly" /><input type="text"  name="ZP50" id="ZP50" value="" style="width:200px" readonly="readonly"/><input type="text"  name="ZPr50" id="ZPr50" style="width:200px" /><input type="text"  name="C50" id="C50" style="width:150px"/></p> 
 
 
 
</form>

et le javascript

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 <script type="text/javascript">
 
 
  $(function(){
 
  $(window).on('scroll', function(){                       
 
    var Valider= $('#JeValide').offset().top; 
 
    var windowPos = $(window).scrollTop() / .50;         
 
    if(windowPos > Valider)                          
    {
      $('nav').addClass('top');                       
    }
    else
    {
      $('nav').removeClass('top');                    
    }
  });
});
 
 
 document.getElementById("JeValide").addEventListener("click", function( event ) {
               DeltaT();		
        }, false); 
 
 var Lig = 1; 
 
  function DeltaT()
  {
 
  while (Lig  < 49  )
  {
 
 if  (document.forms["Feuille"].elements["AR"+Lig].value !== "" &&  document.getElementById("AV"+(Lig+ 1)).value !== "" )
 {
document.getElementById("D" + (Lig+1)).value == (document.getElementById("AR" + Lig).value - document.getElementById("AV" +(Lig+1)).value)
  }
 else if (document.forms["Feuille"].elements["AR"+Lig].value == "" &&  document.getElementById("AV" + (Lig+1)).value !== "") 
 {
document.getElementById("D" + (Lig+1)).value == (document.getElementById("AV" + Lig).value - document.getElementById("AV" +(Lig+1)).value)
  }
  Lig = Lig +1
 }
 
 }
 
 
 
 </script>

il y a encore des erreurs, une quinzaine selon V.S. mais j'ai du mal � les trouver car elles ne sont pas soulign�e

Calcul avec javascript

JavaScript

Discussions similaires

Partager

Partager