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