Bonjour, Bonsoir camarades !
Il m'arrive un petit probl�me. En effet j'ai cr�� un petit clavier visuel permettant d'entrer des caract�res d'une langue �trang�re.
Il fonctionne parfaitement bien, cependant j'aurais voulu cr�er un bouton pour l'afficher ou le cacher. Le clavier en lui m�me est
compos� d'images cliquables, au clic le caract�re correspondant � la touche est simplement ins�r� dans un <input>.
Voici le code html du clavier en question (je l'ai r�duit car il est tr�s lon : 39 touches au total)
Code html : S�lectionner tout - Visualiser dans une fen�tre � part
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 <div id="clavier" class="clavier"> <img style="position:absolute; left:0px; top:300px;" alt="fond_touche" src="./images/toucheclavier.png" onclick="ecrire(0);"> <span style="color:#FFF;position:absolute; left:0px; top:300px"> ա </span> <img style="position:absolute; left:40px; top:300px;" alt="fond_touche" src="./images/toucheclavier.png" onclick="ecrire(1);"> <span style="color:#FFF;position:absolute; left:40px; top:300px"> բ </span> <img style="position:absolute; left:80px; top:300px;" alt="fond_touche" src="./images/toucheclavier.png" onclick="ecrire(2);"> <span style="color:#FFF;position:absolute; left:80px; top:300px"> գ </span> <img style="position:absolute; left:120px; top:300px;" alt="fond_touche" src="./images/toucheclavier.png" onclick="ecrire(3);"> <span style="color:#FFF;position:absolute; left:120px; top:300px"> դ </span> (. . .) </div>
Quant au bouton c'est simplement un
Code html : S�lectionner tout - Visualiser dans une fen�tre � part <input type="button" value="toogleClavier" onclick="toogleClavier ();"/>
Et pour le code JavaScript j'ai essay� ce qui va suivre. Petite pr�cision j'ai d�j� essay� un code plus simple en petits
morceaux mais je ne suis pas parvenu � d�terminer ce qui n'allait pas. J'ai cru comprendre que .innerHTML me permettrait
d'entrer n'importe quel code except� des balises <script>, je ne me trompe pas ?
En regardant dans le d�bogueur de Firefox je ne vois pas le contenu du <div> changer quand j'appuie sur le bouton.
Code : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15 var htmlClavier = ' *ici le code html donné plus haut pour le clavier visuel à l\'intérieur du <div>* '; var clavierAffiche = false; //Booléen pour savoir si le clavier est actuellement affiché. function toogleClavier () { var codeClavier = document.getElementByID('clavier'); //récupérer le contenu du <div> if(clavierAffiche) { //Si le clavier est actuellement affiché codeClavier.innerHTML = ''; //On l'efface clavierAffiche = false; //Puis on indique que le clavier est maintenant effacé. } else{ //Si le clavier n'est pas affiché codeClavier.innerHTML = htmlClavier; //J'ajoute le code du clavier au <div> clavierAffiche = true; //puis j'indique que le clavier est affiché } }
Je me demandais aussi si changer la valeur de l'argument du "if" � l'int�rieur de celui-ci pouvait avoir une incidence.
Merci par avance aux �mes charitables !! C'est peut-�tre une question qui vous para�t simple/idiote mais malgr� mes
recherches (dans les questions du forum et sur stackoverflow) je n'ai pas su r�soudre �a![]()
Partager