[php-javascript] clavier virtuel
Résolu/Fermé
widi70
Messages postés
649
Date d'inscription
jeudi 4 janvier 2007
Statut
Membre
Dernière intervention
22 juillet 2019
-
10 avril 2008 à 19:42
chouchouilloux - 16 déc. 2008 à 19:04
chouchouilloux - 16 déc. 2008 à 19:04
A voir également:
- [php-javascript] clavier virtuel
- Clavier virtuel arabe - Télécharger - Divers Web & Internet
- Bureau virtuel windows 10 - Guide
- Comment taper / sur clavier - Guide
- Clavier virtuel iphone - Guide
- Clavier virtuel mac - Guide
6 réponses
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>
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>
Tonygamma
Messages postés
32
Date d'inscription
jeudi 10 avril 2008
Statut
Membre
Dernière intervention
2 septembre 2009
14
10 avril 2008 à 19:53
10 avril 2008 à 19:53
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 ?
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 ?
widi70
Messages postés
649
Date d'inscription
jeudi 4 janvier 2007
Statut
Membre
Dernière intervention
22 juillet 2019
65
10 avril 2008 à 20:28
10 avril 2008 à 20:28
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 ???
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 ???
widi70
Messages postés
649
Date d'inscription
jeudi 4 janvier 2007
Statut
Membre
Dernière intervention
22 juillet 2019
65
11 avril 2008 à 13:15
11 avril 2008 à 13:15
ok merci kan même j'ai reussi
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonjour, est-ce que ton clavier virutel fonctionnerai sur un ecran tactile?
Si oui pourrai tu m'envoyer ton code.
Cordialement
Si oui pourrai tu m'envoyer ton code.
Cordialement
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.
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.
lapenduledargent
Messages postés
28
Date d'inscription
vendredi 4 janvier 2008
Statut
Membre
Dernière intervention
27 février 2012
1
>
chouchouilloux
9 déc. 2008 à 20:20
9 déc. 2008 à 20:20
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
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