AccueilCodesTutorielsForumsEmploiLivresConnexion

  • Javascript / Ajax / DHTML CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2009 01 09 00:56:13
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

CALCULER LE PÉRIMÈTRE D'UN CERCLE AVEC LE DIAMÈTRE


Information sur la source

Catégorie :Divers Classé sous : cercle, périmètre, diamètre Niveau : Débutant Date de création : 26/02/2008 Date de mise à jour : 27/02/2008 19:08:32 Vu / téléchargé: 26 986 / 89
Auteur : gnix Ecrire un message privé
Note :
8 / 10 - par 1 personne
8,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Commentaire sur cette source (9)
Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale
Voici mon premier sript. Il permet de calculer le périmètre d'un cercle et son rayon a partir de son diamètre. Tester sur Internet Explorer 6, Mozilla firefox 2, et Opéra 9.
 

Source

  • <html>
  • <head>
  • <title>Calcule du périmètre d'un cercle</title>
  • </head>
  • <body>
  • <script type="text/javascript"><!--
  • valeur = Math.PI;
  • function calcul()
  • {window.document.forme1.resultype.disabled = false;
  • window.document.forme1.resultype1.disabled = true;
  • window.document.forme1.champ2.disabled = true;
  • nombre = window.document.forme1.champ1.value;
  • resultat = nombre*valeur;
  • resultat2 = nombre/2;
  • window.document.forme1.champ2.value='Le périmètre est de ' + resultat + '...';
  • window.document.forme1.champ3.value= ' ' + resultat2;
  • }
  • function vide()
  • {window.document.forme1.champ1.value='';
  • window.document.forme1.champ2.disabled = true;
  • window.document.forme1.champ2.value=' Entrez le diamètre du cercle désiré...';
  • }
  • function calcul1()
  • {window.document.forme1.resultype.disabled = true;
  • window.document.forme1.resultype1.disabled = false;
  • window.document.forme1.champ2.disabled = false;
  • nombre = window.document.forme1.champ1.value;
  • resultat = nombre*valeur;
  • resultat2 = nombre/2;
  • window.document.forme1.champ2.value= ' ' + resultat + '...';
  • window.document.forme1.champ3.value= ' ' + resultat2;
  • }
  • //-->
  • </script>
  • <form name="forme1">
  • <p> Diamètre: <input style="background-color: rgb(0, 255, 0);" size="20" name="champ1" onchange="calcul()" onfocus="vide()" value=" . . .(diamètre). . ." type="text">
  • <input name="resultype1" value="Calculer" type="button">
  • Périmètre: <input onclick="calcul()" size="35" name="champ2" disabled="disabled" value=" . . .(périmètre). . ." type="text">
  • <input name="resultype" value="Simplifier" onclick="calcul1()" type="button">
  • Rayon:<input onclick="calcul()" size="10" name="champ3" disabled="disabled" value=". . .(rayon). . ." type="text">
  • </p>
  • </form>
  • </body>
  • </html>
<html>
<head>
  <title>Calcule du périmètre d'un cercle</title>
</head>
<body>
<script type="text/javascript"><!--
valeur = Math.PI;
function calcul() 
{window.document.forme1.resultype.disabled = false;
window.document.forme1.resultype1.disabled = true;
window.document.forme1.champ2.disabled = true;
nombre = window.document.forme1.champ1.value;
resultat = nombre*valeur;
resultat2 = nombre/2;
window.document.forme1.champ2.value='Le périmètre est de ' + resultat + '...';
window.document.forme1.champ3.value= ' ' + resultat2;
}
function vide()
{window.document.forme1.champ1.value='';
window.document.forme1.champ2.disabled = true;
window.document.forme1.champ2.value=' Entrez le diamètre du cercle désiré...';
}
function calcul1()
{window.document.forme1.resultype.disabled = true;
window.document.forme1.resultype1.disabled = false;
window.document.forme1.champ2.disabled = false;
nombre = window.document.forme1.champ1.value;
resultat = nombre*valeur;
resultat2 = nombre/2;
window.document.forme1.champ2.value= ' ' + resultat + '...';
window.document.forme1.champ3.value= ' ' + resultat2;
}
//-->
</script>
<form name="forme1">
  <p> Diamètre: <input style="background-color: rgb(0, 255, 0);" size="20" name="champ1" onchange="calcul()" onfocus="vide()" value="     . . .(diamètre). . ." type="text"> 
  <input name="resultype1" value="Calculer" type="button">
Périmètre: <input onclick="calcul()" size="35" name="champ2" disabled="disabled" value="                       . . .(périmètre). . ." type="text">
<input name="resultype" value="Simplifier" onclick="calcul1()" type="button">
Rayon:<input onclick="calcul()" size="10" name="champ3" disabled="disabled" value=". . .(rayon). . ." type="text">
</p>
</form>
</body>
</html>

Conclusion

Mercie de me donner vos critique !
 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Historique

26 février 2008 20:29:12 :
Ajout d'une image.
26 février 2008 20:30:05 :
Ajout d'une image.
26 février 2008 21:01:37 :
Modification de PI
27 février 2008 13:28:51 :
modification de é et è
27 février 2008 13:30:16 :
" "
27 février 2008 19:08:33 :
Ajout du calcule du rayon

Commentaires et avis

signaler à un administrateur
Commentaire de nacedo57400 le 26/02/2008 20:33:47

pour plus d'exatitude remplace:
            valeur = "3,1415.....";
par
            valeur = Math.PI;

signaler à un administrateur
Commentaire de gnix le 26/02/2008 21:03:38

Modifier, Mercie !

signaler à un administrateur
Commentaire de nacedo57400 le 26/02/2008 22:15:22

pour ton input tu peux mettre ça à la place, l'effet est plus simpa à mon gout:
<input style="background-color: rgb(0, 255, 0);" size="20" name="champ1" onchange="calcul()" value="     . . .(diam&egrave;tre). . ." onblur="if (value == '') {value =     . . .(diam&egrave;tre). . .'}" onfocus="if (value ==      . . .(diam&egrave;tre). . .') {value =''}" type="text"/>

signaler à un administrateur
Commentaire de coucou747 le 27/02/2008 06:58:20

je vois difficilement l'interet d'un tel script...

si c'est pour apprendre a manipuler les formulaires, alors d'une part, c'est pas super complet, et d'autre part, ca a plus sa place dans un tuto... enfin c'est une source qui sert a rien toute seule quoi...

signaler à un administrateur
Commentaire de bultez le 27/02/2008 12:14:25


Diam&egrave;tre:    Diamètre ça baigne aussi.

nombre = window.document.forme1.champ1.value;
c'est donc une variable globale, sert-elle en dehors de la function ?
si non, il vaut mieux utiliser une variable locale en mettant
var nombre = ...

reste à améliorer, en ajoutant les calculs de :
surface, périmètre, diamètre, rayon...
et tout ce qui tourne autour du cercle.

@+

signaler à un administrateur
Commentaire de gnix le 27/02/2008 13:34:43

Pour le "é" et "è" c'est modifier !
Pour le reste j'y travaille.

signaler à un administrateur
Commentaire de gnix le 27/02/2008 19:13:52

Il peut maitenant calculer le rayon à partir du diamètre.

signaler à un administrateur
Commentaire de abdelaziz_info le 28/02/2008 07:43:07 8/10

Bonjour:

On peut voir à travers h'historique de ta (première) source que tu as une bonne volonté, alors : bon courage et voici une bonne note que tu à bien mérité par l'effort que tu a fait pour améliorer ta (première) source, j'insiste sur (première), pour faciliter la vue à ceux qui peuvent voir (difficilement l'interet d'un tel script); mais pour donner une idées à ceux qui veulent participer efficacement pour améliorer une source je les invite à lire le commentaire de : bultez et d'en prendre exemple,

Et voici une autre aussi simple manière pour faire les calcules d'un cercler plus le volume cylindrique tout à la fois:

<style type="text/css">
<!-- .x{font-weight: bold; color:#FF0000} -->
</style><center>
Les calculs d'un cercle ou d'un cylindre
<p><font size="4">D:
<input onfocus="this.value=''" type="text" name="VAL" id="VAL" size="17" value=""> H: </font><input onfocus="this.value=''" type="text" name="VOL" id="HAUT" size="17" value=""><br>
<input onclick="CERCLE()" type="button" value=" OK  " name="B1">  <input onclick="RETAB()" type="button" value="Esc" name="B2">
<div  align="left" name="resul" id="resul" style="width: 40%; height: 316" ></div>
<script type="text/javascript" language="javascript">
<!--//
function CERCLE(){
if(VAL.value==""||VAL.value=="Entrer le diamètre"){VAL.style.backgroundColor = 'rgb(0,255,0)', VAL.value='Entrer le diamètre'}
else
{
VAL.style.backgroundColor = 'rgb(255,255,255)';
HAUT.style.backgroundColor = 'rgb(255,255,255)';
resul.innerHTML = ''+
'<br calss=dd>D: '+VAL.value+
'<br>R: '+VAL.value/2+
'<br>P: '+VAL.value*Math.PI+
'<br>S: '+(VAL.value*VAL.value)*Math.PI+' x<sup class="x">2</sup>'+
'<br>V: '+((VAL.value*VAL.value)*Math.PI)*HAUT.value+' x<sup class="x">3</sup>'+
'<br>PI: '+Math.PI
}
if(HAUT.value==""||HAUT.value=="Entrer la hauteur"){HAUT.value="Entrer la hauteur",HAUT.style.backgroundColor = 'rgb(0,255,0)'}
}
function RETAB()
{resul.innerHTML =(""),VAL.value="",HAUT.value="",VAL.focus()}
//-->
</script></center></p>

Vas y continues et bon courage.

signaler à un administrateur
Commentaire de gnix le 28/02/2008 16:00:11

Mercie, abdelaziz_info.
Je vais continuer à améliorer mon script.

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Traçage de cercle sous eclipse [ par mimibee ] Je veux avoir une fenetre sur laquelle est inscrite des cercles circonscrits.Chaque rayon d'un cercle represente l'epargneque je fais aujourd'hui, mai


Nos sponsors

Sondage...

CalendriCode

Janvier 2009
LMMJVSD
   1234
567891011
12131415161718
19202122232425
262728293031 

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :


Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,218 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.