Pavé numérique

Résolu
Franckno - 30 juil. 2016 à 02:00
 Franckno - 31 juil. 2016 à 19:16
Bonjour
Je débute totalement en programmation et je souhaiterai savoir si il existe des téléchargement de codes que je pourrai ensuite modifer pour obtenir ce que je veux ci dessous
Pour une utilisation a titre personnel, j'aimerai créer un clavier numérique de 0 à 9
Ensuite que l'on puisse taper une combinaison de 3 chiffres et en appuyant sur une touche "enter", que cela fasse apparaitre un message pré déterminé
J'aimerai pouvoir alimenter moi meme les messages pré déterminés, les modifier etc....
Pouvez vous m'aider à créer cela ? pouvez vous me mettre en contact avec une personne qui sache créer ce type de clavier simple ?
j'ai trouvé par exemple le code dans le lien ci dessous mais il y a trop de modification à faire pour moi
http://codes-sources.commentcamarche.net/source/39313-pave-numerique-genere-par-random-keypad
Merci
Cordialement

2 réponses

@karamel Messages postés 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 153
Modifié par @karamel le 31/07/2016 à 18:58
bonjour

teste cette exemple qui utilise la syntaxe json essai avec 555 ou 123

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">

<style type="text/css">

body{
 background-color:gray; 
}

td{
 cursor:pointer;
 padding:10px;
}

</style>

<script>

  var titres = {
 "123":"coucou",
 "555":"bonjour",
 "661":"quoi",
 "444":"ping pong"
   }
   
   var chiffre=""

function teste(evt){

 if(evt.target.textContent.length==1){
 
  chiffre+=evt.target.textContent
  document.getElementById("affichage").textContent=chiffre
 }

}

function valider(){

 if(titres[chiffre]){
  document.getElementById("affichage").textContent=titres[chiffre]
 }
 chiffre=""
}

</script>

</head>
<body>


<table onclick="teste(event)">
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td>5</td><td>6</td></tr>
<tr><td>7</td><td>8</td><td>9</td></tr>
<tr><td>0</td><td colspan="2" onclick="valider()">valider</td><td></td></tr>

</table>

<span id="affichage"></span>

</body>
</html>


rien ne sert de courir il faut partir a point.
cours Forest cours !
0
Bonjour

Tres bien merci beaucoup

Je vais essayer de travailler à partir de cela pour créer quelque chose de graphique et intégrer mes textes

Bonne journée

franck
0
Rejoignez-nous