Changing Text on a css hover

WhatsGoingOn

Hi,


Is it possible to change the text in a menu item using CSS?
e.g. If you over over a menu item called 'News', the text will change to 'Nuacht'

Thanks.

Seth Brundle

I think JavaScript is needed for this rather than CSS
http://www.webreference.com/js/column4/text.html
http://www.codeproject.com/jscript/dcontent.asp
not sure of the usage of these across different browsers but play around with them

Baz_

I don't understand why you would want to do that, but yes it is possible, manipulation of the innerhtml property or some such, look it up tbh...

Not sure if the behaviour is supported in IE though, last time (a few years ago now) I messed around with that IE didn't support it

WhatsGoingOn

Baz_ wrote:

I don't understand why you would want to do that, but yes it is possible, manipulation of the innerhtml property or some such, look it up tbh...

Not sure if the behaviour is supported in IE though, last time (a few years ago now) I messed around with that IE didn't support it

Thanks, maybe images might be a safer option.
I'm doing a GAA site, so thought it would look good if the menus were bi-lingual

smeggle

With images it would be easy enough to do in css

BACKGROUND-IMAGE: url(images3/glbnav_background.gif);

If you use the css img src similar to what I've quoted then you coupld for a: use nav image 1 'News' and then for 'On Hover in your css it's

a:hover

so here you would src your img url tp image 2 or 'Naucht'

This should swap images from News as the background to Naucht.. You'll need your image height, width etc.. but it should work...

Haven't tried myself though....

whiteshadow

css separates content from presentation
so no.. you couldn't change text as that's content.

you could use an imageswap though?

WhatsGoingOn

whiteshadow wrote:

css separates content from presentation
so no.. you couldn't change text as that's content.

you could use an imageswap though?

It's ok, got it sorted, that Javascript solution above mentioned by kbannon worked perfectly, Thanks.

Baz_

whiteshadow wrote:

css separates content from presentation
so no.. you couldn't change text as that's content.

you could use an imageswap though?

you can you know

whiteshadow

Baz_ wrote:

you can you know

really?
how?

seamus

whiteshadow wrote:

really?
how?

CSS has a "content" attribute you can use to insert content into elements.

hostyle

seamus wrote:

CSS has a "content" attribute you can use to insert content into elements.

See also IE's support for behaviours that allow you to run limited javascript commands in your CSS.