Pavé numérique [Résolu]

Franckno - 30 juil. 2016 à 02:00 - Dernière réponse :  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
Afficher la suite 

2 réponses

Répondre au sujet
@karamel 1652 Messages postés vendredi 9 mai 2008Date d'inscriptionModérateurStatut 14 décembre 2017 Dernière intervention - Modifié par @karamel le 31/07/2016 à 18:58
0
Utile
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 !
Commenter la réponse de @karamel
0
Utile
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
Commenter la réponse de Franckno

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.