comment remplir des chiffres dans un champ de formulaire via un clavier contextuel (en utilisant Javascript/AJAX)

Question

comment remplir des chiffres dans un champ de formulaire via un clavier contextuel (en utilisant Javascript/AJAX)

Demandé el 10 de Octobre, 2009: Quand la question a-t-elle été
1221 affichage: Nombre de visites la question a
1 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

J'ai un petit projet dans lequel je dois développer un clavier avec tous les chiffres + espace arrière + décimale (tous sous forme de boutons). Ces chiffres, lorsqu'ils sont cliqués, doivent remplir un champ de formulaire (disons une zone de texte). Ce clavier doit être situé à côté du champ du formulaire sous forme de lien.

Le clavier doit être de préférence en Javascript/AJAX. La routine du clavier doit également comporter un bouton de fermeture afin de minimiser le clavier contextuel. (Cela ressemble beaucoup à un contrôle de calendrier que l'on voit dans les sites web de billetterie).

En résumé, la routine du clavier ne fait rien d'extraordinaire, mais remplit simplement le champ du formulaire lorsque les chiffres (boutons) sont cliqués.

J'ai besoin d'aide pour coder la routine du clavier. Comment concevoir le javascript ? Comment inclure les boutons (pour les chiffres+décimales+retour arrière dans le fichier) ? Comment coder la partie où lorsque les boutons sont cliqués, la valeur est affichée dans le champ du formulaire ?

Toute aide est la bienvenue.

Remerciements

Demandé el 10 de Octobre, 2009 par Utilisateur non enregistré

Answer 1

1 Réponses

Answer 2

2voto

Peter Points 2983

Où est le problème ?

Il n'est pas nécessaire d'utiliser ajax. Très rapide et sale exemple :

tester ici --> http://www.codebase.es/so/numpad.html

<html>
<head><title></title></head>
<body>

<script> function $(id) { return document.getElementById(id); } </script>

<input id="num" type="text" readonly="true"/>
<input type="button" value="..." onclick="$('keypad').style.display='inline-block';"/>

<div id="keypad" style="display:none; background:#AAA; vertical-align:top;">
<input type="button" value="7" onclick="$('num').value+=7;"/>
<input type="button" value="8" onclick="$('num').value+=8;"/>
<input type="button" value="9" onclick="$('num').value+=9;"/><br/>
<input type="button" value="4" onclick="$('num').value+=4;"/>
<input type="button" value="5" onclick="$('num').value+=5;"/>
<input type="button" value="6" onclick="$('num').value+=6;"/><br/>
<input type="button" value="1" onclick="$('num').value+=1;"/>
<input type="button" value="2" onclick="$('num').value+=2;"/>
<input type="button" value="3" onclick="$('num').value+=3;"/><br/>
<input type="button" value="X" onclick="$('keypad').style.display='none'"/>
<input type="button" value="0" onclick="$('num').value+=0;"/>
<input type="button" value="&larr;" onclick="$('num').value=$('num').value.substr(0,$('num').value.length-1);"/>
</div>

</body>
</html>

Ne pas utiliser "tel quel"... utiliser les feuilles de style css, les fonctions, etc.

Répondu el 13 de Octobre, 2009 par Peter (2983 Points )

comment remplir des chiffres dans un champ de formulaire via un clavier contextuel (en utilisant Javascript/AJAX)

Réponse

Questions en vedette

Top Tags

Prograide.com

Powered by:

comment remplir des chiffres dans un champ de formulaire via un clavier contextuel (en utilisant Javascript/AJAX)

Réponse

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: