Modification de script

Fermé

stephy17 Messages postés 1 Date d'inscription jeudi 30 novembre 2006 Statut Membre Dernière intervention 30 novembre 2006 - 30 nov. 2006 à 23:30
slooptoo - 3 déc. 2006 à 16:37

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">

</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
Microsoft activation script - Accueil - Windows

2 réponses

Réponse 1 / 2

slooptoo
1 déc. 2006 à 12:38

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

stephy17
3 déc. 2006 à 01:30

salut merci d'avoir repondu j'ai modifie le script avec ce que tu m'as donnee mais ca fonctionne a moitie pourrais tu me renvoyer mon script modifie directement car comme je t'ai dit sur mon premier message je suis debutante et je galere pas mal.

je te remercie d'avance ca serait super cool!!!

merci

Réponse 2 / 2

slooptoo
3 déc. 2006 à 16:37

<html>
<head>
<title>
Votre poids idéal.
</title>
<style type="text/css">

</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>

Discussions similaires

recherche script "les visiteurs"

Bonjour,

Je suis à la recherche du script complet du film "les visiteurs" de Jean Marie Poiré.

Si vous connaissez où je peux trouver sinon les sous titres en Français ce serai super

Merci

--
Stoukboy
"Qui fait le malin tombe dans le ravin!"

deverrouiller un fichier excel verrouiller pour modification par moi meme

Bonjour, j'ai un problème avec un dossier excel qui m'a été envoyé. Dès que je veux l'ouvrir ça prend beaucoup de temps avant d'afficher que le dossier est verrouillé pour modification par moi même. Et on me propose soit d'ouvrir en lecture seul ou notifier. Je demande votre aide car ce document en nécessaire pour la suite de ma formation. Merci.