« Modèle:CarteBépoHoverInfo » : différence entre les versions

De Disposition de clavier bépo
(Marcel a déplacé la page Modèle:CarteBépoHoverInfo vers Modèle:CarteBépoHoverInfo10 par-dessus une redirection)
 
m (Mise en garde sur le classeur pas à jour)
 
(9 versions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
#REDIRECTION [[Modèle:CarteBépoHoverInfo10]]
<div style="max-width: 100%; overflow: auto; height: 350px; border-width: 0px 3px 0px 0px; border-style: solid; border-color: #66aaaa;">{{hoverbox|<imagemap>
Image:bépo-1.1-simplifié.png|center
</imagemap>|<imagemap>
Image:bépo-1.1-complet.png|center
# Rangée E
rect 0 31 32 62 [[Caractères pris en charge|U+0024 Symbole dollar]]
rect 0 0 32 31 [[Caractères pris en charge|U+0023 Croisillon]]
rect 32 31 64 62 [[Manuel#Tiret sur demi-cadratin|U+2013 Tiret demi-cadratin]]
rect 32 0 64 31 [[Caractères pris en charge|U+00B6 Pied-de-mouche]]
rect 64 31 96 62 [[Manuel#Différences entre " “ ” ″ ˝|U+0022 Double guillemet générique]]
rect 64 0 96 31 [[Caractères pris en charge|U+0031 Chiffre un]]
rect 96 31 128 62 [[Manuel#Tiret sur cadratin|U+2014 Tiret cadratin]]
rect 96 0 128 31 [[Manuel#Guillemets|U+201E Guillemet double virgule]]
rect 128 31 160 62 [[Manuel#Guillemets|U+00AB Guillemet croissant]]
rect 128 0 160 31 [[Caractères pris en charge|U+0032 Chiffre deux]]
rect 160 31 192 62 [[Caractères pris en charge|U+003C Inférieur]]
rect 160 0 192 31 [[Manuel#Guillemets|U+201C Guillemet double apostrophe retournée]]
rect 192 31 224 62 [[Manuel#Guillemets|U+00BB Guillemet décroissant]]
rect 192 0 224 31 [[Caractères pris en charge|U+0033 Chiffre trois]]
rect 224 31 256 62 [[Caractères pris en charge|U+003E Supérieur]]
rect 224 0 256 31 [[Manuel#Guillemets|U+201D Guillemet double apostrophe]]
rect 256 31 288 62 [[Caractères pris en charge|U+0028 Parenthèse ouvrante]]
rect 256 0 288 31 [[Caractères pris en charge|U+0034 Chiffre quatre]]
rect 288 31 320 62 [[Caractères pris en charge|U+005B Crochet ouvrant]]
rect 288 0 320 31 [[Caractères pris en charge|U+2A7D Inférieur ou égal incliné]]
rect 320 31 352 62 [[Caractères pris en charge|U+0029 Parenthèse fermante]]
rect 320 0 352 31 [[Caractères pris en charge|U+0035 Chiffre cinq]]
rect 352 31 384 62 [[Caractères pris en charge|U+005D Crochet fermant]]
rect 352 0 384 31 [[Caractères pris en charge|U+2A7E Supérieur ou égal incliné]]
rect 384 31 417 62 [[Caractères pris en charge|U+0040 Arobase]]
rect 384 0 417 31 [[Caractères pris en charge|U+0036 Chiffre six]]
rect 417 31 449 62 [[Caractères pris en charge|U+005E Accent circonflexe]]
rect 417 0 449 31 [[v2:Projet|(Emplacement disponible)]]
rect 449 31 481 62 [[Caractères pris en charge|U+002B Signe plus]]
rect 449 0 481 31 [[Caractères pris en charge|U+0037 Chiffre sept]]
rect 481 31 513 62 [[Caractères pris en charge|U+00B1 Plus ou moins]]
rect 481 0 513 31 [[Caractères pris en charge|U+00AC Symbole non]]
rect 513 31 545 62 [[Manuel#tiret court|U+002D Tiret générique]]
rect 513 0 545 31 [[Caractères pris en charge|U+0038 Chiffre huit]]
rect 545 31 577 62 [[Manuel#Signe moins|U+2212 Signe moins]]
rect 545 0 577 31 [[Caractères pris en charge|U+00BC Fraction ordinaire un quart]]
rect 577 31 609 62 [[Caractères pris en charge|U+002F Oblique]]
rect 577 0 609 31 [[Caractères pris en charge|U+0039 Chiffre neuf]]
rect 609 31 641 62 [[Caractères pris en charge|U+00F7 Obélus]]
rect 609 0 641 31 [[Caractères pris en charge|U+00BD Fraction ordinaire un demi]]
rect 641 31 673 62 [[Caractères pris en charge|U+002A Astérisque]]
rect 641 0 673 31 [[Caractères pris en charge|U+0030 Chiffre zéro]]
rect 673 31 705 62 [[Caractères pris en charge|U+00D7 Croix de multiplication]]
rect 673 0 705 31 [[Caractères pris en charge|U+00BE Fraction ordinaire trois quarts]]
rect 705 31 737 62 [[Caractères pris en charge|U+003D Égal]]
rect 705 0 737 31 [[Manuel#Degrés, minutes et secondes|U+00B0 Symbole degré]]
rect 737 31 769 62 [[Caractères pris en charge|U+2260 Différent]]
rect 737 0 769 31 [[Manuel#Degrés, minutes et secondes|U+2032 Prime]]
rect 769 31 801 62 [[Caractères pris en charge|U+0025 Symbole pour cent]]
rect 769 0 801 31 [[Caractères pris en charge|U+0060 Accent grave]]
rect 801 31 833 62 [[Caractères pris en charge|U+2030 Symbole pour mille]]
rect 801 0 833 31 [[Manuel#Degrés, minutes et secondes|U+2033 Double prime]]
# Rangée D
rect 86 93 119 124 [[Caractères pris en charge|U+0062 Minuscule latine b]]
rect 86 62 119 93 [[Caractères pris en charge|U+0042 Capitale latine b]]
rect 119 93 151 124 [[Caractères pris en charge|U+007C Barre verticale]]
rect 119 62 151 93 [[Caractères pris en charge|U+005F Tiret bas]]
rect 151 93 184 124 [[Caractères pris en charge|U+00E9 Minuscule latine e accent aigu]]
rect 151 62 184 93 [[Manuel#Majuscules et capitales accentuées|U+00C9 Capitale latine e accent aigu]]
rect 184 93 216 124 [[Touches mortes#Accent aigu|Touche morte ‹ Accent aigu ›]]
rect 184 62 216 93 [[v2:Projet|(Emplacement disponible)]]
rect 216 93 249 124 [[Caractères pris en charge|U+0070 Minuscule latine p]]
rect 216 62 249 93 [[Caractères pris en charge|U+0050 Capitale latine p]]
rect 249 93 281 124 [[Caractères pris en charge|U+0026 Perluète]]
rect 249 62 281 93 [[Caractères pris en charge|U+00A7 Symbole paragraphe]]
rect 281 93 314 124 [[Caractères pris en charge|U+006F Minuscule latine o]]
rect 281 62 314 93 [[Caractères pris en charge|U+004F Capitale latine o]]
rect 314 93 346 124 [[Caractères pris en charge|U+0153 Minuscule latine oe entrelacés]]
rect 314 62 346 93 [[Caractères pris en charge|U+0152 Capitale latine oe entrelacés]]
rect 346 93 379 124 [[Caractères pris en charge|U+00E8 Minuscule latine e accent grave]]
rect 346 62 379 93 [[Manuel#Majuscules et capitales accentuées|U+00C8 Capitale latine e accent grave]]
rect 379 93 411 124 [[Touches mortes#Accent grave|Touche morte ‹ Accent grave ›]]
rect 379 62 411 93 [[Caractères pris en charge|U+0060 Accent grave]]
rect 411 93 444 124 [[Touches mortes#Accent circonflexe|Touche morte ‹ Accent circonflexe ›]]
rect 411 62 444 93 [[Caractères pris en charge|U+0021 Point d’exclamation]]
rect 444 93 477 124 [[Caractères pris en charge|U+00A1 Point d’exclamation retourné]]
rect 444 62 477 93 [[v2:Projet|(Emplacement disponible)]]
rect 477 93 509 124 [[Caractères pris en charge|U+0076 Minuscule latine v]]
rect 477 62 509 93 [[Caractères pris en charge|U+0056 Capitale latine v]]
rect 509 93 542 124 [[Touches mortes#Hatchek|Touche morte ‹ Hatchek ›]]
rect 509 62 542 93 [[v2:Projet|(Emplacement disponible)]]
rect 542 93 574 124 [[Caractères pris en charge|U+0064 Minuscule latine d]]
rect 542 62 574 93 [[Caractères pris en charge|U+0044 Capitale latine d]]
rect 574 93 607 124 [[Touches mortes#Symboles scientifiques|Touche morte ‹ Symboles scientifiques ›]]
rect 574 62 607 93 [[v2:Projet|(Emplacement disponible)]]
rect 607 93 639 124 [[Caractères pris en charge|U+006C Minuscule latine l]]
rect 607 62 639 93 [[Caractères pris en charge|U+004C Capitale latine l]]
rect 639 93 672 124 [[Touches mortes#Barre oblique|Touche morte ‹ Barre oblique ›]]
rect 639 62 672 93 [[Caractères pris en charge|U+00A3 Symbole livre]]
rect 672 93 704 124 [[Caractères pris en charge|U+006A Minuscule latine j]]
rect 672 62 704 93 [[Caractères pris en charge|U+004A Capitale latine j]]
rect 704 93 737 124 [[v2:Projet|(Emplacement disponible)]]
rect 704 62 737 93 [[v2:Projet|(Emplacement disponible)]]
rect 737 93 769 124 [[Caractères pris en charge|U+007A Minuscule latine z]]
rect 737 62 769 93 [[Caractères pris en charge|U+005A Capitale latine z]]
rect 769 93 802 124 [[Touches mortes#Barre horizontale|Touche morte ‹ Barre horizontale ›]]
rect 769 62 802 93 [[v2:Projet|(Emplacement disponible)]]
rect 802 93 834 124 [[Caractères pris en charge|U+0077 Minuscule latine w]]
rect 802 62 834 93 [[Caractères pris en charge|U+0057 Capitale latine w]]
rect 834 93 867 124 [[v2:Projet|(Emplacement disponible)]]
rect 834 62 867 93 [[v2:Projet|(Emplacement disponible)]]
# Rangée C
rect 105 158 138 191 [[Caractères pris en charge|U+0061 Minuscule latine a]]
rect 105 124 138 158 [[Caractères pris en charge|U+0041 Capitale latine a]]
rect 138 158 170 191 [[Caractères pris en charge|U+00E6 Minuscule latine ae entrelacés]]
rect 138 124 170 158 [[Caractères pris en charge|U+00C6 Capitale latine ae entrelacés]]
rect 170 158 203 191 [[Caractères pris en charge|U+0075 Minuscule latine u]]
rect 170 124 203 158 [[Caractères pris en charge|U+0055 Capitale latine u]]
rect 203 158 236 191 [[Caractères pris en charge|U+00F9 Minuscule latine u accent grave]]
rect 203 124 236 158 [[Caractères pris en charge|U+00D9 Capitale latine u accent grave]]
rect 236 158 269 191 [[Caractères pris en charge|U+0069 Minuscule latine i]]
rect 236 124 269 158 [[Caractères pris en charge|U+0049 Capitale latine i]]
rect 269 158 301 191 [[Touches mortes#Tréma|Touche morte ‹ Tréma ›]]
rect 269 124 301 158 [[Touches mortes#Point en chef|Touche morte ‹ Point en chef ›]]
rect 301 158 334 191 [[Caractères pris en charge|U+0065 Minuscule latine e]]
rect 301 124 334 158 [[Caractères pris en charge|U+0045 Capitale latine e]]
rect 334 158 367 191 [[Caractères pris en charge|U+20AC Symbole euro]]
rect 334 124 367 158 [[Symboles monétaires|Touche morte ‹ Symboles monétaires ›]]
rect 367 158 399 191 [[Caractères pris en charge|U+002C Virgule]]
rect 367 124 399 158 [[Caractères pris en charge|U+003B Point-virgule]]
rect 399 158 432 191 [[Manuel#Différences entre ' ’ ´ ′ ` ‘|U+0027 Simple guillemet générique]]
rect 399 124 432 158 [[Touches mortes#Virgule souscrite|Touche morte ‹ Virgule souscrite ›]]
rect 432 158 465 191 [[Caractères pris en charge|U+0063 Minuscule latine c]]
rect 432 124 465 158 [[Caractères pris en charge|U+0043 Capitale latine c]]
rect 465 158 498 191 [[Touches mortes#Cédille|Touche morte ‹ Cédille ›]]
rect 465 124 498 158 [[Caractères pris en charge|U+00A9 Symbole copyright]]
rect 498 158 530 191 [[Caractères pris en charge|U+0074 Minuscule latine t]]
rect 498 124 530 158 [[Caractères pris en charge|U+0054 Capitale latine t]]
rect 530 158 563 191 [[Touches mortes#Exposants et indices|Touche morte ‹ Exposants et indices ›]]
rect 530 124 563 158 [[Caractères pris en charge|U+2122 Symbole marque de commerce]]
rect 563 158 596 191 [[Caractères pris en charge|U+0073 Minuscule latine s]]
rect 563 124 596 158 [[Caractères pris en charge|U+0053 Capitale latine s]]
rect 596 158 628 191 [[Latin et ponctuation|Touche morte ‹ Latin et ponctuation ›]]
rect 596 124 628 158 [[Caractères pris en charge|U+017F Minuscule latine s long]]
rect 628 158 661 191 [[Caractères pris en charge|U+0072 Minuscule latine r]]
rect 628 124 661 158 [[Caractères pris en charge|U+0052 Capitale latine r]]
rect 661 158 694 191 [[Touches mortes#Brève|Touche morte ‹ Brève ›]]
rect 661 124 694 158 [[Caractères pris en charge|U+00AE Symbole marque déposée]]
rect 694 158 726 191 [[Caractères pris en charge|U+006E Minuscule latine n]]
rect 694 124 726 158 [[Caractères pris en charge|U+004E Capitale latine n]]
rect 726 158 759 191 [[Touches mortes#Tilde|Touche morte ‹ Tilde ›]]
rect 726 124 759 158 [[v2:Projet|(Emplacement disponible)]]
rect 759 158 792 191 [[Caractères pris en charge|U+006D Minuscule latine m]]
rect 759 124 792 158 [[Caractères pris en charge|U+004D Capitale latine m]]
rect 792 158 825 191 [[Touches mortes#Macron|Touche morte ‹ Macron ›]]
rect 792 124 825 158 [[v2:Projet|(Emplacement disponible)]]
rect 825 158 857 191 [[Caractères pris en charge|U+00E7 Minuscule latine c cédille]]
rect 825 124 857 158 [[Manuel#Majuscules et capitales accentuées|U+00C7 Capitale latine c cédille]]
rect 857 158 890 191 [[v2:Projet|(Emplacement disponible)]]
rect 857 124 890 158 [[Caractères pris en charge|U+1F12F Symbole copyleft]]
# Rangée B
rect 63 223 96 255 [[Caractères pris en charge|U+00EA Minuscule latine e accent circonflexe]]
rect 63 191 96 223 [[Manuel#Majuscules et capitales accentuées|U+00CA Capitale latine e accent circonflexe]]
rect 96 223 128 255 [[Caractères pris en charge|U+002F Oblique]]
rect 96 191 128 223 [[Caractères pris en charge|U+005E Accent circonflexe]]
rect 128 223 161 255 [[Caractères pris en charge|U+00E0 Minuscule latine a accent grave]]
rect 128 191 161 223 [[Manuel#Majuscules et capitales accentuées|U+00C0 Capitale latine a accent grave]]
rect 161 223 194 255 [[Caractères pris en charge|U+005C Oblique inverse]]
rect 161 191 194 223 [[v2:Projet|(Emplacement disponible)]]
rect 194 223 226 255 [[Caractères pris en charge|U+0079 Minuscule latine y]]
rect 194 191 226 223 [[Caractères pris en charge|U+0059 Capitale latine y]]
rect 226 223 259 255 [[Caractères pris en charge|U+007B Accolade ouvrante]]
rect 226 191 259 223 [[Caractères pris en charge|U+2018 Guillemet simple apostrophe retournée]]
rect 259 223 292 255 [[Caractères pris en charge|U+0078 Minuscule latine x]]
rect 259 191 292 223 [[Caractères pris en charge|U+0058 Capitale latine x]]
rect 292 223 324 255 [[Caractères pris en charge|U+007D Accolade fermante]]
rect 292 191 324 223 [[Caractères pris en charge|U+2019 Guillemet simple apostrophe]]
rect 324 223 357 255 [[Caractères pris en charge|U+002E Point]]
rect 324 191 357 223 [[Caractères pris en charge|U+003A Deux-points]]
rect 357 223 390 255 [[Caractères pris en charge|U+2026 Points de suspension]]
rect 357 191 390 223 [[Caractères pris en charge|U+00B7 Point médian]]
rect 390 223 423 255 [[Caractères pris en charge|U+006B Minuscule latine k]]
rect 390 191 423 223 [[Caractères pris en charge|U+004B Capitale latine k]]
rect 423 223 455 255 [[Caractères pris en charge|U+007E Tilde]]
rect 423 191 455 223 [[Caractères pris en charge|U+2011 Trait d’union insécable]]
rect 455 223 488 255 [[Manuel#Apostrophe|U+2019 Guillemet simple apostrophe]]
rect 455 191 488 223 [[Caractères pris en charge|U+003F Point d’interrogation]]
rect 488 223 521 255 [[Caractères pris en charge|U+00BF Point d’interrogation retourné]]
rect 488 191 521 223 [[Touches mortes#Crochet, hameçon et crochet en chef|Touche morte ‹ Crochet, hameçon et crochet en chef ›]]
rect 521 223 553 255 [[Caractères pris en charge|U+0071 Minuscule latine q]]
rect 521 191 553 223 [[Caractères pris en charge|U+0051 Capitale latine q]]
rect 553 223 586 255 [[Touches mortes#Rond en chef|Touche morte ‹ Rond en chef ›]]
rect 553 191 586 223 [[Touches mortes#Cornu|Touche morte ‹ Cornu ›]]
rect 586 223 619 255 [[Caractères pris en charge|U+0067 Minuscule latine g]]
rect 586 191 619 223 [[Caractères pris en charge|U+0047 Capitale latine g]]
rect 619 223 651 255 [[Lettres grecques|Touche morte ‹ Lettres grecques ›]]
rect 619 191 651 223 [[Manuel#Obèle et double obèle|U+2020 Obèle]]
rect 651 223 684 255 [[Caractères pris en charge|U+0068 Minuscule latine h]]
rect 651 191 684 223 [[Caractères pris en charge|U+0048 Capitale latine h]]
rect 684 223 717 255 [[Touches mortes#Point souscrit|Touche morte ‹ Point souscrit ›]]
rect 684 191 717 223 [[Manuel#Obèle et double obèle|U+2021 Double obèle]]
rect 717 223 749 255 [[Caractères pris en charge|U+0066 Minuscule latine f]]
rect 717 191 749 223 [[Caractères pris en charge|U+0046 Capitale latine f]]
rect 749 223 782 255 [[Touches mortes#Ogonek|Touche morte ‹ Ogonek ›]]
rect 749 191 782 223 [[v2:Projet|(Emplacement disponible)]]
# Rangée A
rect 223 288 450 321 [[Manuel#Espaces|U+0020 Espace]]
rect 223 255 450 288 [[Manuel#Espace fine insécable|U+202F Espace fine insécable]]
rect 450 288 676 321 [[Manuel#Tiret bas|U+005F Tiret bas]]
rect 450 255 676 288 [[Manuel#Espace insécable|U+00A0 Espace insécable classique]]
</imagemap>}}</div>
<noinclude>
Le but est d’ajouter des infobulles à la carte du bépo 1.1 (après l’avoir fait pour le bépo 1.0 : [[Modèle:CarteBépoHoverInfo10]]), mais cela entraîne la désactivation de la mise à l’échelle automatique de l’image, qui n’est plus affichée entière quand l’écran ou la fenêtre du navigateur sont trop petites. Le W3C semble avoir oublié d’émettre une recommandation pour que l’imagemap soit synchronisée avec l’image, de sorte que les navigateurs ne le font pas à tel point que l’[https://www.mediawiki.org/wiki/Extension:ImageMap extension ImageMap] enveloppe l’image systématiquement dans un div "noresize", comme aussi sur Wikipedia : [https://en.wikipedia.org/wiki/German_keyboard_layout#General_information T2 allemand]. Ce problème a été [https://phabricator.wikimedia.org/T188371 rapporté].
 
Faute de pouvoir [https://stackoverflow.com/questions/13321067/dynamically-resizing-image-maps-and-images ajouter du JavaScript], le mieux est peut-être de placer le tout dans une boîte qui devient déroulante au besoin. C’est ce qu’on a dans ce modèle, avec le problème que quand la hauteur de la boîte est automatique, le navigateur ajoute une barre de défilement à droite parce qu’il prend celle du bas sur l’intérieur de la boîte. Et quand on met une hauteur fixe, la carte a une marge en bas tout en étant collée en haut. Cet effet est atténué en ne mettant une bordure qu’à droite, là où une partie de l’image risque d’être cachée.
 
Les zones doivent toutes être cliquables et contenir un wikilien, et ce qui normalement s’affiche dans le texte s’affiche en infobulle, tandis que la cible n’y figure pas. Afin que tous les emplacements soient facilement modifiables, les places vides ont une infobulle par défaut renvoyant à la [[v2:Projet|version 2.0]].
 
Les noms des caractères qui s’affichent sur les emplacements vifs ne sont plus les [http://hapax.qc.ca/ListeNoms-10.0.0.txt noms français officiels 10.0.0] (contrairement au [[Modèle:CarteBépoHoverInfo10]]). Puisque cette liste officielle contient toujours des erreurs obstinément incorrigées (à côté d’erreur corrigées), comme le nom de l’espace fine insécable (qui figure ainsi en français dans le standard Unicode anglais), appelée « espace insécable étroite » par calque sur l’anglais ''narrow no-break space'', et encore « caron » pour l’hatchek, ces infobulles ont été générées en utilisant une liste de ''descripteurs'', ajoutée dans le [http://dispoclavier.com/outils/bépo/imagemap.xlsx classeur].
 
On peut [http://dispoclavier.com/outils/bépo/imagemap.xlsx télécharger le classeur] pour la maintenance ({{R| Attention:}} le classeur n’est pas à jour avec la rc2. Inversion des touches mortes e exposant et ß latin). En effet, comme les images de la carte du bépo 1.1 n’ont pas la même taille que celles du bépo 1.0 et n'ont pas de marge, l’ancienne imagemap n’est pas valable. Dans ces cas on met simplement à jour les coordonnées des repères avant de faire calculer la nouvelle grille.

Dernière version du 3 avril 2019 à 15:14

Bépo-1.1-simplifié.png
À propos de cette image
U+0024 Symbole dollarU+0023 CroisillonU+2013 Tiret demi-cadratinU+00B6 Pied-de-moucheU+0022 Double guillemet génériqueU+0031 Chiffre unU+2014 Tiret cadratinU+201E Guillemet double virguleU+00AB Guillemet croissantU+0032 Chiffre deuxU+003C InférieurU+201C Guillemet double apostrophe retournéeU+00BB Guillemet décroissantU+0033 Chiffre troisU+003E SupérieurU+201D Guillemet double apostropheU+0028 Parenthèse ouvranteU+0034 Chiffre quatreU+005B Crochet ouvrantU+2A7D Inférieur ou égal inclinéU+0029 Parenthèse fermanteU+0035 Chiffre cinqU+005D Crochet fermantU+2A7E Supérieur ou égal inclinéU+0040 ArobaseU+0036 Chiffre sixU+005E Accent circonflexe(Emplacement disponible)U+002B Signe plusU+0037 Chiffre septU+00B1 Plus ou moinsU+00AC Symbole nonU+002D Tiret génériqueU+0038 Chiffre huitU+2212 Signe moinsU+00BC Fraction ordinaire un quartU+002F ObliqueU+0039 Chiffre neufU+00F7 ObélusU+00BD Fraction ordinaire un demiU+002A AstérisqueU+0030 Chiffre zéroU+00D7 Croix de multiplicationU+00BE Fraction ordinaire trois quartsU+003D ÉgalU+00B0 Symbole degréU+2260 DifférentU+2032 PrimeU+0025 Symbole pour centU+0060 Accent graveU+2030 Symbole pour milleU+2033 Double primeU+0062 Minuscule latine bU+0042 Capitale latine bU+007C Barre verticaleU+005F Tiret basU+00E9 Minuscule latine e accent aiguU+00C9 Capitale latine e accent aiguTouche morte ‹ Accent aigu ›(Emplacement disponible)U+0070 Minuscule latine pU+0050 Capitale latine pU+0026 PerluèteU+00A7 Symbole paragrapheU+006F Minuscule latine oU+004F Capitale latine oU+0153 Minuscule latine oe entrelacésU+0152 Capitale latine oe entrelacésU+00E8 Minuscule latine e accent graveU+00C8 Capitale latine e accent graveTouche morte ‹ Accent grave ›U+0060 Accent graveTouche morte ‹ Accent circonflexe ›U+0021 Point d’exclamationU+00A1 Point d’exclamation retourné(Emplacement disponible)U+0076 Minuscule latine vU+0056 Capitale latine vTouche morte ‹ Hatchek ›(Emplacement disponible)U+0064 Minuscule latine dU+0044 Capitale latine dTouche morte ‹ Symboles scientifiques ›(Emplacement disponible)U+006C Minuscule latine lU+004C Capitale latine lTouche morte ‹ Barre oblique ›U+00A3 Symbole livreU+006A Minuscule latine jU+004A Capitale latine j(Emplacement disponible)(Emplacement disponible)U+007A Minuscule latine zU+005A Capitale latine zTouche morte ‹ Barre horizontale ›(Emplacement disponible)U+0077 Minuscule latine wU+0057 Capitale latine w(Emplacement disponible)(Emplacement disponible)U+0061 Minuscule latine aU+0041 Capitale latine aU+00E6 Minuscule latine ae entrelacésU+00C6 Capitale latine ae entrelacésU+0075 Minuscule latine uU+0055 Capitale latine uU+00F9 Minuscule latine u accent graveU+00D9 Capitale latine u accent graveU+0069 Minuscule latine iU+0049 Capitale latine iTouche morte ‹ Tréma ›Touche morte ‹ Point en chef ›U+0065 Minuscule latine eU+0045 Capitale latine eU+20AC Symbole euroTouche morte ‹ Symboles monétaires ›U+002C VirguleU+003B Point-virguleU+0027 Simple guillemet génériqueTouche morte ‹ Virgule souscrite ›U+0063 Minuscule latine cU+0043 Capitale latine cTouche morte ‹ Cédille ›U+00A9 Symbole copyrightU+0074 Minuscule latine tU+0054 Capitale latine tTouche morte ‹ Exposants et indices ›U+2122 Symbole marque de commerceU+0073 Minuscule latine sU+0053 Capitale latine sTouche morte ‹ Latin et ponctuation ›U+017F Minuscule latine s longU+0072 Minuscule latine rU+0052 Capitale latine rTouche morte ‹ Brève ›U+00AE Symbole marque déposéeU+006E Minuscule latine nU+004E Capitale latine nTouche morte ‹ Tilde ›(Emplacement disponible)U+006D Minuscule latine mU+004D Capitale latine mTouche morte ‹ Macron ›(Emplacement disponible)U+00E7 Minuscule latine c cédilleU+00C7 Capitale latine c cédille(Emplacement disponible)U+1F12F Symbole copyleftU+00EA Minuscule latine e accent circonflexeU+00CA Capitale latine e accent circonflexeU+002F ObliqueU+005E Accent circonflexeU+00E0 Minuscule latine a accent graveU+00C0 Capitale latine a accent graveU+005C Oblique inverse(Emplacement disponible)U+0079 Minuscule latine yU+0059 Capitale latine yU+007B Accolade ouvranteU+2018 Guillemet simple apostrophe retournéeU+0078 Minuscule latine xU+0058 Capitale latine xU+007D Accolade fermanteU+2019 Guillemet simple apostropheU+002E PointU+003A Deux-pointsU+2026 Points de suspensionU+00B7 Point médianU+006B Minuscule latine kU+004B Capitale latine kU+007E TildeU+2011 Trait d’union insécableU+2019 Guillemet simple apostropheU+003F Point d’interrogationU+00BF Point d’interrogation retournéTouche morte ‹ Crochet, hameçon et crochet en chef ›U+0071 Minuscule latine qU+0051 Capitale latine qTouche morte ‹ Rond en chef ›Touche morte ‹ Cornu ›U+0067 Minuscule latine gU+0047 Capitale latine gTouche morte ‹ Lettres grecques ›U+2020 ObèleU+0068 Minuscule latine hU+0048 Capitale latine hTouche morte ‹ Point souscrit ›U+2021 Double obèleU+0066 Minuscule latine fU+0046 Capitale latine fTouche morte ‹ Ogonek ›(Emplacement disponible)U+0020 EspaceU+202F Espace fine insécableU+005F Tiret basU+00A0 Espace insécable classiqueBépo-1.1-complet.png
À propos de cette image

Le but est d’ajouter des infobulles à la carte du bépo 1.1 (après l’avoir fait pour le bépo 1.0 : Modèle:CarteBépoHoverInfo10), mais cela entraîne la désactivation de la mise à l’échelle automatique de l’image, qui n’est plus affichée entière quand l’écran ou la fenêtre du navigateur sont trop petites. Le W3C semble avoir oublié d’émettre une recommandation pour que l’imagemap soit synchronisée avec l’image, de sorte que les navigateurs ne le font pas à tel point que l’extension ImageMap enveloppe l’image systématiquement dans un div "noresize", comme aussi sur Wikipedia : T2 allemand. Ce problème a été rapporté.

Faute de pouvoir ajouter du JavaScript, le mieux est peut-être de placer le tout dans une boîte qui devient déroulante au besoin. C’est ce qu’on a dans ce modèle, avec le problème que quand la hauteur de la boîte est automatique, le navigateur ajoute une barre de défilement à droite parce qu’il prend celle du bas sur l’intérieur de la boîte. Et quand on met une hauteur fixe, la carte a une marge en bas tout en étant collée en haut. Cet effet est atténué en ne mettant une bordure qu’à droite, là où une partie de l’image risque d’être cachée.

Les zones doivent toutes être cliquables et contenir un wikilien, et ce qui normalement s’affiche dans le texte s’affiche en infobulle, tandis que la cible n’y figure pas. Afin que tous les emplacements soient facilement modifiables, les places vides ont une infobulle par défaut renvoyant à la version 2.0.

Les noms des caractères qui s’affichent sur les emplacements vifs ne sont plus les noms français officiels 10.0.0 (contrairement au Modèle:CarteBépoHoverInfo10). Puisque cette liste officielle contient toujours des erreurs obstinément incorrigées (à côté d’erreur corrigées), comme le nom de l’espace fine insécable (qui figure ainsi en français dans le standard Unicode anglais), appelée « espace insécable étroite » par calque sur l’anglais narrow no-break space, et encore « caron » pour l’hatchek, ces infobulles ont été générées en utilisant une liste de descripteurs, ajoutée dans le classeur.

On peut télécharger le classeur pour la maintenance ( Attention: le classeur n’est pas à jour avec la rc2. Inversion des touches mortes e exposant et ß latin). En effet, comme les images de la carte du bépo 1.1 n’ont pas la même taille que celles du bépo 1.0 et n'ont pas de marge, l’ancienne imagemap n’est pas valable. Dans ces cas on met simplement à jour les coordonnées des repères avant de faire calculer la nouvelle grille.

Récupérée de « https://bepo.fr/wiki/index.php?title=Modèle:CarteBépoHoverInfo&oldid=29642 »