Renvoi vers une définition (HTML5 + EPUB3)

Bonjour

Je veux que certains termes de mon document epub3 (donc html5) renvoient à une définition dans le glossaire. Par exemple:

Code:

---

1 2 3 4 5 6 7 8 9 10

<h1>Mon roman</h1> <p>J'utilise dans mon <a href="#document">document</a> plusieurs <a href="#mot">mots</a>: un premier <a href="#mot">mot</a>, et un second <a href="#mot">mot</a>.</p>   <h1>Glossaire</h1> <aside id="document" epub:type="endnote"> <em>Document</em>, n.m. définition du document </aside> <aside id="mot" epub:type="endnote"> <em>Mot</em>, n.m. définition du mot </aside>

---

Comme vous observez, la définition "mot" est utilisée à chaque fois que "mot" ou "mots" se trouve dans le document.
Je veux que chaque "mot" du texte renvoie à la même définition pour ne pas alourdir le fichier. Mais le lecteur doit pouvoir revenir en arrière, à l'endroit où il se trouvait dans le livre.
Pour revenir en arrière, j'ai trouvé des solutions qui ne fonctionnent que pour les notes en bas de page uniques, c'est à dire qu'il y aurait une définition à chaque fois que je trouve "mot" dans le texte. Or ce n'est pas le cas.

Auriez-vous une idée?

Celano

Bonjour,

il existe bien history.back() mais il ne prendra pas en compte l'avancement dans la page.
Tu pourrais changer ton approche et faire apparaître la définition dans une pop-in.

Il serait possible d'utiliser du javascript pour créer une info-bulle qui apparaitrait au survol du mot et qui contiendrait la définition du mot.
Cela aurait l'avantage du dynamisme et de ne pas avoir à créer une page de glossaire, donc il n'y aurait pas de renvoi avec des va-et-vient incessants texte --> glossaire perturbant la lecture du texte. En plus ça n'alourdirait pas le texte comme avec des notes de bas de page.
Mais ce n'est peut-être pas la présentation voulue ?... :roll:

Bonjour

le problème du pop-in et de javascript, c'est que ça ne marche pas avec les liseuses électroniques et le format epub3.

Donc il faut que je donne un id à chaque renvoi vers une définition au glossaire?

J'ai dit n'importe quoi, le javascript fonctionne avec les liseuses électroniques.
Peut-être pas toutes, mais ça fonctionne dans mon cas. Pardon.

Citation:

---

Envoyé par miss_socrates

Il serait possible d'utiliser du javascript pour créer une info-bulle qui apparaitrait au survol du mot et qui contiendrait la définition du mot.
Cela aurait l'avantage du dynamisme et de ne pas avoir à créer une page de glossaire, donc il n'y aurait pas de renvoi avec des va-et-vient incessants texte --> glossaire perturbant la lecture du texte. En plus ça n'alourdirait pas le texte comme avec des notes de bas de page.
Mais ce n'est peut-être pas la présentation voulue ?... :roll:

---

L'idée de l'info-bulle est super. C'est tout l'avantage du livre électronique sur le livre papier (même si je reste convaincu que les deux sont complémentaires).

La première question qui me vient, c'est "comment faire une info-bulle en javascript?".
La deuxième question, c'est "comment faire pour ne pas copier la définition d'un mot à chaque fois?". En d'autres termes, où placer le contenu de l'info-bulle (la définition du mot) pour réutiliser une seule définition à chaque fois qu'un terme se présente dans le texte sans la dupliquer inutilement. Histoire de ne pas avoir un fichier volumineux pour rien.

Merci et pardon pour mes conclusions hâtives de l'an passé ;-)
Celano

Oui le javascript est bien interprété sur les appareils mobiles.
Par contre, pour l'info-bulle, pas besoin de javascript, juste un peu de CSS (propriété hover).
Par contre je ne comprends pas pour le point 2, pourquoi parler de "fichier volumineux" puisqu'en fait c'est toujours la même définition qui s'affiche, elle n'est enregistrée qu'une seule fois ! Et elle peut apparaitre à n'importe quelle page du document puisqu'en principe il ne faut pas toujours lire entièrement de la 1e à la dernière page mais on peut très bien commencer la lecture par ex. à la page 26 ou 48 ou 89 !

Merci

Verdict: la propriété "hover" fonctionne avec calibre sur mon ordinateur, mais pas sur ma liseuse électronique tactile (kobo touch).
En grattant un peu, j'ai trouvé ici (http://www.idpf.org/accessibility/gu...5-css21classes) qu'il ne faudrait jamais utiliser :hover pour un document epub, dans la mesure où de nombreux lecteurs ne permettent pas de s'en servir.

Il faudrait que je transforme le mot en lien pour afficher une fenêtre popup.

Une idée?

Alors il faudrait se tourner vers du Javascript, avec le roll over ou bien open.window