hello people.
I want to add a feature to my web pages.
briefly, I want something like this:
in the html code:
<span class="lookup">tantalising</span>
in the css:
span.lookup {
something. not sure yet.
}
javascript either in the css or in the header.
result:
in the web page, the reader will see:
tantalising [D] [T] [C]
where [D], [T] and [C] are graphic anchors.
when the D graphic is clicked, a new window is opened at Merrium-Webster
with the results of a dictionary lookup on the spanned word. the T
graphic links to the Thesaurus page.
the C graphic links to an English-Chinese page which would be a site
other than Merrium.
the lookup links are fairly simple using something like www.blahblah.com/
blah?term=myWord.
I don't want to use hardwire anchors in the html code for two reasons:
(a) I want to be able to target any word for lookup functionality by
simply enclosing it in a simple <span> tag
(b) if I change lookup reference sites, I don't want to have to change
the links in all of my pages.
and I don't want to hardwire the graphics into the html code either. I
want to add them via css, if by no other means, than by the :after
pseudo-class.
I am hoping that it is possible for css to work with js so that (a) the
graphics are automatically added after the spanned word, and (b) clicking
on the graphics automatically creates the required URL and opens a new
window for the user with the results of the word search ready for viewing.
the URL formats and window.open() are fairly basic. my problem is
connecting the js to the css and the graphics.
any ideas? can I place onclick() js inside the css so that it applies to
all elements of a specific class/id etc?
regards,
Gregory
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
