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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  calcul dynamique en fonction d'un formulaire

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

calcul dynamique en fonction d'un formulaire

n°726961
IvanleFou
Posté le 15-05-2004 à 19:15:23  profilanswer
 

Bonjour,
 
J'ai un script php avec un formulaire et une fois valide je recupere mes valeurs pour les stocker dans une table MySQL. Cependant avant de valider le formulaire je voudrais effecter un calcul sur les valeurs entrees dans les champs du formulaire (car ca donne une idee a l'utilisateur de ce qu'il va obtenir avec ses valeurs).
 
Donc j'aimerai que le resultat de mon calcul change des que les valeurs donnees par l'utilisateur changent. Pour le moment tout ce que j'obtiens ce que le resultat change lorsque je valide le formulaire :(  
 
Voila ce que j'ai fait:

Citation :

<body ...>
<script type="text/javascript">
function fonct1() {
  return document.form.input1.value * 100
}  
</script>
 
<table>
...
<form ...>
...
<?
  echo "<td><input class=\"input\" type=\"text\" SIZE=\"5\" MAXLENGTH=\"2\" name=\"input1\" value=\"".$tbl[val1]."\"></td>";
?>
...
</form>
</table>
 
<table>
  <tr>
    <td class="Titre">Stats</td>
    <td colspan="2" align="left">
      <script type="text/javascript">
        document.write(fonct())
      </script>
    </td>
  </tr>
</table>
 
</body>


 
Voila, bon comme vous l'avez peute tre remarque je m'y connais vraiment pas en javascript :cry:  
 
J'espere que vous pourrez me donner un coup de main :hello:  
 
Merci :jap:


Message édité par IvanleFou le 15-05-2004 à 19:17:56
mood
Publicité
Posté le 15-05-2004 à 19:15:23  profilanswer
 

n°726978
Hermes le ​Messager
Breton Quiétiste
Posté le 15-05-2004 à 19:45:13  profilanswer
 

On utilise plus document.form etc...
 
On utilisez document.getElementById('id_de_l_element').value pour récupérer une valeur.
 
Ensuite, un document write, c'est pas non plus du meilleur effet. Quand on peut éviter, c'est toujours mieux, soit en utilisant un innerhtml soit en utilisant un champ (un input text par exemple).

n°727010
IvanleFou
Posté le 15-05-2004 à 20:56:50  profilanswer
 

Oulaaa j'ai jamais entendu parler de ca. Tous les tutorials sur le javascript que j'ai vu ne parle que de document.form...
 
Si vous avez un truc plus a jour je suis preneur!

n°727090
Hermes le ​Messager
Breton Quiétiste
Posté le 15-05-2004 à 22:57:05  profilanswer
 

IvanleFou a écrit :

Oulaaa j'ai jamais entendu parler de ca. Tous les tutorials sur le javascript que j'ai vu ne parle que de document.form...
 
Si vous avez un truc plus a jour je suis preneur!


 
Ya rien de compliqué.
 
Imaginons que tu aies un élément en html avec un id tel que par exemple :
 
<input id="exemple_id" type="text">
 
Pour récupérer la valeur entrée dans l'input, tu fais :
 
document.getElementById('exemple_id').value
 
Où est la complexité ?? :??:  
 
A partir de là, tu peux faire exactement ce que tu cherches. [:spamafote]

n°727126
IvanleFou
Posté le 15-05-2004 à 23:48:23  profilanswer
 

Le getElementById ca c'est bon je me doutais un de comment ca marche. innerhtml par contre c'est la premiere fois que je vois.
 
Bon je vais voir ce que je peux faire avec getElementById


Message édité par IvanleFou le 15-05-2004 à 23:48:46
n°727232
Hermes le ​Messager
Breton Quiétiste
Posté le 16-05-2004 à 07:35:00  profilanswer
 

IvanleFou a écrit :

Le getElementById ca c'est bon je me doutais un de comment ca marche. innerhtml par contre c'est la premiere fois que je vois.
 
Bon je vais voir ce que je peux faire avec getElementById


 
Pour ce que tu veux faire, utilises un input type="text" en sortie. Ainsi tu n'as besoin de rien d'autre et les modifications dynamiques sur cet élément sont visibles immédiatement.
 
exemple :
 
js :
 
function test()
{
var i= 12 + 14;
document.getElementById('sortie').value += i;
}
 
(équivaut à : document.getElementById('sortie').value = document.getElementById('sortie').value + i; )
 
Dans le HTML un simple :
 
<input type="text" id="sortie" onclick="test();" />
 
C'est juste pour te montrer la logique d'utilisation des ids. A partir de là, tu peux absolument tout faire. Oublies toutes les merdes de document.form etc...
 
 
 


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

  calcul dynamique en fonction d'un formulaire

 

Sujets relatifs
Recherche fonction mot clé dans TEXT[PHP] - Problème avec la fonction header
[résolu][php] pb variable dynamiqueFonction PHP dans un onclick
[RESOLU]Comment donner une fonction en tant qu'"action"Fonction de génération aléatoire en Assembleur VAX
[C] Allocation dynamique et recuperation de donneesMise à jour automatique d'un champ d'un formulaire
[CGI] Encore du nouveau : probleme avec formulaire[VBA] & [ACCESS] - Appeler une requete depuis un formulaire
Plus de sujets relatifs à : calcul dynamique en fonction d'un formulaire


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