Partage
  • Partager sur Facebook
  • Partager sur Twitter

Formulaire interactif (sans rechargement)

    6 avril 2009 à 21:27:21

    Bonjour à tous :D ,
    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 :p

    Thx :p
    • Partager sur Facebook
    • Partager sur Twitter
      7 avril 2009 à 0:09:19

      Difficile de faire plus simple...

      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...
      • Partager sur Facebook
      • Partager sur Twitter

      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.
      • Editeur
      • Markdown