Posez votre question Format imprimable Liste des forums Aidez-les Statistiques Rechercher Charte Forum Programmation

[php-javascript] clavier virtuel

Dernière réponse le 16 déc 2008 à 19:04:36 widi70, le 10 avr 2008 à 19:42:18

Signaler ce message aux modérateurs

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

Configuration: Windows XP
Firefox 2.0.0.13

Meilleures réponses pour « [php javascript] clavier virtuel » dans :

Cette page

Bonjour, oui je sais je te remerci mais c'est pour une application Lire la suite

Posez votre question Répondre

Tonygamma, le 10 avr 2008 à 19:53:50

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épondre à Tonygamma

widi70, le 10 avr 2008 à 20:28:34

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épondre à widi70

widi70, le 11 avr 2008 à 08:54:21

SVP

Répondre à widi70

widi70, le 11 avr 2008 à 13:15:31

Ok merci kan même j'ai reussi

Répondre à widi70

Wadzar, le 6 jui 2008 à 15:23:45

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);

Répondre à Wadzar

chouchouilloux, le 9 oct 2008 à 16:49:45

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

Répondre à chouchouilloux

miguipda, le 29 oct 2008 à 10:34:22

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.

Répondre à miguipda

chouchouilloux, le 29 oct 2008 à 22:38:25

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.

Répondre à chouchouilloux

miguipda, le 4 nov 2008 à 11:44:00

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 ;-)

Répondre à miguipda

lapenduledargent, le 9 déc 2008 à 20:20:15

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

Répondre à lapenduledargent

miguipda, le 10 déc 2008 à 13:24:09

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 ;-)

Répondre à miguipda

chouchouilloux, le 16 déc 2008 à 19:04:36

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épondre à chouchouilloux

Posez votre question Répondre