Re: On-Page Dictionary in CSS Only?

[redington]

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)?