Modification de script
stephy17
Messages postés
1
Date d'inscription
Statut
Membre
Dernière intervention
-
slooptoo -
slooptoo -
Bonjour,
je suis en train de créer mon site internet, mais j'ai de gros problèmes car je suis une débutante dans ce mileu la; j'utilise le logiciel publisher et j'ai aussi dreamweaver 8 : un peu plus compliquer pour moi. mon souci c'est que je voudrai insérer un calcul dans ma page : le calcul c'est indice de masse corporelle = poids / taille², avec un champ de texte pour inserer le poids, un autre pour inserer la taille, un bouton pour calculer, et un champ de texte avec le résultat et un commentaire par rapport au résultat.
j'ai trouvé un script en javascript mais ce qui ne me plait pas c'est que le résultat et commentaire s'ouvre en message alerte et moi je préférerai quils s'affichent dans un champ de la page ( en dessous du bouton de calcul par exemple)
voici le script :
<!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=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
body {
background-image: url();
background-repeat: no-repeat;
background-color: #000099;
}
-->
</style></head>
<body>
</body>
</html>
<html>
<head>
<title>
Votre poids idéal.
</title>
<script language="JavaScript" type="text/javascript">
function Valider(ideal)
{
var taille = document.ideal.taille.value
var poids = document.ideal.poids.value
if ((taille == "Entrez votre taille (en cm) ici.")|| (taille == "")|| (poids == "Entrez votre poids ici.")|| (poids == "")) //alert si un champ n'esp pas renseigné
{
alert("Si vous voulez que je calcule votre indice de masse corporel ainsi que votre poids idéal il faut que vous entrez vos mensuration");
}
else
{
//Fonction calcul de l'imc
var nombre1 = (taille*0.01) //convertion de la taille des centimètres en mètres
var nombre2 = (nombre1*nombre1) //taille au carré
var nombre3 = (poids/nombre2) //poids divisé par la taille
alert("Votre indice de masse corporel est de: " + nombre3 + "!");
// Message d'alerte en fonction de l'imc
if (nombre3 <= 16)
{
alert("Votre indice est un très faible, c'est à dire que vous êtes très maigre. Il faut faire très attention, je vous recomande de voir un nutrioniste!")
}
if (nombre3 <=18 && nombre3 >16)
{
alert("Votre indice est faible, vous êtes maigre, il faut surveiller votre ligne!");
}
if (nombre3 <=20 && nombre3 >18)
{
alert("Vous êtes en leger + sous-poids + , il faut manger!!!");
}
if (nombre3 <=24 && nombre3 >20)
{
alert("Vous êtes dans la moyenne, ne vous inquietez pas!");
}
if (nombre3 <=26 && nombre3 >24)
{
alert("Vous êtes en très leger sur-poids, ce n'est pas bien grave");
}
if (nombre3 <=28 && nombre3 >26)
{
alert("Vous êtes en sur-poids mais ce n'est pas iratrappable!");
}
if (nombre3 <=32 && nombre3 >28)
{
alert("Vous êtes en sur-poids!");
}
if (nombre3 >32)
{
alert("Vous êtes vraiment en sur-poids, je vous conseil de voir un nutritioniste pour qu'il vous adapte un regime personnalisé.");
}
//Fonction calcul du poid parfait
var nombre4 = (22*nombre2) //22 est l'indice parfait
alert("Votre poids idéal est de: " + nombre4 + "!");
}
}
</script>
</head>
<body text="#ff0000">
<div align="center">
<br /><br /><br />
<tr>
<td width="85" bgcolor="#ffffff" align="center" height="700">
<tr>
<td width="3" align="center">
Entrez votre taille en cm:<br />
<hr color="#ff0000" width="25%">
Entrez votre poids: <br />
</td>
<td width="250">
<form action="" method="post" name="ideal" id="ideal">
<br /><br />
<input type="text" value="Entrez votre taille (en cm) ici." name="taille" OnFocus="this.value=''" size="30"><br /><br />
<input type="text" value="Entrez votre poids ici." name="poids" OnFocus="this.value=''" size="30"><br /><br />
<input type="button" value="Calculer" name="calculez" OnClick="Valider(this.form)"><br />
<input type="reset" value="Remettre à zero" name="reset"><br /><br /><br />
</form>
</td>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br /><br /><br />
</body>
</html>
je vous remercie d'avance pour votre aide
je suis en train de créer mon site internet, mais j'ai de gros problèmes car je suis une débutante dans ce mileu la; j'utilise le logiciel publisher et j'ai aussi dreamweaver 8 : un peu plus compliquer pour moi. mon souci c'est que je voudrai insérer un calcul dans ma page : le calcul c'est indice de masse corporelle = poids / taille², avec un champ de texte pour inserer le poids, un autre pour inserer la taille, un bouton pour calculer, et un champ de texte avec le résultat et un commentaire par rapport au résultat.
j'ai trouvé un script en javascript mais ce qui ne me plait pas c'est que le résultat et commentaire s'ouvre en message alerte et moi je préférerai quils s'affichent dans un champ de la page ( en dessous du bouton de calcul par exemple)
voici le script :
<!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=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
body {
background-image: url();
background-repeat: no-repeat;
background-color: #000099;
}
-->
</style></head>
<body>
</body>
</html>
<html>
<head>
<title>
Votre poids idéal.
</title>
<script language="JavaScript" type="text/javascript">
function Valider(ideal)
{
var taille = document.ideal.taille.value
var poids = document.ideal.poids.value
if ((taille == "Entrez votre taille (en cm) ici.")|| (taille == "")|| (poids == "Entrez votre poids ici.")|| (poids == "")) //alert si un champ n'esp pas renseigné
{
alert("Si vous voulez que je calcule votre indice de masse corporel ainsi que votre poids idéal il faut que vous entrez vos mensuration");
}
else
{
//Fonction calcul de l'imc
var nombre1 = (taille*0.01) //convertion de la taille des centimètres en mètres
var nombre2 = (nombre1*nombre1) //taille au carré
var nombre3 = (poids/nombre2) //poids divisé par la taille
alert("Votre indice de masse corporel est de: " + nombre3 + "!");
// Message d'alerte en fonction de l'imc
if (nombre3 <= 16)
{
alert("Votre indice est un très faible, c'est à dire que vous êtes très maigre. Il faut faire très attention, je vous recomande de voir un nutrioniste!")
}
if (nombre3 <=18 && nombre3 >16)
{
alert("Votre indice est faible, vous êtes maigre, il faut surveiller votre ligne!");
}
if (nombre3 <=20 && nombre3 >18)
{
alert("Vous êtes en leger + sous-poids + , il faut manger!!!");
}
if (nombre3 <=24 && nombre3 >20)
{
alert("Vous êtes dans la moyenne, ne vous inquietez pas!");
}
if (nombre3 <=26 && nombre3 >24)
{
alert("Vous êtes en très leger sur-poids, ce n'est pas bien grave");
}
if (nombre3 <=28 && nombre3 >26)
{
alert("Vous êtes en sur-poids mais ce n'est pas iratrappable!");
}
if (nombre3 <=32 && nombre3 >28)
{
alert("Vous êtes en sur-poids!");
}
if (nombre3 >32)
{
alert("Vous êtes vraiment en sur-poids, je vous conseil de voir un nutritioniste pour qu'il vous adapte un regime personnalisé.");
}
//Fonction calcul du poid parfait
var nombre4 = (22*nombre2) //22 est l'indice parfait
alert("Votre poids idéal est de: " + nombre4 + "!");
}
}
</script>
</head>
<body text="#ff0000">
<div align="center">
<br /><br /><br />
<tr>
<td width="85" bgcolor="#ffffff" align="center" height="700">
<tr>
<td width="3" align="center">
Entrez votre taille en cm:<br />
<hr color="#ff0000" width="25%">
Entrez votre poids: <br />
</td>
<td width="250">
<form action="" method="post" name="ideal" id="ideal">
<br /><br />
<input type="text" value="Entrez votre taille (en cm) ici." name="taille" OnFocus="this.value=''" size="30"><br /><br />
<input type="text" value="Entrez votre poids ici." name="poids" OnFocus="this.value=''" size="30"><br /><br />
<input type="button" value="Calculer" name="calculez" OnClick="Valider(this.form)"><br />
<input type="reset" value="Remettre à zero" name="reset"><br /><br /><br />
</form>
</td>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br /><br /><br />
</body>
</html>
je vous remercie d'avance pour votre aide
A voir également:
- Modification de script
- Suivi de modification word - Guide
- Script vidéo youtube - Guide
- Logiciel gratuit modification pdf - Guide
- Modification dns - Guide
- Mas script - Accueil - Windows
2 réponses
tout d abord tu ajoutes un div identifie entre les <br/> de fin de ta page
<div id="textDiv"></div>
ensuite tu ajoutes cette fonction avec les autres :
function writeTextDIV(str) {
var obj = document.getElementById("textDiv");
while (obj.childNodes.length > 0)
obj.removeChild(obj.childNodes[0]);
document.getElementById("textDiv").appendChild(document.createTextNode(str));
}
et enfin tu remplace les alert() par writeTextDIV()
a verifier sur IE6 cependant
<div id="textDiv"></div>
ensuite tu ajoutes cette fonction avec les autres :
function writeTextDIV(str) {
var obj = document.getElementById("textDiv");
while (obj.childNodes.length > 0)
obj.removeChild(obj.childNodes[0]);
document.getElementById("textDiv").appendChild(document.createTextNode(str));
}
et enfin tu remplace les alert() par writeTextDIV()
a verifier sur IE6 cependant
<html>
<head>
<title>
Votre poids idéal.
</title>
<style type="text/css">
<!--
body {
background-image: url();
background-repeat: no-repeat;
background-color: #000099;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
function writeTextDIV(str) {
var obj = document.getElementById("textDiv");
while (obj.childNodes.length > 0)
obj.removeChild(obj.childNodes[0]);
document.getElementById("textDiv").appendChild(document.createTextNode(str));
}
function Valider(ideal)
{
var taille = document.ideal.taille.value
var poids = document.ideal.poids.value
if ((taille == "Entrez votre taille (en cm) ici.")|| (taille == "")|| (poids == "Entrez votre poids ici.")|| (poids == "")) //alert si un champ n'esp pas renseigné
{
writeTextDIV("Si vous voulez que je calcule votre indice de masse corporel ainsi que votre poids idéal il faut que vous entrez vos mensuration");
}
else
{
//Fonction calcul de l'imc
var nombre1 = (taille*0.01) //convertion de la taille des centimètres en mètres
var nombre2 = (nombre1*nombre1) //taille au carré
var nombre3 = (poids/nombre2) //poids divisé par la taille
writeTextDIV("Votre indice de masse corporel est de: " + nombre3 + "!");
// Message d'alerte en fonction de l'imc
if (nombre3 <= 16)
{
writeTextDIV("Votre indice est un très faible, c'est à dire que vous êtes très maigre. Il faut faire très attention, je vous recomande de voir un nutrioniste!")
}
if (nombre3 <=18 && nombre3 >16)
{
writeTextDIV("Votre indice est faible, vous êtes maigre, il faut surveiller votre ligne!");
}
if (nombre3 <=20 && nombre3 >18)
{
writeTextDIV("Vous êtes en leger + sous-poids + , il faut manger!!!");
}
if (nombre3 <=24 && nombre3 >20)
{
writeTextDIV("Vous êtes dans la moyenne, ne vous inquietez pas!");
}
if (nombre3 <=26 && nombre3 >24)
{
writeTextDIV("Vous êtes en très leger sur-poids, ce n'est pas bien grave");
}
if (nombre3 <=28 && nombre3 >26)
{
writeTextDIV("Vous êtes en sur-poids mais ce n'est pas iratrappable!");
}
if (nombre3 <=32 && nombre3 >28)
{
writeTextDIV("Vous êtes en sur-poids!");
}
if (nombre3 >32)
{
writeTextDIV("Vous êtes vraiment en sur-poids, je vous conseil de voir un nutritioniste pour qu'il vous adapte un regime personnalisé.");
}
//Fonction calcul du poid parfait
var nombre4 = (22*nombre2) //22 est l'indice parfait
alert("Votre poids idéal est de: " + nombre4 + "!");
}
}
</script>
</head>
<body text="#ff0000">
<div align="center">
<br /><br /><br />
<tr>
<td width="85" bgcolor="#ffffff" align="center" height="700">
<tr>
<td width="3" align="center">
Entrez votre taille en cm:<br />
<hr color="#ff0000" width="25%">
Entrez votre poids: <br />
</td>
<td width="250">
<form action="" method="post" name="ideal" id="ideal">
<br /><br />
<input type="text" value="Entrez votre taille (en cm) ici." name="taille" OnFocus="this.value=''" size="30"><br /><br />
<input type="text" value="Entrez votre poids ici." name="poids" OnFocus="this.value=''" size="30"><br /><br />
<input type="button" value="Calculer" name="calculez" OnClick="Valider(this.form)"><br />
<input type="reset" value="Remettre à zero" name="reset"><br /><br /><br />
</form>
</td>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br /><br /><div id="textDiv"></div>
</body>
</html>
<head>
<title>
Votre poids idéal.
</title>
<style type="text/css">
<!--
body {
background-image: url();
background-repeat: no-repeat;
background-color: #000099;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
function writeTextDIV(str) {
var obj = document.getElementById("textDiv");
while (obj.childNodes.length > 0)
obj.removeChild(obj.childNodes[0]);
document.getElementById("textDiv").appendChild(document.createTextNode(str));
}
function Valider(ideal)
{
var taille = document.ideal.taille.value
var poids = document.ideal.poids.value
if ((taille == "Entrez votre taille (en cm) ici.")|| (taille == "")|| (poids == "Entrez votre poids ici.")|| (poids == "")) //alert si un champ n'esp pas renseigné
{
writeTextDIV("Si vous voulez que je calcule votre indice de masse corporel ainsi que votre poids idéal il faut que vous entrez vos mensuration");
}
else
{
//Fonction calcul de l'imc
var nombre1 = (taille*0.01) //convertion de la taille des centimètres en mètres
var nombre2 = (nombre1*nombre1) //taille au carré
var nombre3 = (poids/nombre2) //poids divisé par la taille
writeTextDIV("Votre indice de masse corporel est de: " + nombre3 + "!");
// Message d'alerte en fonction de l'imc
if (nombre3 <= 16)
{
writeTextDIV("Votre indice est un très faible, c'est à dire que vous êtes très maigre. Il faut faire très attention, je vous recomande de voir un nutrioniste!")
}
if (nombre3 <=18 && nombre3 >16)
{
writeTextDIV("Votre indice est faible, vous êtes maigre, il faut surveiller votre ligne!");
}
if (nombre3 <=20 && nombre3 >18)
{
writeTextDIV("Vous êtes en leger + sous-poids + , il faut manger!!!");
}
if (nombre3 <=24 && nombre3 >20)
{
writeTextDIV("Vous êtes dans la moyenne, ne vous inquietez pas!");
}
if (nombre3 <=26 && nombre3 >24)
{
writeTextDIV("Vous êtes en très leger sur-poids, ce n'est pas bien grave");
}
if (nombre3 <=28 && nombre3 >26)
{
writeTextDIV("Vous êtes en sur-poids mais ce n'est pas iratrappable!");
}
if (nombre3 <=32 && nombre3 >28)
{
writeTextDIV("Vous êtes en sur-poids!");
}
if (nombre3 >32)
{
writeTextDIV("Vous êtes vraiment en sur-poids, je vous conseil de voir un nutritioniste pour qu'il vous adapte un regime personnalisé.");
}
//Fonction calcul du poid parfait
var nombre4 = (22*nombre2) //22 est l'indice parfait
alert("Votre poids idéal est de: " + nombre4 + "!");
}
}
</script>
</head>
<body text="#ff0000">
<div align="center">
<br /><br /><br />
<tr>
<td width="85" bgcolor="#ffffff" align="center" height="700">
<tr>
<td width="3" align="center">
Entrez votre taille en cm:<br />
<hr color="#ff0000" width="25%">
Entrez votre poids: <br />
</td>
<td width="250">
<form action="" method="post" name="ideal" id="ideal">
<br /><br />
<input type="text" value="Entrez votre taille (en cm) ici." name="taille" OnFocus="this.value=''" size="30"><br /><br />
<input type="text" value="Entrez votre poids ici." name="poids" OnFocus="this.value=''" size="30"><br /><br />
<input type="button" value="Calculer" name="calculez" OnClick="Valider(this.form)"><br />
<input type="reset" value="Remettre à zero" name="reset"><br /><br /><br />
</form>
</td>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br /><br /><div id="textDiv"></div>
</body>
</html>
je te remercie d'avance ca serait super cool!!!
merci