Extrait du code HTML
<form id="form1" name="form1"> <p> <label for="commu">Tapez le début de la communication structurée :</label> <input type= "text" id="commu" placeholder="+++ 000 / 0000 / 00000 +++" size="30" onkeyup= "ecouterClavier(event);" /> <input type="reset" value="Effacer" onclick="effacer();" /> </p> <p class="note"> Les deux derniers chiffres s'affichent automatiquement.<br /> Cliquez sur le bouton "Effacer" pour obtenir une nouvelle communication structurée. </p> </form>
Code source complet JS
var chaine = ""; function ecouterClavier(event) { var key = event.keyCode; /* key = code de la touche tapé */ if(key>95 && key<106) key -= 48; /* si touche issue du clavier numérique */ if (key>47 && key<58) { chaine += String.fromCharCode(key); if (chaine.length==10) { var nombre = parseInt(chaine); var deuxChiffres = (nombre%97)+""; if (deuxChiffres.length==1) deuxChiffres = "0"+deuxChiffres; chaine += deuxChiffres; chaine = "+++ "+chaine.substr(0, 3)+" / "+chaine.substr(3, 4)+" / "+chaine.substr(7, 5)+" +++" document.getElementById("commu").value = chaine; document.getElementById("commu").disabled = true; } } else { effacer(); alert("Veuillez ne taper que des chiffres."); } } function effacer() { /* réinitialisation de la variable globale */ chaine = ""; /* Mise en forme du champ */ document.getElementById("commu").disabled = false; document.getElementById("commu").value = ""; document.getElementById("commu").focus(); }