Modèle:CarteBépoHoverInfo

De Disposition de clavier francophone et ergonomique bépo

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 ‹ Latin et ponctuation ›U+2122 Symbole marque de commerceU+0073 Minuscule latine sU+0053 Capitale latine sTouche morte ‹ Exposants et indices ›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. 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.