faire apparaitre un clavier virtuel dans une fenêtre dialog [Résolu]

[thor76160]

bonjour à tous.

Bon voilà, comme certains le savent, je suis actuellement entrain de créer un clavier virtuel. Vous pourrez y accéder à travers ce lien http://maxime-aubry.dyndns.org/jQuery-plugins/keyboard/.
Attention, s'agissant d'une machine virtuelle pour le développement, mes scripts ne sont pas en ligne 24h/24 !

VOilà ce qu'il se passe. pour le moment, je fais apparaitre mon keyboard au chargement de la page. Désormais, j'aimerais le faire apparaitre (dans un formulaire modal) lors d'un clic sur un input de type text bien précis.

Le codage de mon clavier n'est pas encore terminé, mais je dois me atteler à le faire apparaitre comme voulu...

Auriez-vous une idée svp ?

[thor76160]

j'ai apporté des modifications.
J'ai créé la fonction _create_popup() dans mon plugin jquery. celle-ci gère l'apparition de la popup.

voici le code CSS :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
/********************************************************************************/
/* POPUP									 									*/
/********************************************************************************/
.keyboard-ui_fade
{
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
 
.keyboard-ui_popup
{
	float: left;
	position: fixed;
	top: 50%;
	left: 50%;
 
	z-index: 99999;
 
	border: 20px solid #ddd;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
 
	-webkit-box-shadow: 0px 1px 30px rgba(000, 000, 000, 0.5), inset 0px 0px 30px rgba(255,255,255,1);
	-moz-box-shadow: 0px 1px 30px rgba(000, 000, 000, 0.5), inset 0px 0px 30px rgba(255,255,255,1);
	box-shadow: 0px 1px 30px rgba(000, 000, 000, 0.5), inset 0px 0px 30px rgba(255,255,255,1);
}

pourriez-vous m'aider à fignoler le travail svp ? ça marche moyen sur mozilla, je n'ai pas encore testé sur IE ...
J'aimerais aussi supprimer tout le contenu HTML contenu dans ma variable "obj".