Solved

How to dynamically highlight content using css/html?

Posted on 2013-11-19
6
459 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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
disable open new tab with right mouse click in <a> tag 3 19
Building JSON/JQuery Results Display 11 28
Check input text, Number 7 36
Diff of the day 2 10
Preface This is the third article about the EE Collaborative Login Project. A Better Website Login System (http://www.experts-exchange.com/A_2902.html) introduces the Login System and shows how to implement a login page. The EE Collaborative Logi…
It’s a strangely common occurrence that when you send someone their login details for a system, they can’t get in. This article will help you understand why it happens, and what you can do about it.
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)
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

726 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