« Modèle:CarteBépoHoverInfo » : différence entre les versions
Aucun résumé des modifications |
m (Mise en garde sur le classeur pas à jour) |
||
(5 versions intermédiaires par 2 utilisateurs non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
<div style="max-width: 100%; overflow: auto; height: 350px; border: 3px solid #66aaaa;">{{hoverbox|<imagemap> | <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 | Image:bépo-1.1-simplifié.png|center | ||
</imagemap>|<imagemap> | </imagemap>|<imagemap> | ||
Ligne 71 : | Ligne 71 : | ||
rect 281 93 314 124 [[Caractères pris en charge|U+006F Minuscule latine o]] | 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 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 | 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 | 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 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 346 62 379 93 [[Manuel#Majuscules et capitales accentuées|U+00C8 Capitale latine e accent grave]] | ||
Ligne 108 : | Ligne 108 : | ||
rect 105 158 138 191 [[Caractères pris en charge|U+0061 Minuscule latine a]] | 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 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 | 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 | 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 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 170 124 203 158 [[Caractères pris en charge|U+0055 Capitale latine u]] | ||
Ligne 132 : | Ligne 132 : | ||
rect 498 158 530 191 [[Caractères pris en charge|U+0074 Minuscule latine t]] | 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 498 124 530 158 [[Caractères pris en charge|U+0054 Capitale latine t]] | ||
rect 530 158 563 191 [[Touches mortes# | 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 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 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 563 124 596 158 [[Caractères pris en charge|U+0053 Capitale latine s]] | ||
rect 596 158 628 191 [[ | 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 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 158 661 191 [[Caractères pris en charge|U+0072 Minuscule latine r]] | ||
Ligne 208 : | Ligne 208 : | ||
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é]. | 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. | 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 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]]. | ||
Ligne 214 : | Ligne 214 : | ||
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]. | 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. 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 | 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
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.