Sujet Précédent Sujet Suivant

Convertisseur en temps réel

Résolu/Fermé
Imagine43 Messages postés 270 Date d'inscription jeudi 5 juin 2014 Statut Membre Dernière intervention 23 juin 2024 - 30 janv. 2015 à 14:33
jordane45 Messages postés 38301 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 22 novembre 2024 - 30 janv. 2015 à 18:11
Bonjour,
J'aurais aimé créer un convertisseur d'unité tel que celui dans ce site : https://www.clickandboat.com/evaluer-ses-revenus-locatifs

Le but étant donc de faire une génération d'un chiffre en temps réel, sans avoir besoin de recharger la page.
Etant tout de même débutant en javascript, j'aurais aimé obtenir une marche à suivre ou du moins un petit coup de pouce pour le code. (Non pas les calculs mais juste le procédé de la génération avec exemple si possible).

Merci d'avance!
Imagine.



A voir également:

3 réponses

Réponse 1 / 3
jordane45 Messages postés 38301 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 22 novembre 2024 4 704
30 janv. 2015 à 16:32
Bonjour,

Quelle est ta difficulté au juste ?

Car, en Javascript... pour déclencher une action (une fonction) il suffit d'utiliser les EVENT tel que : Onclick par exemple.

Voici un exemple : 
<html>
<head>
	<title>TEST</title>
</head>
<body>

<pre>
<div>
<input type="text" value="" id="chiffre1">
<input type="text" value="" id="chiffre2">
<input type="button" onclick="mafonction();" value="calculer">
</div>
<div style=" border:1px solid black;width:50px;min-height:14px;" id="resultat"></div>
</pre>  
</body>
</html>
<script type="text/javascript">
function mafonction(){

 var chiffre1 = parseFloat(document.getElementById('chiffre1').value);
 var chiffre2 = parseFloat(document.getElementById('chiffre2').value);
 var total = chiffre1 + chiffre2;

  document.getElementById('resultat').innerHTML = total;
}
	</script>

0
Réponse 2 / 3
Imagine43 Messages postés 270 Date d'inscription jeudi 5 juin 2014 Statut Membre Dernière intervention 23 juin 2024 54
30 janv. 2015 à 16:40
Bonjour,

La difficulté réside dans le fait de générer des valeurs en meme temps que l'utilisateur en rentre, une fois la page chargée.
En discutant avec un ami développeur, il m'a aiguillé en me disant d'utiliser les évènements OnkeyUp.
0
jordane45 Messages postés 38301 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 22 novembre 2024 4 704
30 janv. 2015 à 18:11
Mais vu que nous n'avions pas l'explications exacte de ce que tu voulais... impossible pour nous de le deviner.
Je suis partit sur un ONCLICK ... mais en "pure" javascript... il existe aussi le onkeyup ....

maintenant c'est clair que si tu veux/peux utiliser Jquery.. c'est mieux...(mais pas essentiel).
voilou..

Le principal est que tu ais trouvé.
0
Réponse 3 / 3
Imagine43 Messages postés 270 Date d'inscription jeudi 5 juin 2014 Statut Membre Dernière intervention 23 juin 2024 54
30 janv. 2015 à 18:00
Passage en résolu. La solution était la suivante, en Jquery : 


<script language="javascript">
$(document).ready(function(){
    $( "#taille" ).keyup(function(event) {
  		var number = $('#taille').val();
  		var number1 = (number *= 3.2809).toFixed(2);
  		$('#taille-pied').val(number1);
	});
	$( "#taille-pied" ).keyup(function(event) {
  		var number = $('#taille-pied').val();
  		var number1 = (number *= 0.3048).toFixed(2);
  		$('#taille').val(number1);
	});
});
			
</script>


Le script fait la conversion Mètre-Pied & Pied-Mètre.
0

Discussions similaires

comment voir une image satellite en direct
antoin e22120 -
Creeks89 -

10 réponses
Trouver le mot réellement écrit en lettres capitales PIX
ETHAN -
kirikou -

4 réponses
qui connais un convertisseur YouTube MP3
Utilisateur anonyme -
Paco -

4 réponses
Indicateur d’activité sur Snapchat
Dominique -
Dominique -

0 réponse
35 GO à l'étranger
Laurence -
Laurence -

2 réponses