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

De Disposition de clavier bépo
(noms français officiels partout (mais avec apostrophe typographique) sauf pour l’espace fine insécable.)
(Le temps que le modèle {{hoverbox}} ne fonctionne plus, la carte simplifiée peut être mise en retrait au profit de la carte complète, affichée par défaut.)
Ligne 1 : Ligne 1 :
<div style="max-width: 100%; overflow-x: auto; overflow-y: hidden; height: 286px; border-width: 0px 3px 0px 0px; border-style: solid; border-color: #66aaaa;">{{hoverbox|<imagemap>
<div style="max-width: 100%; overflow-x: auto; overflow-y: hidden; height: 286px; border-width: 0px 3px 0px 0px; border-style: solid; border-color: #66aaaa;"><imagemap>
Image:bepo-1.1-base.png|center
</imagemap>|<imagemap>
Image:bepo-1.1-complet.png|center
Image:bepo-1.1-complet.png|center
# Rangée E
# Rangée E
Ligne 204 : Ligne 202 :
rect 353 243 488 269 [[Manuel#Tiret bas|U+005F Tiret bas]]
rect 353 243 488 269 [[Manuel#Tiret bas|U+005F Tiret bas]]
rect 353 216 488 243 [[Manuel#Espace insécable|U+00A0 Espace insécable]]
rect 353 216 488 243 [[Manuel#Espace insécable|U+00A0 Espace insécable]]
</imagemap>}}</div>
</imagemap></div>
<noinclude>
<noinclude>
Le but est d’ajouter des infobulles, 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é].
Le but est d’ajouter des infobulles, 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é].

Version du 4 avril 2023 à 13:11

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

Le but est d’ajouter des infobulles, 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.

Les noms des caractères qui s’affichent sur les emplacements vifs sont les noms français officiels 10.0.0 (mais avec apostrophe typographique) sauf pour l’espace fine insécable (« espace insécable étroite » pour coller à « narrow no-break space »).

La carte est celle du bépo 1.1rc2. (La carte 1.0 est dans le Modèle:CarteBépoHoverInfo10.)

Le wikicode de l’imagemap a été généré par LibreOffice Calc dans ce classeur.