Bonjour à tous ,
Je n'ai pas encore expérimenté le JS, mais je voudrais savoir comment faire quelque chose de semblable (je schématise, histoire que tout soit bien clair) :
Champ 1 - Champ 2 - Case résultat
Imaginons que Champ 1 à pour valeur 200 Imaginons que Champ 2 à pour valeur 350
Comment faire pour que la case résultat affiche le rendu de Champ 1 + Champ 2, c'est à dire 550 (cela sans rechargement de la page)
Pour créer un système, du genre
Si C.1 + C.2 < 500 (la case devient verte)
Si C.1 + C.2 > 500 (la case devient orange)
J'ai de bonne base en PHP, donc mon script serait assez simple à faire, mais je bloque au niveau du JS, une base serait la bienvenue (script d'exemple avec système similaire au possible )
Merci d'avance
___________________
EDIT : Donc je ne veux pas 'envoyer' le formulaire, mais juste que celui ci permet l'affichage dynamique de résultat / texte / image en temps réel
La seule question qui me vient à l'esprit c'est... "à quel moment veux-tu que le résultat apparaisse dans la case ?" (ça ne change pas le fonctionnement général, mais ça modifie le code...)
Bref, pour t'aiguiller quand même.
// Quelques éléments de réponses... :
// Comment récupérer le contenu d'un champ
// en JS ?
var valeur = document.getElementById("id_du_champ").value;
// Ici, on a enregistrer la valeur du champ
// id="id_du_champ" dans une variable "valeur"
// Comment transformer ces valeurs en entiers ?
//(important pour que le calcul se fasse
// correctement)
valeur = parseInt(valeur,10);
// On vient de "convertir" la chaîne "valeur"
// en un entier.
// (Le 10 indique qu'on se trouve en base 10 et
// permet d'éviter des erreurs de conversion)
// Comment ajouter les deux valeurs ?
var resultat = valeur1 + valeur2;
// Pas franchement compliqué...
// Comment insérer le résultat dans un champ ?
document.getElementById("id_du_champ").value = resultat;
Ca pourra te permettre de commencer quelque chose.
Mais ce serait bien d'aller voir un tuto pour commencer le JS... Parce que ça, c'est vraiment la base...
Formulaire interactif (sans rechargement)
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.