Comments on: How to Dynamically Highlight Content Like Wikipedia Using CSS3

By: Werner

Werner — Tue, 12 Apr 2011 09:49:13 +0000

it is also: all links on same page


// :target inside document
              $('a.target').click(function() {
                 var id = $(this).attr('href');
                 $('h3').removeClass('ieTarget');
                 $(id).addClass('ieTarget');
              });

all links to another page


// :target other document
              if(document.location.hash) {
                 $(document.location.hash.replace()
                 ).addClass('ieTarget');
              }

Greetings Werner

By: Brett Widmann

Brett Widmann — Fri, 10 Dec 2010 19:41:23 +0000

This is a really nice tutorial. This should help out a lot. Thanks for sharing.

By: Ronald

Ronald — Fri, 24 Sep 2010 16:34:41 +0000

Thanks a lot, I was looking for this solution to show some content folder in my website. You are the best.

By: The Ultimate Roundup of 55+ CSS3 Tutorials

The Ultimate Roundup of 55+ CSS3 Tutorials — Wed, 11 Aug 2010 07:26:33 +0000

[...] 32. How to Dynamically Highlight Content Like Wikipedia Using CSS3 [...]

By: April’s Best Resources for CSS3

April’s Best Resources for CSS3 — Wed, 26 May 2010 22:23:58 +0000

[...] 16. How to Dynamically Highlight Content Like Wikipedia Using CSS3 [...]

By: Really Useful Tutorials You Should Have Read in April 2010 | MyInfoNetHome.Info

Wed, 19 May 2010 04:43:52 +0000

[...] How to Dynamically Highlight Content Like Wikipedia Using CSS3 By Louis Lazaris, April 5th, 2010 Site: Impressive Web [...]

By: Louis Lazaris

Louis Lazaris — Tue, 18 May 2010 13:21:07 +0000

Actually, I was just about to test what you said, to see why you were having problems. I didn’t notice the slash before the hash. Anyhow, glad you got it to work.

By: webman

webman — Tue, 18 May 2010 05:17:49 +0000

Please ignore me everyone I just realised the error of my ways.
Just took out the “/” so the link is now “page.htm#one”.

Sorry for wasting your time.

Thanks for sharing the code its great.

By: webman

webman — Tue, 18 May 2010 02:04:53 +0000

Ok let me try that again – I’m in spastic mode today.

Does anyone know how I dynamically highlight content on another page? I tried this link: page.html/#one
It worked locally but not live.
Any ideas

Thanks in advance

By: Really Useful Tutorials You Should Have Read in April 2010 Ajax Help W3C Tag

Really Useful Tutorials You Should Have Read in April 2010 Ajax Help W3C Tag — Mon, 03 May 2010 10:41:36 +0000

[...] How to Dynamically Highlight Content Like Wikipedia Using CSS3 By Louis Lazaris, April 5th, 2010 Site: Impressive Web [...]