Calcul html

tibout31 Messages postés 7 Statut Membre -  
HACKER 712 Messages postés 1463 Statut Contributeur -
Bonjour,
J'essaye de réaliser un formulaire dans lequel les personnes encode un nombre, et suivant ce nombre, on leur affiche plusieures données ( prix, prix à la pièce, ce qu'il gagne...)
Pouvez-vous m'aider à réaliser ce "calcul".
Je sais qu'il est possible de le faire en html mais hélas, je ne suis pas encore assez pro pour savoir le faire.
Un grand merci d'avance.
Configuration: Windows XP Internet Explorer 7.0
A voir également:

6 réponses

HACKER 712 Messages postés 1463 Statut Contributeur 255
 
Bonjour !

Es-tu sûr que c'est réalisable en html ? Je crois qu'il faut utiliser du php...
Le html ne connait pas les opérations arithmétiques...
1
HACKER 712 Messages postés 1463 Statut Contributeur 255
 
Oui, mais il n'est pas entièrement en html, regarde, il y a ça à un moment :
<script type="text/javascript">
!

Mais pour récupérer ce que l'utilisateur a tapé, il faut du php...
1
2berte Messages postés 217 Statut Membre 143
 
Complétement d'accord avec Hacker 712. Le html sert juste à faire de l'affichage. Tu peux le faire en php ou en javascript.

Bon courage
0
tibout31 Messages postés 7 Statut Membre
 
Pourtant vous pouvez voir qu'avec ce script html on arrive à avoir un calcul.
N'est-il pas possible de la même manière de créer ce que je souhaiterais?
Merci d'avance

Voici le code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IMC</title>
<script type="text/javascript">
var getId = function(id) {
return document.getElementById(id);
}

var putContent = function(element, content) {
if(typeof(element.textContent) != 'undefined') {
element.textContent = content;
} else {
element.innerText = content;
}
}

var addEvent = function(object, eventName, myFunction) {
if(object.addEventListener) {
object.addEventListener(eventName, myFunction, false);
} else if(object.attachEvent) {
object.attachEvent('on'+eventName, myFunction);
}
}

var getImc = function(height, weight) {
return weight/(height*height)*10000;
}

var submitImc = function() {
var height = getId('height');
var weight = getId('weight');
var imcDiv = getId('imc');

if(height && weight && imcDiv) {
var imc = parseInt(getImc(parseInt(height.value), parseInt(weight.value)));
if(imc < 18) {
var content = 'Vous etes maigre ! ('+imc+')';
} else if(imc >= 18 && imc < 26) {
var content = 'Vous êtes "normal". ('+imc+')';
} else {
var content = 'Un kebab de trop ce midi =D ('+imc+')';
}
putContent(imcDiv, content);
}
}

addEvent(window, 'load', function() {
addEvent(getId('submitImc'), 'click', submitImc);
});
</script>
</head>

<body>

<p><input type="text" id="height" /> Taille</p>

<p><input type="text" id="weight" /> Poids</p>
<div id="imc"></div>
<p><input type="button" id="submitImc" value="Calculer mon IMC" /></p>

</body>
</html>
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
tibout31 Messages postés 7 Statut Membre
 
Ha oui je n'avais pas vu. :-(
Je vais devoir me mettre au php alors.
Ce qui est encore plus compliqué.
Un grand merci quand même
0
HACKER 712 Messages postés 1463 Statut Contributeur 255
 
Plus compliqué ? Non, puisqu'apparemment tu n'as pas besoin de bdd...
0