The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS On-Page Dictionary in CSS Only? Re: On-Page Dictionary in CSS Only?


I found the following JS that I will incorporate:

Then use the following:

Click on a term in a pink box for its definition.

Term One.

Another Term

With some silly css like

 #example1div {
background-color: rgba(255,153,153,1);
position: absolute;
width: 12em;
top: 160px;
right: 13em;
margin: .2em;
padding: .5em;
.term {
color: rgba(153,51,0,1);
margin: .1em;
padding: .1em;
border: thin solid rgba(153,255,51,1);
background-color: rgba(255,51,204,1);

That way I can just incorporate the definition into the for each term as it comes up without having to mess with a database or php.

Are there any problems with this approach that should make me avoid it (other than the really ugly pink boxes with green borders)?