calcul dynamique en fonction d'un formulaire - HTML/CSS - Programmation
Marsh Posté le 15-05-2004 à 19:45:13
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).
Marsh Posté le 15-05-2004 à 20:56:50
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!
Marsh Posté le 15-05-2004 à 22:57:05
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... |
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.
Marsh Posté le 15-05-2004 à 23:48:23
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
Marsh Posté le 16-05-2004 à 07:35:00
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. |
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...
Marsh Posté le 15-05-2004 à 19:15:23
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:
<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
J'espere que vous pourrez me donner un coup de main
Merci
Message édité par IvanleFou le 15-05-2004 à 19:17:56