[php-javascript] clavier virtuel

Résolu

widi70 Messages postés 649 Date d'inscription Statut Membre Dernière intervention -
chouchouilloux - 16 déc. 2008 à 19:04

Bonjour à tous, je suis entrain de faire un clavier virtuel c'est à dire que plutot d'appuyer sur le clavier on clique avec la souris sur les touches jusque la ça va ... Donc j'ai dessiner mon clavier virtuel mais j'ai 2 problemes:
1er: Je clique sur mes touches de clavier virtuel donc ça m'affiche mes lettres que je mémorise dans une variable (var phrase) javascript. Mais lorsque je clique sur entré de mon clavier virtuel ça m'ouvre une autre page dans laquelle je voudrais récupérer ma variable phrase pour qu'elle s'affiche. Probleme comment faire pour récupérer cette variable. Je suis sur que c'est tout con mais j'ai plus moyen de trouver ...

2ème: Lorsque que je clique sur efface logiquement ça devrais effacer ma dernière lettre que j'ai cliquer. Donc pour se faire j'avais fait (toujours en javascript) un truc du genre :
nb=phrase.length;
derniere= Chaine.charAt(nb-1);
derniere="";

mais malheureusement ça ne marche pas alors si quelqu'un aurais une autre idée c'est avec plaisir. Par contre lorsque je met derniere="truc"; ça m'affiche bien truc alors bon ...

Alors les 2 pages que je parle sont des pages php

Voila merci d'avance de votre aide

Afficher la suite

A voir également:

[php-javascript] clavier virtuel
Télécharger clavier arabe - Télécharger - Divers Web & Internet
Clavier virtuel iphone - Guide
Comment taper / sur clavier - Guide
Clavier de l'ordinateur - Guide
Changer clavier qwerty en azerty - Guide

6 réponses

Réponse 1 / 6

chouchouilloux

Avec un peu de retard mais voici mon code :

Dans le HEAD :
<STYLE type="text/css">
.tch{
font-size:14pt;
background-color: #D4EAFC;
height: 50;
width: 50;
border-style: outset;
border: 2pt;
background-image: url(style_images/bclavier.gif);
font-family: Arial, Times New Roman, sans-serif;
font-weight: normal;
color: #0080c0;
cursor: hand;
}

.tch1{
font-size:14pt;
background-color: #D4EAFC;
height:50;
width: 400;
border-style: outset;
border: 2pt;
background-image: url(style_images/bclavierbarre.gif);
font-family: Arial, Times New Roman, sans-serif;
font-weight: normal;
color: #0080c0;
cursor: hand;
}

.tch2{
font-size:10pt;
background-color: #D4EAFC;
height: 50;
width: 60;
border-style: outset;
border: 2pt;
background-image: url(style_images/bclaviertouche.gif);
font-family: Verdana, Arial, Times New Roman, sans-serif;
font-weight: normal;
color: #0080c0;
cursor: hand;
}
.let{font-family:Verdana, Arial; font-size:8pt; color:#000000; }
a:link { color:#0080c0; text-decoration:underline; }
a:visited { color:#0080c0; text-decoration:underline; }
</style>
<SCRIPT language=JavaScript>
function texte(lettre) {document.clavier.resultat.value+=lettre.name.substring(0,1);}
</SCRIPT>
</HEAD>

Dans le body
<table align=center width="100%" border="0">
<tr>
<td>
<P align=left><TEXTAREA dir=rtl style="PADDING-RIGHT: 5px;
PADDING-LEFT: 5px; FONT-SIZE: 14pt;
PADDING-BOTTOM: 5px;
WIDTH: 100%;
PADDING-TOP: 5px;
FONT-FAMILY: Arial;
COLOR: #0D5486;
HEIGHT: 40px;
scrollbar-face-color: WHITE;
scrollbar-shadow-color: WHITE;
scrollbar-highlight-color: WHITE;
scrollbar-3dlight-color: WHITE;
scrollbar-darkshadow-color: WHITE;
scrollbar-track-color: WHITE;
scrollbar-arrow-color: WHITE;"
name=resultat cols=48 name=resultat cols=48></TEXTAREA>
</P>
</td>
</tr>
<tr>
<td ALIGN="center"><input type="image" src="images/rechercher.gif" ><br/></td>
</TR>
<tr>
<td>
<table width="100%" border="0"align="center">
<tr>
<td></td>
</tr>
<tr valign=top>
<td>
<P align=center><INPUT TYPE="button" VALUE="1" NAME="1" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="2" NAME="2" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="3" NAME="3" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="4" NAME="4" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="5" NAME="5" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="6" NAME="6;" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="7" NAME="7" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="8" NAME="8" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="9" NAME="9" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="0" NAME="0" onclick="texte(this)" class="tch"></P></td>
</tr>
<tr valign=top>
<td colspan="10"><font class="let"> </font></td>
</tr>
<tr valign=top>
<td>
<P align=center><INPUT TYPE="button" VALUE="A" NAME="A" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="Z" NAME="Z" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="E" NAME="E" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="R" NAME="R" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="T" NAME="T;" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="Y" NAME="Y" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="U" NAME="U" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="I" NAME="I" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="O" NAME="O" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="P" NAME="P" onclick="texte(this)" class="tch"></P></td>
</tr>
<tr valign=top>
<td colspan="10"><font class="let"> </font></td>
</tr>
<tr valign=top>
<td>
<P align=center><INPUT TYPE="button" VALUE="Q" NAME="Q" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="S" NAME="S" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="D" NAME="D" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="F" NAME="F" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="G" NAME="G" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="H" NAME="H" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="J" NAME="J" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="K" NAME="K" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="L" NAME="L" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="M" NAME="M" onclick="texte(this)" class="tch"></P></td>
</tr>
<tr valign=top>
<td colspan="10"><font class="let"><font class="let"> </font></font></td>
</tr>
<tr valign=top>
<td>
<P align=center><INPUT TYPE="button" VALUE="W" NAME="W" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="X" NAME="X" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="C" NAME="C" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="V" NAME="V" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="B" NAME="B" onclick="texte(this)" class="tch"></P></td>
<td>
<P align=center><INPUT TYPE="button" VALUE="N" NAME="N" onclick="texte(this)" class="tch"></P></td>
</tr>
</table>
<table width="100%" border="0" align="center">

<tr valign=top>
<td>
<P align=center><INPUT class="tch2" id=button1 onclick="lng = document.clavier.resultat.value.length*1;
if (lng > 0){document.clavier.resultat.value=document.clavier.resultat.value.substring(0,document.clavier.resultat.value.length-1) }" type=button value=Suppr name=button1></P>
</td>
<td>
<font class="let"> </font>
</td>
<td >
<P align=center><INPUT onclick="texte(this)" type="button" value="ESPACE" name=" " class="tch1" style="WIDTH: 300px" width="300"></P>
</td>
<td>
<P align=center><font class="let"> </font></P>
</td>
</tr>
<tr>
<td><font class="let"> </font>
</td>
</tr>
</table>
</td>
</tr>
</table>

Réponse 2 / 6

Tonygamma Messages postés 32 Date d'inscription Statut Membre Dernière intervention 14

Bonjour,

Tu as "dessiné" ton claver virtuel ? Tu sais qu'en suivant ce chemin "Démarrer, Programmes, Accessoires, Accessibilité, Clavier visuel" tu en as un prêt et fonctionnel ?

Donc si tu étais en train de créer un clavier virtuel par toi-même, je suis désolé de te dire que ça ne sert à rien... Enfin tu auras au moins un expérience intéressante car je ne fais pas de programmation mais je ne crois pas que ce soit quelque chose qui se fasse en 5 min si ?

Réponse 3 / 6

widi70 Messages postés 649 Date d'inscription Statut Membre Dernière intervention 65

Bonjour,
oui je sais je te remerci mais c'est pour une application c'est un peu difficile à expliquer mais enfin bon.
Y'a quelqu'un qui a des idées ???

Réponse 4 / 6

widi70 Messages postés 649 Date d'inscription Statut Membre Dernière intervention 65

ok merci kan même j'ai reussi

Wadzar

J'arrive trop tard pour t'aider, mais au cas où cela pourrait intéresser quelqu'un, j'ai aussi déjà fait un clavier virtuel et propose, pour supprimer le dernier caractère de la chaîne à l'appui de la touche "del", le code suivant :
phrase = phrase.slice(0,phrase.length-1);

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 6

chouchouilloux

Bonjour, est-ce que ton clavier virutel fonctionnerai sur un ecran tactile?
Si oui pourrai tu m'envoyer ton code.
Cordialement

Réponse 6 / 6

miguipda

Bonjour Widi70,

je suis intéressé également par ton clavier virtuel dans la mesure où j'en ai besoin d'un et que je suis justement occupé à rechercher si l'eau chaude a déjà été faite ou non.

Il s'avère que je désire également (mais à plus long terme) faire usage d'un écran tactile.
Le motif est simple :
j'ai changé le firmware de mon routeur vers OpenWRT et en ai donc fait un multi-serveur (mail, fichier, domotique, ...)
de ce fait, je devrais faire usage d'un écran tactile, et pour ce faire je devrais pouvoir taper du texte dans l'interface web que je compte faire. D'où l'intérêt du clavier virtuel (que je ne peux pas atteindre sur le chemin précité dans un menu dont l'OS est autre que celui d'un OS Windows ou KDE ou Gnome puisqu'il s'agit de OpenWRT sans menu).

Merci pour vos réponses.

chouchouilloux

Salut, ca y est mon clavier et opérationnel, si ca tinteresse je peux te l'envoyer par mail, c'est une page asp mais je peux te le remettre en html.

miguipda > chouchouilloux

Bonjour,
oui, je suis intéressé de l'avoir en asp et en html, je ne sais pas encore si mon routeur va supproter l'asp. ALors ainsi, j'aurais les deux. Et comme il vient de se planter hier, il faut que je recommence à reflasher le firmware.

Merci surtout et A+

Miguipda ;-)

lapenduledargent Messages postés 28 Date d'inscription Statut Membre Dernière intervention 1 > chouchouilloux

Bonsoir Chouchouilloux,

J'ai découvert ce post datant d'il y a + d'un mois. Je prépare un site pour une borne de présentation et je serai également intéressé par ton script html de clavier. Alors si tu repasse par là, merci de me l'envoyer par mail.

Bonne soirée

Pierre

miguipda > chouchouilloux

Bonjour,

je viens de survoler ma boite mail et n'ai toujours pas reçu tes codes de keyboard virtuel.
Puis-je te demander de me les renvoyer si tu l'avais fait.

Désolé et surtout un grand merci.

Miguipda ;-)

Discussions similaires

Trouver la touche @ sur un clavier qwerty de la marque lenovo

taper l'abrégé de numéros (N°s) avec le clavier de mon pc

Mac comment taper l'inverse d'un slash (/) ?

Votre réponse

Discussions similaires