Calcul avec javascript

Version imprimable

Voir 40 message(s) de cette discussion en une page

20/06/2018, 15h15
JujuPomme
Mais mais mais.... 8O8O8O8O8O8O8O

Est-ce que tu peux poser ton probl�me clairement? Je ne vois pas � quel moment tu peux avoir une structure HTML de la sorte.

PS:

Code:

Text-align: center;

->

Code:

text-align: center;

Vraiment utile une liste pour une image?
Code:

1 2 3 4 5 6 7 <nav> <ul> <li><img src="image/Valider.png" type="JeValide" Id="JeValide" style="cursor:pointer" ; /></li> </ul> </nav>
Peux-tu expliquer

Code:

type="JeValide"

?

Il y a tellement � dire :aie:
20/06/2018, 15h31
Invit�
Citation:

...le HTML attention, �a va faire mal aux yeux...

1- La vache.... tu as beau pr�venir, j'ai eu un d�collement de r�tines...... 8O

Ca ressemble � une <table>, mais ce n'en est pas une !
Sais-tu que les <table> sont justement pr�vues sp�cifiquement pour afficher des donn�es... tabulaires ?

2- Cela dit... m�me si ton script finit par fonctionner : � quoi diable �a va servir ????
A un moment donn�, tu vas finir par enregistrer les donn�es quelque part ou pas ?
Parce que l�, un simple rafraichissement de page, et zou ! tout s'efface !

3- A MON AVIS :

Tu t'es mis � coder avant d'avoir r�fl�chi � :
- quel objectif ?
- comment y parvenir ?
- quel langage(s) utiliser ?
- ... ?
Bref : tu fonces t�te baiss�e... et tu te prends tous les obstacles dans la poire....

Transcrit en jQuery (puisque tu en utilises d�j� :aie: ), et correctement INDENTE, �a donne :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function DeltaT() 
{
  for (var Lig=1; Lig<=50; Lig++) // 50 lignes
  {
    if ( $('#AR'+Lig).val() != '' && $('#AV'+(Lig+1)).val() != '' )
    {
      $('#D'+(Lig+1)).val( $('#AR' + Lig).val() - $('#AV' + (Lig+1)).val() );
    }
    else if ( $('#AR'+Lig).val() == '' &&  $('#AV'+(Lig+1)).val() != '') 
    {
      $('#D'+(Lig+1)).val( $('#AV'+Lig).val() - $('#AV'+(Lig+1)).val() );
    }
  }
}

20/06/2018, 16h09
dmoluc

J'ai bien essayer d'utiliser une table mais je n'ai pas trouver comment l'utilisateur pourrait y inscrire les donn�es, alors je me suis dit je vais cr�er un tableur avec de vrai cellules ou je pourrais �crire dedans.
Sinon c'est juste une petite appli en ligne pour faire des calcul d'altitude et de c�tes projet, de la topographie basic. J'ai d�j� r�alis� des feuilles excel qui ferraient aussi tr�s mal aux yeux avec des formules qui remplissent une page A4 en �crivant avec une police de 12 ; elles fonctionnent toutes, mais l'id�e c'est avoir un programme de calcul qui remplacerait avantageusement une calculette, alors tant-pis si les donn�es disparaissent, mais peu �tre que je trouverais un moyen pour enregistrer la feuille avant de la rafraichir...
20/06/2018, 16h18
dmoluc

merci jreaux62, ton code fonctionne � merveille mais mon utilisation du "JQuery" se limite � des bouts de code d�j� r�aliser par d'autre. Je ne connais pas encore asses le html et le javascript pour me lancer avec ce language pourtant le code � l'air plus simple (du moins la syntaxe). Il me reste 2 formule � ajouter, je vais essayer voir si j'ai compris quelque chose
merci, petit pas par petit pas j'avance un peu m�me si les progr�s ne sont pas fulgurant, mais bon je n'ai plus 20 ans :calim2:

1- Petit cours rapide... JavaScript -> jQuery :

Code:

1
2
3
document.getElementById("machin") 			-> $("#machin")
document.getElementById("machin").value = 'truc'; 	-> $("#machin").val( 'truc' );
if ( document.getElementById("machin") == '' ) 		-> if ( $('#machin').val() == '' )

Ce qui donne en JavaScript :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function DeltaT() 
{
  for (var Lig=1; Lig<=50; Lig++) // 50 lignes
  {
    if ( document.getElementById('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.getElementById('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);
    }
  }
}

Citation:

J'ai bien essayer d'utiliser une table mais je n'ai pas trouver comment l'utilisateur pourrait y inscrire les donn�es

Ben... exactement pareil : avec des <input> !
... mais dans les <td> de la <table>

Les tableaux (XHTML & CSS)

Actuellement, quand on r�duit la largeur de la fen�tre, tout part en vrac !!
Utilise une <table>

20/06/2018, 16h43
dmoluc

D'accord bien compris la feuille est allergique au zoom, je vais donc essay� d'utiliser une table, domage pour ce joli code html rouge et bleu, il me plaisait bien :mouarf:
20/06/2018, 16h59
Invit�

Montre le code (PHP ?) qui permet de g�n�rer tes lignes.

Ca ne doit pas �tre difficile � adapter.
20/06/2018, 17h21
dmoluc

le PHP je n'y comprend rien, j'avais penser cr�er la table en html, une cinquantaine de lignes suffiront et apr�s du javascript pour les formules. Mais je verrais �a demain matin car il faut bien que je profite un peu de ce temps magnifique avant que �a retourne � la pluie :roll:
enfin encore merci pour votre aide � tous

Code:

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
<form name="Feuille" id="Feuille">   
<table style="width:100%;">
 
<!-- entete -->
<thead>
 
   <tr>
      <th>N°</th>
      <th>Lecture Arrière</th>
      <th>Lecture Avant</th>
      <th>Dénivelée</th>
      <th>Z Piquet</th>
      <th>Z Projet</th>
      <th>Côtes</th>
   </tr>
 
</thead>
 
<!-- corps -->
<tbody>
 
<!-- ligne 1 -->
   <tr>
      <td><input type="text" name="N1" id="N1"  /></td>
      <td><input type="text" name="AR1" id="AR1" /></td>
      <td><input type="text" name="AV1" id="AV1"  /></td>
      <td><input type="text" name="D1" id="D1" value="" readonly="readonly" /></td>
      <td><input type="text" name="ZP1" id="ZP1"  /></td>
      <td><input type="text" name="ZPr1" id="ZPr1" /></td>
      <td><input type="text" name="C1" id="C1" /></td>
   </tr> 
<!-- et ainsi de suite jusqu'à la ligne 50..... -->
 
</tbody>
</table>
</form>

21/06/2018, 08h11
NoSmoking

Dans un tel exercice il n'est nullement besoin de mettre des ID � toutes les cellules, l'utilisation de la collection cells de la ligne est amplement suffisante.

C'est �galement un cas d'�cole pour utiliser la d�l�gation d'�v�nement sur la <table>.

� Comprendre la d�l�gation d'�v�nement en JavaScript

Voir 40 message(s) de cette discussion en une page