Glossary
Posted: Fri Feb 14, 2025 1:51 am
When the user hovers over a glossary term, a short definition (content from <glossSurfaceForm>) should appear in the bubble. A more detailed definition should be present in the actual glossary section. How do we achieve this?
I tried embedding the longer definition within the text tag and used display:none in the CSS. It didn't work.
Sample igmp_gloss.dita file
I tried embedding the longer definition within the text tag and used display:none in the CSS. It didn't work.
Sample igmp_gloss.dita file
Code: Select all
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE glossentry PUBLIC "-//OASIS//DTD DITA Glossary Entry//EN" "glossaryentry.dtd">
<glossentry id="gloss_igmp">
<glossterm>Internet Group Management Protocol</glossterm>
<glossdef>Internet Group Management Protocol </glossdef>
<glossBody>
<glossSurfaceForm>Internet Group Management Protocol (IGMP)</glossSurfaceForm>
<glossAlt id="glossAlt_xcf_24m_d2c">
<glossAcronym>IGMP <text> is a network protocol that allows devices to share an IP
address and receive the same messages. It's used to set up multicasting on IPv4
networks. </text></glossAcronym>
</glossAlt>
</glossBody>
</glossentry>