Apple Event: May 7th at 7 am PT

Looks like no one’s replied in a while. To start the conversation again, simply ask a new question.

Level 3

622 points

Word Definition Pop-Outs

Who knows how to create pop-outs for word definitions? HTML? Your finger lingers over a word and its definition pops out in a balloon. How's it done? - Fabe

Posted on Feb 6, 2012 6:39 PM

21 replies

Fabe Author

Level 3

622 points

Feb 7, 2012 1:57 PM in response to raycote

Raycote, thanks so much for your indepth response. My initial need is simpler. I am just looking for a way to make a pop-out for a particular word in a paragraph. Like: "It's a bird that can't fly!" Not a complete definition, which can be had in the glossary, but something to give a child some more information without taking them too far from the narrative.

I was working with Interactive Images today. I have a lot to learn. Again, tahnks for your response. - Fabe

Rysz

Level 8

44,391 points

Feb 7, 2012 6:04 PM in response to Fabe

"...what I am trying to acheive is a contextual pop-out right on the page with the text. "

Glossaries do exactly that. The word (or phrase) is highlighted in bold on the page; tap and hold down on it; a popup with the description text that you put in shows up; the popup also has two buttons, that can take you to the complete Glossary Index or to the Dictionary.

Please read the link I provided again.

Here's an excerpt: "When you make a word or phrase a glossary term, the reader can tap the term to view its definition in an overlay."

Rysz

Level 8

44,391 points

Feb 8, 2012 8:52 AM in response to Rysz

Sample illustration from "E.O. Wilson's Life on Earth"

Fabe Author

Level 3

622 points

Feb 8, 2012 8:55 AM in response to Rysz

Oh Rysz, this is hot. As soon as I earn my daily bread I will take a deeper look. Thanks. - Fabe

limtc

Level 1

70 points

Feb 8, 2012 4:30 PM in response to Rysz

This is new to me! Thanks!

What's the proper way to do a glossary like this? Create a glossary and link a text to it? Or select a text and create a glossary from there?

I have already done my glossary list and I would like to link the text to my existing glossary.

stmartin

Level 1

8 points

Dec 2, 2012 12:13 PM in response to Rysz

Hey Ryze, any idea on how to make the glossary term work with-in the scrolling text widgets? Currently linking a glossary term with-in this widget does not work...

Word Definition Pop-Outs