Accueil > Forum > > > > Affichage automatique
 Affichage automatique
mardi 6 janvier 2009 à 11:54:35 |
Affichage automatique
theseif
|
Bonjour à tous, dans un formulaire j'utilise le script suivant pour afficher une calculette: <head> <script language= "javascript">functiontape(valeur)
{
old=document.calculatrice.ecran.value;
document.calculatrice.ecran.value=old+valeur;
}
functionegal()
{
varaffichage=document.calculatrice.ecran.value;
document.calculatrice.ecran.value=eval(affichage);
}
functionmultiplie()
{
old=document.calculatrice.ecran.value;
document.calculatrice.ecran.value=old+'*';
}
functioncarre()
{
document.calculatrice.ecran.value=document.calculatrice.ecran.value*document.calculatrice.ecran.value;
}
functioninverse()
{
old=document.calculatrice.ecran.value;
document.calculatrice.ecran.value=1/old;
}
functionclavier()
{
if( event.keyCode==96)
{
document.calculatrice.c0.focus();
tape(0);
}
if( event.keyCode==97)
{
document.calculatrice.c1.focus();
tape(1);
}
if( event.keyCode==98)
{
document.calculatrice.c2.focus();
tape(2);
}
if( event.keyCode==99)
{
document.calculatrice.c3.focus();
tape(3);
}
if( event.keyCode==100)
{
document.calculatrice.c4.focus();
tape(4);
}
if( event.keyCode==101)
{
document.calculatrice.c5.focus();
tape(5);
}
if( event.keyCode==102)
{
document.calculatrice.c6.focus();
tape(6);
}
if( event.keyCode==103)
{
document.calculatrice.c7.focus();
tape(7);
}
if( event.keyCode==104)
{
document.calculatrice.c8.focus();
tape(8);
}
if( event.keyCode==105)
{
document.calculatrice.c9.focus();
tape(9);
}
if( event.keyCode==107)
{
document.calculatrice.cplus.focus();
tape('+');
}
if( event.keyCode==109)
{
document.calculatrice.cmoins.focus();
tape('-');
}
if( event.keyCode==106)
{
document.calculatrice.cfois.focus();
tape('*');
}
if( event.keyCode==111)
{
document.calculatrice.cslash.focus();
tape('/');
}
if( event.keyCode==110)
{
document.calculatrice.cpoint.focus();
tape('.');
}
if( event.keyCode==13)
{
document.calculatrice.cegal.focus();
egal();
}
if( event.keyCode==46)
{
document.calculatrice.ac.focus();
document.calculatrice.ecran.value='';
}
}
document.onkeydown=clavier;
</script>
</head>
<body>
<script type="text/javascript">
functioncalcul(francs)
{
document.getElementById('result').innerHTML=Math.round(parseFloat(francs)*6.55957);
}
</script>
<form id="form" name="calculatrice" method="post">
<!-- <input type="text" name="ecran" size="20" STYLE="text-align=right"> --><br><input type= "text" name= "ecran" id= "ecran" value= "" size= "15" maxlength= "40" onkeyup= "calcul(this.value);"/><span id= "result"></span><br><br><input type= "button" value= "7" name= "c7" STYLE= "width=25;height=25" onclick="tape(this.value)"><input type= "button" value= "8" name= "c8" STYLE= "width=25;height=25" onclick="tape(this.value)"><input type= "button" value= "9" name= "c9" STYLE= "width=25;height=25" onclick="tape(this.value)"><input type= "button" value= "+" name= "cplus" STYLE= "width=25;height=25" onclick="tape(this.value)"><input type= "button" value= "AC" name= "ac" STYLE= "width=25;height=25" onclick="this.form.ecran.value=''"><br><input type= "button" value= "4" name= "c4" STYLE= "width=25;height=25" onclick="tape(this.value)"><input type= "button" value= "5" name= "c5" STYLE= "width=25;height=25" onclick="tape(this.value)"><input type= "button" value= "6" name= "c6" STYLE= "width=25;height=25" onclick="tape(this.value)"><input type= "button" value= "-" name= "cmoins" STYLE= "width=25;height=25" onclick="tape(this.value)"><input type= "button" value= "x²" name= "cx²" STYLE= "width=25;height=25" onclick="carre()"><br><input type= "button" value= "1" name= "c1" STYLE= "width=25;height=25" onclick="tape(this.value)"><input type= "button" value= "2" name= "c2" STYLE= "width=25;height=25" onclick="tape(this.value)"><input type= "button" value= "3" name= "c3" STYLE= "width=25;height=25" onclick="tape(this.value)"><input type= "button" value= "/" name= "cslash" STYLE= "width=25;height=25" onclick="tape(this.value)"><input type= "button" value= "p" name= "c3.141592" STYLE= "font-family:symbol ;width=25;height=25" onclick="tape(this.value)"><br><input type= "button" value= "0" name= "c0" STYLE= "width=25;height=25" onclick="tape(this.value)"><input type= "button" value= "." name= "cpoint" STYLE= "width=25;height=25" onclick="tape(this.value)"><input type= "button" value= "=" name= "cegal" STYLE= "width=25;height=25" onclick="egal()"><input type= "button" value= "x" name= "cfois" STYLE= "width=25;height=25" onclick="multiplie()"><input type= "button" value= "1/x" name= "c1/x" STYLE= "width=25;height=25" onclick="inverse()"></form></body>
Je voudrais y ajouter cette fonction pour transformer les euros en francs:
<script type="text/javascript">
functioncalcul(francs)
{
document.getElementById('result').innerHTML=Math.round(francs)*6.55957;
}
</script>
<form id="form" action="" method="post">
francs :<br>
<input type="text" name="ecran" id="ecran" value="" size="15" maxlength="40" onkeyup="calcul(this.value);"/><span id= "result"></span><br></form>
Je n'arrive pas à le faire fonctionner, pouvez-vous m'aider?
Merci d'avance. |
|
jeudi 8 janvier 2009 à 19:52:05 |
Re : Affichage automatique
PetoleTeam
|
Bonjour,
Il y a collision entre les événements
document.onkeydown=clavier;
et celui sur
<input type="text" name="ecran" id="ecran" value="" size="15" maxlength="40" onkeyup="calcul(this.value);"/>
Une solution est de faire l'appel à la fonction de calcul en fin de ta fonction clavier.
;O)
|
|
Cette discussion est classée dans : type, document, value, tape, calculatrice
 Répondre à ce message
 Sujets en rapport avec ce message
Personne n'est capable de trouver le pourquoi ????? [ par manueg ]
Bonjour à tous, je desespère de trouver pourquoi ce code ne fonctionne pas dans Netscape alors que tout est OK dans IE...Il n'arrive pas en fait à me
Correction Html + Javascript [ par dream ]
Voilà, j'ai voulu un peu modifier un des nombreux test qu'on peut trouver sur le net, mais bon je m'y connais pas vraiment. Si quelqu'un pouvait me co
Value d'un input type file [ par mickelo ]
Bonjour a tous. tout d'abord merci de donner un peu de votre temps pour le forum c top. (et pour moi aussi)Voila moi je recupere dans une variable asp
succession de questions (form.) [ par ssylvain ]
Le code ci-dessous est un formulaire de questions qui se succèdent dans un 1er champ.Dans le 2ème champ, le candidat donne sa réponse.Puis il valide.E
probleme verification champs [ par ninipe ]
Bonjour a tous,Voila g un petit probleme de code en javascriptje verifie les champs d'un formaulaire par la fonction mailla verif fonctionne pour le c
Verification de champs [ par tib411 ]
bonjour,Des petits problémes avec les verifications de formulaireVoila mon probléme :Pour l'instant j'arrive à verifier qu'un champ n'est pas videfunc
verification formulaire avec test() [ par ygsi5355 ]
J'avais une vérification qui fonctionnait bien.J'ai ajouté || (/^[0-9] {10}$/.test(document.quizz.tel.value))pour vérifier qu'il y a uniquement 10 chi
Fonction avec parametres [ par lotr ]
Bonjour,Voila mon pb : j'utilise une fonction JS qui rend une liste selectionnable/deselectionnable selon qu'une checkbox est cochee/decochee.Ma fonct
XHTML 1.0 strict et OnClick [ par eijii ]
Bonjour,ces les vacances et depuis quelques jours je m'attèles à refaire de a à z mon pt'it site. Mais j'ai un soucis lorsque je passes mon site avec
addition successive d'un champ de formulaire [ par Serialsiner ]
Bonjour,Je cherche à additionner des heures et minutes situées dans 2 champs différents et à afficher le résultat dans un troisième champ résultat.Le
 Livres en rapport
|
Derniers Blogs
 [WP7] DYNAMICALLY CHANGE STARTUP PAGE[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz
Let's say that you want to allow the user to customize the startup page of your application. You can easily change the startup page by editing the 'NavigationPage' attribute in the manifest file. But the manifest cannot be modified once the applicatio...
Cliquez pour lire la suite de l'article par KooKiz SESSION SILVERLIGHT 5 3D : SLIDES ET DEMOSSESSION SILVERLIGHT 5 3D : SLIDES ET DEMOS par Groc
Durant les techdays, j'ai eu le plaisir d'animer une session sur Silverlight 5 et la 3D avec Simon Ferquel. Comme promis, voici nos slides et mes démos (celles avec le viper BSG) ici et là. Pour mémoire, les démos utilisent toutes le viper BSG...
Cliquez pour lire la suite de l'article par Groc [TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES[TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES par gpommier
Suite à la session que j'ai présenté sur WebMatrix 2, vous pouvez trouver les slides ici, ainsi que les démos en packages nuget : démos1 et démos2 J'en profite pour remercier chaleureusement tous ceux qui sont venus très nombreux à cette sess...
Cliquez pour lire la suite de l'article par gpommier [SHAREPOINT] LES SESSIONS TECHDAYS 2012.[SHAREPOINT] LES SESSIONS TECHDAYS 2012. par Patrick Guimonet
Voici donc pour ceux qui n'ont pas pu venir, ou ceux qui n'ont pas pu toutes les suivre la liste des sessions SharePoint aux TechDays 2012, que je mettrais à jour dès que les liens des vidéo seront disponibles. Ou ici : http...
Cliquez pour lire la suite de l'article par Patrick Guimonet TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3 par ROMELARD Fabrice
Speaker: Bernard Ourghanlian Cette session est comme chaque jour transmise en live par BrainSonic, et j'ai donc suivi cette troisième pleinière par ce moyen sur mon iPad . Elle est dédiée comme chaque année à la mise en perspective de l'é...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Logiciels
 Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Easy-Planning (1.0.0.1)EASY-PLANNING (1.0.0.1)Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ... Cliquez pour télécharger Easy-Planning
|