Champs texte dynamique

**dafalri** · 28/11/2005, 14h21

Bonjour,

Quelqu'un a til deja essaye de remplir un champs texte dynamiquement ?

Je m'explique !
jai 3 champs texte : 1 Prix de vente, 1 Prix d'achat et le dernier Coefficient.
Lorsque je remplis mes 2 premiers champs le dernier champs Coefficient et automatiquement rempli.
Ou alors javais pense, a la place du dernier champs Coefficient, un bouton qui lorsqu'il est clique est remplace par du texte.

Il y a bien entendu une formule de calcul : Coefficient = PV/PA

A vot' bon coeur !

**Capt. Flame** · 28/11/2005, 14h24

Tu peux utiliser l'event onchange de tes 2 premiers champs text pour modifier le 3e...

**SpaceFrog** · 28/11/2005, 14h32

onchange ou onblur ...

**Capt. Flame** · 28/11/2005, 14h37

Un p'tit exemple:

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
<html>
<head>
    <script>
        function calculateCoefficient(){
            var PV = document.getElementById('inputPV');
            var PA = document.getElementById('inputPA');
            var Result = document.getElementById('inputResult');
 
            Result.value = PV.value / PA.value;
    <script>
</head>
<body>
    <input id="inputPV" onchange="calculateCoefficient()">
    <input id="inputPA" onchange="calculateCoefficient()">
    <input id="inputResult" readonly="true">
</body>
 
 
</html>

**Capt. Flame** · 28/11/2005, 14h39

Ou onkeypress qui te donnera le résultat à chaque fois que tu tappe un chiffre...

Mais n'oublie pas de valider les valeurs dans tes champs pour ne pas afficher de la merde....

**dafalri** · 28/11/2005, 14h39

Ouah merci cest pas mal ca !

Mais questce donc que ce parametre readonly ?

**Capt. Flame** · 28/11/2005, 14h43

Ben ça rend le champ readonly... Ça va de soit... Je me suis dit que comme c'est un champ calculé, tu voulais probablement pas que les utilisateurs écrivent dedan...

**dafalri** · 28/11/2005, 14h44

ah bah tu vois je connaissais pas ce parametre ... on en apprend ts les jours !

**SpaceFrog** · 28/11/2005, 14h45

read = lire
only= seulement

donc un champs que l'on peut lire seulement ...
et donc pas saisir dedans ...

**dafalri** · 28/11/2005, 14h57

Merci beaucoup ca marche nickel !
Par contre jai voulu tronquer mes decimales mais ca marche pas avec parseInt : var parseInt(Result)

**Capt. Flame** · 28/11/2005, 14h57

Un vrai dictionnaire Anglais/Français de SpaceFrog!

**Capt. Flame** · 28/11/2005, 14h58

http://www.w3schools.com/js/js_obj_math.asp

**SpaceFrog** · 28/11/2005, 15h02

toFixed pour les décimale ...

Captain =< pour le dico c'est un peu normal je suis Ecossais ...

**dafalri** · 28/11/2005, 15h03

il est ou le francais ? ;-)

bon jai essaye round (Result, 2) rien ne saffiche dans le champs texte COEF
!!!!

**SpaceFrog** · 28/11/2005, 15h05

Code :

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

Math.round

**dafalri** · 28/11/2005, 15h07

Cest bizarre jai limpression quil bloque des que je lui mets un parametre a la variable :

Code :

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

1
2
3
4
5
6
function calculateCoefficient(){ 
	var PV = document.getElementById('PV'); 
    var PA = document.getElementById('PA'); 
    var Math.round(COEF, 2) = document.getElementById('COEF'); 
    COEF.value = PV.value / PA.value; 
}

**SpaceFrog** · 28/11/2005, 15h13

Code :

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

1
2
 
    var Math.round(COEF, 2) = document.getElementById('COEF');

tu essayes de faire quoi là ?

**dafalri** · 28/11/2005, 15h15

euh bah !
Jai limpression davoir mon pere en face de moi !!

Lorsque je rentre les valeurs 7.15 pour PA et 29.90 pour PV, je voudrais le COEF = 4.18 et pas 4.18111...

**dafalri** · 28/11/2005, 15h17

Est ce que jai precise que jetais assez minable en js ?

**SpaceFrog** · 28/11/2005, 15h24

lol je pourrais sans doute être ton père ...

Code :

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

1
2
3
4
5
6
7
function calculateCoefficient(){
   var PV = Number(document.getElementById('PV');)
    var PA = Number(document.getElementById('PA');)
    var myCOEF= PV.value / PA.value;
    myCOEF=Math.round(myCOEF,2).toFixed(2)
    document.getElementById('COEF').value=myCOEF;
}

Champs texte dynamique

JavaScript

Vue hybride

Discussions similaires

Partager

Partager