le grec ancien : du bouton aux fenêtres

le goss · 11/03/2011, 21h59

Bonsoir à tous,

Je ne suis vraiment pas calé en javascript... mais j'en ai besoin pour mon travail.
Voilà :
Je voudrais créer un script qui me permettrait d'avoir dans une fenêtre, la conversion en html de caractères en grec ancien figurant sur des boutons (avec accents et esprits), et dans une autre fenêtre la "mémorisation" des boutons sur lesquels je clique. Parce que saisir du grec en code html, c'est vraiment pas de la tarte...

Exemple :
1. Sur un bouton, j'ai le caractère "ά" (bon, là, c'est de l'unicode),
2. quand je clique dessus, dans une 1ère fenêtre apparaît un joli "ἀ"
et ainsi de suite pour écrire un texte complet.
3. dans une 2nde fenêtre le caractère "ά" est gardé en mémoire, ainsi que les autres caractères.

J'ai pensé aussi à un système de "substitution" qui donnerait un truc du genre:
1. je saisis "/a" dans une zone de saisie
2. dans une 1ère fenêtre apparaît un joli "ἀ" et ainsi de suite pour écrire un texte complet.
3. dans une 2nde fenêtre le caractère "ά" est gardé en mémoire.

Comme j'aime bien me débrouiller par moi-même, merci de me faire connaître juste le principe sur un petit exemple que j'adapterai selon mes besoins.

Merci pour votre aide !

**SpaceFrog** · 12/03/2011, 19h43

en fait une sorte de clavier virtuel en grec ancien ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript" charset="utf-8">
var greek =new Array()
greek['ἀ']='ἀ'
 
</script>
</head>
 
<body>
 
<input type="button" value="ἀ" onclick="document.getElementById('page').innerHTML+=this.value;document.getElementById('code').value+=greek[this.value]" />
<div id="page">
</div>
<textarea id="code">
</textarea>

[edit]
arrrgggg le forum a modifié mon script à cause des caractères ...
l'array littéral devrait avoir le caractère grec en indice et pas son htmlentity
bon alors si c'est comme ça on va faire plus simple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<input type="button" value="ἀ" onclick="document.getElementById('page').innerHTML+=this.value;document.getElementById('code').value+='&#'+this.value.charCodeAt(0)" />
<div id="page">
</div>
<textarea id="code" cols="150" rows="10" >
</textarea>

**SpaceFrog** · 13/03/2011, 09h01

en y ayant repensé un peu:

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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<script type="text/javascript" charset="utf-8">
function greek(val){
 document.getElementById('page').innerHTML+=val;
 document.getElementById('code').value+='&#'+val.charCodeAt(0)
 }
 
function init(){
var clavier=document.getElementById('clavier')
var touche=document.createElement('input')
touche.type='button'
touche.value=''
 
 
 
var i=7935
var line=0
while (++i<7958){
lettre = touche.cloneNode(true)
lettre.value=String.fromCharCode(i);
lettre.onclick=function(){greek(this.value)}
lettre.style.width="30px"
clavier.appendChild(lettre)
 
if(++line%10==0){clavier.appendChild(document.createElement('br'))}
}
}
 
</script>
</head>
 
<body onload="init()">
<div id="clavier"></div>
 
 
<div id="page">
</div>
<textarea id="code" cols="150" rows="10" >
</textarea>
 
</body>

je ne connais pas les codes caractères mais il suffit de les mettre dans un array et de boucler dessus

le goss · 13/03/2011, 15h12

Woouuaaaaaaaahhhhhhhh !!!

C'est trop fort !
Merci pour le temps que tu as passé à ce script.
Sans vouloir abuser, te serait-il possible de me faire connaître la démarche pour une substitution de caractères, c'est-à dire :

1. Je saisis un "a" (avec mon clavier)
2. un "α" (alpha) s'ajoute aux autre caractère (juste en dessous des boutons)
3. son code html "α" apparaît dans la fenêtre au-dessous

Ce qui permet
- une saisie beaucoup plus rapide des caractères non-accentués (via le clavier du pc),
- une alternance avec l'utilisation des boutons pour les autres

Tiens, je suis tombé la dessus. C'est un peu ce que je cherchais, sauf que le résultat est de l'unicode.. et peut-être pas en javascript :
http://users.ox.ac.uk/~tayl0010/poly...-inputter.html

Pour le code html des caractères, je devrais les trouver sans trop de difficultés, et les rajouter à cette discussion. Ce qui permettra d'avoir un script complet et performant quant au but poursuivi. ça pourra certainement servir à d'autres !
Et je pourrais bientôt mettre un joli "résolu".

Merci encore !

**SpaceFrog** · 13/03/2011, 18h05

tu veux dire associer une lettre grecque à chaque touche de ton clavier ?
Il faudra surveille le keypress ou keydown en recupérer le keycode et retourner la lettre associée, c'est jouable.

**Loceka** · 14/03/2011, 09h34

les &#... sont de toute façon le code unicode des caractères.

Sinon pour te casser encore moins la tête tu peux même faire une boucle pour remplir automatiquement les lettres (genre afficher tous les caractères entre 945 (03B1) et 969 (03C9)). Tu peux trouver les codes caractère sur wikipédia.

Après dans le code du lien que tu as donné tu as un exemple de récupération des événements clavier, y'a même les méta keys (shift, ...). Après il suffit de lier une action à la touche désirée (genre écrire 'alpha' quand on tape 'a'). Là encore il est à mon avis possible d'utiliser des boucles pour pas se farcir les 26*2 lettres, y'a juste pour les combinaisons (trémas, accents, ...) qu'il sera probablement nécessaire de faire du cas par cas.

le grec ancien : du bouton aux fenêtres

JavaScript

Vue hybride

Discussions similaires

Partager

Partager