Discussion :

[edmond1]

Bonjour

Apres avoir longtemps programmer en fortran .. pascal .. c++

Je débute en programmation web .... et j'ai un petit projet pour enrichir mon site actuel
pour l'instant que de l'affichage

Dans mon site j'ai déjà quelques "widgets" mais je voudrais y effectuer des calculs
par exemple genre "devis "

Je voudrais utiliser la notion de variables ... les entrées ... les calculs puis affichage de résultats

est ce possible en html ?? ... y a t il aussi notion de tests ?

Merci de votre aide

[progdebutant]

HTML ne sert qu'à l'ossature de la page, comme la feraille d'un immeuble, ça te fera pas les calculs.
Le calcul sera fait par javaScript (coté client) ou PHP (coté serveur).
Et l'aspect visuel (l'architecture et la peinture de l'immeuble) est fait par CSS.

Regarde le tuto javaScript tu verras tout ce que ça peut faire et ce que tu demandes il sait le faire.

http://javascript.developpez.com/cours/

Dans mon site

...

[edmond1]

Ok merci

.. je commence a regarder

.. et pour du html pour lancer la routine java ?.... comment cela s'imbrique ???

[Vil'Coyote]

html ne lancera pas de routine java. par contre tu peux intégrer du 'javascript'.

[edmond1]

Bonjour,

comment saisir et affecter des variables ... ensuite affichage des variables

merci de me donner le lien pour trouver ce tutoriels ou exemples

[edmond1]

Voici un bout de mon script

J ai créé une variable que je pense globale ... appelée global

Je voudrais l'afficher en fin ....

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
<a href="javascript:alert('Coucou');">Cliquez ici</a> <script type="text/javascript">
 
 //<![CDATA[
  // Mon code Javascript
    
    
  alert('Bonjour !'); // (j'ai change le texte au passage
    
    
//]]>
    
</script><script language="JavaScript" type="text/javascript">
//<![CDATA[
 
   var b = 1.5;
   var global = 0;
 
 
function affiche(){ 
alert("Exemple de code à exécution différée.\nCe message ne s'affiche que lorsque vous avez cliqué sur le bouton \"Evénement\".\n\nCliquez sur OK pour poursuivre.") 
}
 
function CalculerMontantTTC()
{
if (isNaN(Form1.ht.value) == true)
{
alert('Merci de saisir un montant correct. Calcul impossible.');
Form1.ht.value = '0';
}
else
{
Form1.tva.value = (Form1.ht.value / 100) * 19.6 ;
 
    global =  Number(Form1.ht.value) ;                           Cette variable globale de nom global est elle bien placée 
                                                                            Est ce le fait d une saisie de caractere dans la boite .. et la transformer en numérique ?
                                                                                  Cette variable aura t elle le résultat du calcul du  contenu de la   Saisie de la Form1.ht.value 
                                                                                   par 19% ? 
 ...;..????   il doit y avoir une erreur 
 
 
Form1.ttc.value = Number(Form1.ht.value) + Number(Form1.tva.value) ;
}
}
//]]>
 
</script>
<div id='bloc'>
    <h2>
        Calcul de la TVA
    </h2>
 
    <form name='Form1' id="Form1">
        Montant hors taxes <input type='text' name='ht' onkeyup='CalculerMontantTTC()' value='0' /><br />
        Montant TVA (19.6%) <input type='text' name='tva' /><br />
        Montant TTC <input type='text' name='ttc' />
    </form>
</div>

et plus bas

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
    var a = 5;
 
function MultipliePar2(b) {
   var a = b * 2;
   return a;
}
document.write("Le double de ",b," est ",MultipliePar2(b));
document.write("    La valeur de a est ",a);
document.write("    La valeur de global  est ",global);

Ici la variable global reste a 0 ! et non un résultat de calcul de tva

Merci de votre aide

[ABCIWEB]

Salut,

Il n'y a pas de terme "global" pour rendre les variables globales en javascript. Avec "var variable = value" les variables sont globales ou non suivant le contexte dans lequel elles sont déclarées.

Pour ton problème commence par regarder ce sujet qui devrait t'aider

[edmond1]

Merci...

J'avais baptisée ma variable globale " global "

et introduit dès le début de la routine javascript

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
</script><script language="JavaScript" type="text/javascript">
//<![CDATA[
 
var b = 1.5;
var global = 0; //  déclaration et initialisation de cette variable que je voulais variable

il faudrait que je fasse une trace de cette variable ... car au final .... elle reste égale a zéro sans être modifiée par la saisie du nombre flottant...

... Je vais regarder ...


P.S. je ne trouve pas ici l option pour pouvoir suivre la discussion sur mon email ....???

[Vil'Coyote]

ce n'est pas par ce que tu va saisir un nombre qu'une action va se réaliser.

Quel code utilise tu pour ta page en globalité?
car nous montrer que la déclaration de variable n'est pas utilise. il faut que l'on puisse voir ce que tu fait par la suite (ou comme il le semblerait ce que tu ne fait pas ou mal)

[edmond1]

Bonjour .. merci

Je voudrais saisir la variable globale ... appelée "global" et l'afficher en fin de déroulement du script


mais suivre son contenu au cours des scripts ... avoir une trace au cours du programme d' espionner en fait "global"


Merci

P.S. Svp comment faire pour avoir une notification de réponse à mon email ? merci

[progdebutant]

Bonjour,

comment saisir et affecter des variables ... ensuite affichage des variables

merci de me donner le lien pour trouver ce tutoriels ou exemples

Je t'avais donné un lien pour apprendre le javascript, si tu préfères nous demander au cas par cas au lieu d'apprendre toi-même le javascript tu va pas bien avancer c'est sûr.

Je te conseilles de parcourir le tuto, les questions que tu poses, y sont renseignées.


Si tu as longtemps programmé en C++, peut-être sais-tu qu'il faut éviter de faire ça :

J'avais baptisée ma variable globale " global "

Evite de donner à une variable le nom d'un mot du langage utilisé (ici javaScript).

Bonne lecture pour ton tutorial javascript

[edmond1]

Bonjour

Je reviens vers vous ....

J'ai suivi votre conseil et rebaptisé le nom de ma variable globale ... en "gb"

Oui quand je rempli d'une valeur la case de saisie "Montant hors taxe "

ma variable globale gb devrait s'initialiser avec le calcul de ce montant hors taxe x 19,6 /100

Je voudrais qu il y ait l'actualisation de ce tableau et donc de ma dernière ligne de résultats

...
ou alors existe t il sur le site des exemples de formulaire d entrée de nombre avec affichage des résultats comme un tableur ?

.. transmission de variables globales entre les pages

Merci de votre aide

[progdebutant]

En fait c'est simple :

Dans un formulaire tu as des champs de saisie, chacun peut avoir un nom (un "id" en fait), mais ce que tu va y saisir ne sera que du texte même si ce que tu écris sont des nombres (javascript saura convertir le nombre texte en vrai nombre).
C'est assez complexe je dirais de faire réagir tes champs comme dans un tableur, c'est à dire dés que tu entres une valeur, car sinon ça va calculer le contenu avant même que tu termines d'écrire la formule, le meilleur moyen c'est d'afficher le résultat seulement quand tu cliques sur un bouton "calculer".

Et là ce bouton va lancer une fonction javaScript qui va calculer le contenu des champs choisis et t'afficher le résultat dans le champ voulu.
Mais pour ça il faut que tu apprennes le javascript, donc on revient à un tuto
Sauf si tu veux qu'on te donne le code tout fait dans ce cas il faut le dire.

[edmond1]

Bonjour

Merci .. oui je veux bien pour un exemple de calcul ...

.. et me corriger mes scripts

et voir aussi avec variable globale entre les différentes pages ...


Bien cordialement

[progdebutant]

Eh bien avant de faire un programme il faut passer par la phase conception, bien étudier le problème et savoir quel but et ce dont on a besoin, définir les variables à utiliser et les calculs (ou opérations) à effectuer, ce n'est qu'après ça qu'on pourra faire une première approche du programme nécessaire.

Dis-moi exactement ce que tu veux obtenir visuellement et ce que tu voudrais que le programme fasse, et applique ce que je t'ai dis ci-dessus.

J'essaierais de t'aider quand je pourrais car je programme beaucoup en ce moment.
Mais apprend le javascript c'est primordial et c'est simple, d'ailleurs si un aspect te paraît compliqué fais-moi un mp je te l’éclaircirais sinon on posera le problème ici

EDit : Ah oui, évite aussi de mélanger sur la même page HTML, le code javascript et le HTML.
Fais un fichier séparé avec le javascript et tu l'appelles avec ton fichier HTML, tu devrais trouver la méthode sur les tutoriaux javascript normalement.