Partage
  • Partager sur Facebook
  • Partager sur Twitter

Un problème de débutant...

Pour un convertisseur

    5 janvier 2009 à 1:34:52

    Bonjour à tous! J'ai un problème en javascript pour la création d'un convertisseur.

    Problème: Quand je clique sur "Vers Euro" ou "Vers Franc", le calcul s'effectue et s'affiche pendant un bref instant et quelques millisecondes plus tard, toutes mes valeurs reviennent par défaut !


    Voici mon code :
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
       <head>
           <title>Convertisseur (en javascript)</title>
           <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    	   <link rel="stylesheet" media="screen" type="text/css" title="Mon design" href="design.css" />
       </head>
       <body>
    
       
       <!-- Design du convertisseur -->
       <div id="convertisseur">
        <h1>Convertisseur web</h1>
       <form>
    	<fieldset><legend>Mon super convertisseur</legend>
    			<!-- Corps et javascript -->
    
    				<label for="montant">Montant : </label><input type="text" id="montant"/><br />
    				<input type="submit" value="Vers Euro" onclick="javascript:convertir('enEuro');" />
    				<input type="submit" value="Vers Franc" onclick="javascript:convertir('enFranc');" /><br /><br />
    				<label for="resultat">Resultat : </label><span id="resultat">0</span>
    
    				<script type="text/javascript">
    				<!--
    				function convertir(devise)
    				{
    					const tauxDeChange = 6.55957
    					if (devise == "enEuro")
    					{
    						document.getElementById('resultat').innerHTML = document.getElementById('montant').value / tauxDeChange;
    					}
    					else
    					{
    						document.getElementById('resultat').innerHTML = document.getElementById('montant').value * tauxDeChange;
    					}
    				}
    				//-->
    				</script>
    
    	</fieldset>
       </form>
       
       </div>
      
       </body>
    </html>
    


    Merci à l'avance !

    • Partager sur Facebook
    • Partager sur Twitter
      5 janvier 2009 à 1:47:59

      Remplace tes input type="submit" par des input type="button", sans quoi le formulaire est soumis, et la page est donc rechargée ^^
      • Partager sur Facebook
      • Partager sur Twitter
        5 janvier 2009 à 1:48:34

        Salut,

        Dans tes submit, rajoute un return false dans tes onclick. ça évitera que le formulaire soit envoyé.
        • Partager sur Facebook
        • Partager sur Twitter

        Un problème de débutant...

        × 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