begin process at 2012 05 28 12:45:52
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Divers

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

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


 Information sur la source

Note :
8 / 10 - par 1 personne
8,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
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é :57 312 / 200

Auteur : gnix

Ecrire un message privé
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

Les Membres Club peuvent 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

 Sources de la même categorie

Source avec Zip Source avec une capture SLIDESHOW IMAGES ET TEXTES EN PUR JAVASCRIPT par ansuzpeorth
Source avec Zip INPUT TEXT AUTOMATIQUE CREATION SUPPRESSION par lycanges
Source avec Zip Source avec une capture TABLE_SV : TABLEAU DYNAMIQUE, MONTRER/CACHER COLONNE SUR DEM... par synanceia
COLONNES ADAPTABLES EN HAUTEUR par dronoide
Source avec Zip VECTEURS ET MATRICES: OUTILS GRAPHIQUES UTILES par william voirol

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture DESSINER DES CERCLES/DISQUES/LIGNES EN JAVASCRIPT par macsou01

Commentaires et avis

Commentaire de nacedo57400 le 26/02/2008 20:33:47

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

Commentaire de gnix le 26/02/2008 21:03:38

Modifier, Mercie !

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

Commentaire de coucou747 le 27/02/2008 06:58:20 administrateur CS

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

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.

@+

Commentaire de gnix le 27/02/2008 13:34:43

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

Commentaire de gnix le 27/02/2008 19:13:52

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

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.

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 Dessiner et redimensionner un cercle ou disque à la souris... :s [ par Tyra3l ] Bonjour à tous, Tout d'abord joyeux noël :p Je bloque sur un problème en javascript : en effet je dois pouvoir créer un cercle de diamètre x (x étan Agrandir et diminuer rayon cercle avec la souris [ par Tyra3l ] Bonjour à tous, Tout d'abord joyeux noël :p Je bloque sur un problème en javascript : en effet je dois pouvoir créer un cercle de diamètre x (x étan


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), 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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,796 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales