Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 490
  • Last Modified:

How to dynamically highlight content using css/html?

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
JohnLourdu
Asked:
JohnLourdu
1 Solution
 
COBOLdinosaurCommented:
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
 
Kyle HamiltonData ScientistCommented:
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
 
Bernard S.CTOCommented:
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
 
JohnLourduAuthor Commented:
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
 
Bernard S.CTOCommented:
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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now