Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1393 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [JAVASCRIPT] modifier un champ de formulaire[résolu]

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[JAVASCRIPT] modifier un champ de formulaire[résolu]

n°703326
BaDaBoOm
Posté le 19-04-2004 à 23:50:35  profilanswer
 

bonjour, je suis débutant en javascript et j'aurais voulu faire un truc vraiment tout bete : on entre une valeur dans un champ de formulaire et en cliquant sur un bouton la valeur inscrite dans le champ est modifiée .
 
voici le bout de code que j'essaie de faire marcher en vain depuis des heures :
 
la fonction qui calcul la nouvelle valeur a afficher :

Code :
  1. <script language="javascript">
  2. function affichage(select)
  3. {
  4. if( select.value == 0 ){
  5.   document.write("<input type=\"text\" name=\"prix_vente\" maxlength=\"255\" size=\"30\">" );
  6. }
  7. else{
  8. var ttc=select.value ;
  9. var ht= ttc*(1-(19.6/100) );
  10. document.write("<input type=\"text\" name=\"prix_vente\" maxlength=\"255\" size=\"40\"> value=\""+ht+"\" " ) ;
  11. }
  12. }
  13. </script>


 
l'appel de la fonction :

Code :
  1. <tr>
  2. <td width="160"><b>Prix de vente HT</b></td>
  3. <td width="300">
  4. <script>affichage();</script>
  5. <input type="button" value="Hors taxe" onClick='affichage(this.form.prix_vente)'>
  6. </td>
  7. </tr>


 
je galère pas mal avec le javascript étant habitué au php
 
merci d'avance pour votre aide


Message édité par BaDaBoOm le 20-04-2004 à 15:01:53
mood
Publicité
Posté le 19-04-2004 à 23:50:35  profilanswer
 

n°703332
burgergold
5$? va chez l'diable!
Posté le 19-04-2004 à 23:59:00  profilanswer
 

ca serait pas plutot un truc du genre que tu devrais faire?
 

Code :
  1. <script language="javascript">
  2.   function affichage(select) {
  3.     select.value *= (1-(19.6/100));
  4.   }
  5. </script>


 

Code :
  1. <tr>
  2.   <td width="160"><b>Prix de vente HT</b></td>
  3.   <td width="300">
  4.     <input type="text" name="prix_vente" maxlength="255" size="30" />
  5.     <input type="button" value="Hors taxe" onClick='affichage(this.form.prix_vente)' />
  6.   </td>
  7. </tr>


Message édité par burgergold le 20-04-2004 à 00:00:04

---------------
http://www.boincstats.com/signature/user_664861.gif
n°703335
BaDaBoOm
Posté le 20-04-2004 à 00:04:26  profilanswer
 

merci ! ca marche mais ie me met une erreur au lancement de la page : value a la valeur null ou n'est pas un objet  
 

n°703385
burgergold
5$? va chez l'diable!
Posté le 20-04-2004 à 04:22:10  profilanswer
 

BaDaBoOm a écrit :

merci ! ca marche mais ie me met une erreur au lancement de la page : value a la valeur null ou n'est pas un objet  
 
 


 
jai jamais fait beaucoup de javascript jdois dire, sque jtais nettoyé c'était simplement par instinct mais ca doit être tout prêt comme tu dis
 
faut pas réécrite le html, faut simplement changer la value, et ca peut se faire en 1 seul ligne sans aucune variable


---------------
http://www.boincstats.com/signature/user_664861.gif
n°703673
BaDaBoOm
Posté le 20-04-2004 à 12:21:59  profilanswer
 

ok je commence a comprendre un peu le fonctionnement de javascript.
 
personne pour régler ce dernier problème ?

n°703686
eric_cartm​an
Posté le 20-04-2004 à 12:29:00  profilanswer
 

Ya sans doutes plus simple....
 
<head>
<script language="javascript">
function setValue(a) {
   document.principal.champ.value=a;
}
</script>
</head>
<body>
...
<form name="principal">
<input name="champ">
</form>
...
<a href="javascript:setValue(10)">10</a><a href="javascript:setValue(5)">5</a>
 
 
par exemple. Utiliser 1 a fonctionne sur tous les navigateurs (tu peux mettre 1 image dans le a si tu veux ameliorer le graphisme).
J'ai po teste la syntaxe exacte, mais ca doit etre ca a peu pres.

n°703778
BaDaBoOm
Posté le 20-04-2004 à 13:51:47  profilanswer
 

il me met erreur objet attendu

n°703799
BaDaBoOm
Posté le 20-04-2004 à 14:14:32  profilanswer
 

bon j'ai un peu modifié le code :
 
dans l'appel j'ai mis :
 <input type="button" value="H.T" onClick='affichage(this.form.prix_vente.value)'>  
 
 
et dans la script j'ai mis :
<script language="javascript">  
    function affichage(ttc) {  
           
         ht= ttc*(1-(19.6/100));  
     
        document.toto.prix_vente.value = ht;
    }  
  </script>  
 
 
ca marche bien  mais au lancement de la page il me met dans le champ prix_vente le mot NaN  (Not A Number) . On dirait donc qu'il execute la fonction meme lorsque l'on a pas cliqué sur le bouton est bien cela ?

n°703824
fastclemmy
(re-)Dictateur en plastique
Posté le 20-04-2004 à 14:30:49  profilanswer
 

Ton <script> est bien placé dans le <head> ?

n°703871
BaDaBoOm
Posté le 20-04-2004 à 14:48:50  profilanswer
 

Aaahh  nikel ca marche enfin le script etait entre head et body
 
merci a tous !
 
a+


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [JAVASCRIPT] modifier un champ de formulaire[résolu]

 

Sujets relatifs
[RESOLU][CSS - DEBUTANT] Suis-je dans le vrai ???(Access 2000) mettre a jour un champ
[resolu] Pb lancement mysql (linux)access2000 ajout dans un champ mémo (résolu)
Crypter un champ dans une base de données sql serverUne variable dans un chemin d'accès aux objets d'un formulaire
Action script et champ texteAssocier JavaScript et PHP/MySQL
Rotation de banniere en Javascript ! 
Plus de sujets relatifs à : [JAVASCRIPT] modifier un champ de formulaire[résolu]


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR