formulaire calcul javascript débutantRésolu

Question

Bonjour, J'ai réalisé un petit formulaire de calcul en javascript et html mais j'ai un problème pour l'affichage des résultats, voici le code: Calcul Donc les alert(); me donnent bien les résultats mais j'aimerais plutot afficher ces résultats sous le bouton valider dans du texte (sans input si possible). Quelqu'un a une idée?

badziz · Accepted Answer

J'ai utilisé: <form name="frm" onsubmit="valider(); return false;"> et ça fonctionne parfaitement. Merci pour votre aide! C'est parfait.

Bul3 · Answer

Bonjour,

>>mais
j'aimerais plutot afficher ces résultats sous le bouton valider dans du
texte (sans input si possible). 
innerHTML d'un div , innerHTML d'un span... ou tout autre balise qui pourrait te plaire
( value ou innerHTML, faut voir )

Cordialement	[mon Site]	[M'écrire]	Bul

badziz · Answer

J'ai essayé de changer par: f.pr_charg.innerHTML = res_1; et dans la partie html: Reste à vivre: % Mais ça ne fonctionne pas, j'ai du oublier quelque chose...

Bul3 · Answer

>>f.pr_charg.innerHTML 
le div n'a pas de name mais un id :
document.getElementById("pr_charg").innerHTML=res_1;
@+

badziz · Answer

ok merci ça a l'air de fonctionner par contre l'affichage ne dure qu'un bref instant et ensuite tout le formulaire se remet à 0, pourquoi?

Bul3 · Answer

<form name="form"> ...







ton formulaire est soumis, envoyée à la même page 
      car pas d'action= ( elle est rechargée ) 




     


un formulaire c'est fait pour être envoyé... normalement.
évite les name= à des noms connus !! form ici !
          un jour ou l'autre ça te jouera des tours...
c'est onclick pas on_click !

d'ailleurs tu n'utilises pas une chose normale/standard... pour le submit ! 
pas de onclick !  et action manque
<form action="page à qui envoyer.htm ou php ou.... "  
            name="frm" onsubmit="return (valider());"> ...

le formulaire sera envoyé vers ce qu'il y a dans action si la fonction
     retourne true, non envoyé sin elle retourne false
si tu ne veux jamais envoyer ( on utilise rarement un bouton submit 
dans ce cas ) mais

<form name="frm" onsubmit="void(valider());"> ...

badziz · Answer

pour le on_click pas de soucis c'était bien onClick dans mon code ;) Pour ce qui est d'envoyé le formulaire, justement celui là ne doit pas être envoyé et simplement afficher les résultats. J'ai fait les changements mais apparemment toujours le même problème. Voila ce que mon code donne: Calcul

---- Revenus nets, ---- Revenu mensuel emprunteur :, €, ---- Revenu mensuel co-emprunteur :, €, ---- Autres revenus mensuels récurrents :, €, ---- , ---- Autres charges, ---- Pension alimentaire versée :, €, ---- Autres charges récurrentes :, €, ---- Crédits, Remboursement, ---- 1), €/mois, ---- 2), €/mois, ---- 3), €/mois, ---- , ---- Selon les informations que vous nous avez données, votre taux est de, ---- Calcul du pourcentage des charges par rapport au revenu: %, ---- Calcul du pourcentage du/des crédits par rapport au revenu: %, ---- Reste à vivre: %

@karamel · Answer

bonjour 
c'est ta facon d'appeler la function qui est mauvaise 
normalement de cette facon ca devrait marcher

'>resultat

Bul3 · Answer

<form name="frm" onsubmit="valider(); return false;">
si pas d'envoi, action inutile.
sans préjuger du reste....

@karamel · Answer

aussi

Bul3 · Answer

nickel si ça baigne.     merci du retour.

Formulaire calcul javascript débutant

11 réponses

Votre réponse

Discussions similaires