Solved

How to dynamically highlight content using css/html?

Posted on 2013-11-19
6
461 Views
Last Modified: 2013-11-21
If we have clicked on a footnote link in a Wikipedia article, we have probably noticed that two things happen:
(1) the link brings you to the footnote section at the bottom of the page; and
(2) the selected footnote is highlighted with a different color.
In a list of footnotes, this feature makes it easy for the reader to visually access the appropriate footnote.

This is a neat little technique that is accomplished easily using the CSS3 :target pseudo-class selector.
Unfortunately, this CSS3 feature that has no support in basic ePub reader like Adobe digital editions, and so has been largely overlooked up to this point.
Also Adobe digital editions has no support of javascript.

Please advice how to achieve this effect without using CSS3 or javascript?
0
Comment
Question by:JohnLourdu
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
6 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39660739
ePub are about content delivery, not presentation effects.  I doubt you are going to see anything like you are looking for, and I doubt there is enough demand to encourage development of a plugin to do it.

Cd&
0
 
LVL 25

Expert Comment

by:Kyle Hamilton
ID: 39660830
if you don't have CSS3 or javascript at your disposal, then you are at the mercy of doing a server side solution. This would really suck, since you would have to reload the page just to get a little highlight.
0
 
LVL 29

Expert Comment

by:fibo
ID: 39661685
You ask for a css3/ html solution only...
- since :target is not available with your tools, nor javascript, you need to use some other pseudo-class
- test the effect of :focus, if accepted by your tools will at least highlight the current footnote

Check also if, although :target is not working in your tools, it works or not in the result!
0
 

Author Comment

by:JohnLourdu
ID: 39664985
Unfortunately :focus also not working. Adobe digital Editions is another ie 6 in the eBooks world. I think there is no way to achieve this kind of effect in this old junky reader.
0
 
LVL 29

Accepted Solution

by:
fibo earned 500 total points
ID: 39665165
Just to be sure: your Adobe creation tools do not work with :focus etc.

What happens if you bypass this tool, create :focus etc, then read the result?
0

Featured Post

MS Dynamics Made Instantly Simpler

Make Your Microsoft Dynamics Investment Count  & Drastically Decrease Training Time by Providing Intuitive Step-By-Step WalkThru Tutorials.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

688 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question