471,605 Members | 1,609 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,605 software developers and data experts.

css problem - unwanted mouseover events

gdp
hi - hope someone can suggest a way round this

see http://www.tidybit.com/public/

this is a stripped down version of a site i am doing.

when you mouseover the artist names on the left - the image on the
right changes. this works fine. when you mouse out the default image
reappears. so far so good. my problem is that if i move the mouse up
and down the list it passes over various artist names but in between
triggers the mouseout event for the the div id=container_artistlist -
thus you get continual flashes of the default image. this is not
desirable. i wish to leave the menu as is but would like some way of
avoiding these 'flashes'. i thought this would be easy but it has me
stumped at the moment. thanks very much for any ideas given.

gdp

Nov 20 '07 #1
11 1687
gdp wrote:
>
see http://www.tidybit.com/public/

when you mouseover the artist names on the left - the image on the
right changes.
Not for me it doesn't. Oh, I see it requires JavaScript.

BTW, you *must* change this in your stylesheet:

body {font-size: 8px;}
div#bc {font-size: 1.4em;}

This seems to be a fashionable way to set type size (tiny body text then
increase it for paragraphs), but is an incredibly stupid practice.
Whoever started this fad should be flogged. For those of us who use a
minimum font-size in the browser, the result is paragraph type is
excessively large, since it becomes 1.4 of the minimum, not 1.4 of the
stupidly small 8px.

The layout breaks with enlarged text, too.

Have some pity for your users, eh?

--
Berg
Nov 20 '07 #2
gdp
On 20 Nov, 23:01, Bergamot <berga...@visi.comwrote:
gdp wrote:
seehttp://www.tidybit.com/public/
when you mouseover the artist names on the left - the image on the
right changes.

Not for me it doesn't. Oh, I see it requires JavaScript.

BTW, you *must* change this in your stylesheet:

body {font-size: 8px;}
div#bc {font-size: 1.4em;}

This seems to be a fashionable way to set type size (tiny body text then
increase it for paragraphs), but is an incredibly stupid practice.
Whoever started this fad should be flogged. For those of us who use a
minimum font-size in the browser, the result is paragraph type is
excessively large, since it becomes 1.4 of the minimum, not 1.4 of the
stupidly small 8px.

The layout breaks with enlarged text, too.

Have some pity for your users, eh?

--
Berg
whats wrong with javascript?
Nov 20 '07 #3
On Wed, 21 Nov 2007 00:30:32 +0100, gdp <ti*****@googlemail.comwrote:
On 20 Nov, 23:01, Bergamot <berga...@visi.comwrote:
>gdp wrote:
seehttp://www.tidybit.com/public/
when you mouseover the artist names on the left - the image on the
right changes.

Not for me it doesn't. Oh, I see it requires JavaScript.

BTW, you *must* change this in your stylesheet:

body {font-size: 8px;}
Aaaargh!
whats wrong with javascript?
Just another thing that can go wrong. It breaks in Opera (well, nothing
changes, I'm to lazy to check another browser) with javascript enabled for
instance.
--
Rik Wasmus
Nov 21 '07 #4
gdp wrote:
On 20 Nov, 23:01, Bergamot <berga...@visi.comwrote:
>gdp wrote:
seehttp://www.tidybit.com/public/
when you mouseover the artist names on the left - the image on the
right changes.

Not for me it doesn't. Oh, I see it requires JavaScript.

BTW, you *must* change this in your stylesheet:
body {font-size: 8px;}

The layout breaks with enlarged text, too.

whats wrong with javascript?
Aren't you interested in correcting the serious design flaws?
That's disappointing.

--
Berg
Nov 21 '07 #5
gdp wrote:
hi - hope someone can suggest a way round this

see http://www.tidybit.com/public/

this is a stripped down version of a site i am doing.
This is a style sheet group not a javascript one, so I'll tell you what
to do, not how...:)

On mouseout of the artist's name you set a short time-out - 500ms?

On mouseout of the whole list you clear the timeout and clear the
picture to background.

On mouseover the artist's name, you clear the timeout and set the
picture to the artist.

When the timeout expires, you clear the display to background.

Regards

Ian

p.s You do realise that the 5-10% of visitors without JavaScript will
not see the images change, don't you. Of this stops people navigating or
using your site, you have a problem.

Nov 21 '07 #6
gdp
On Nov 21, 7:42 pm, Ian Hobson <ian.hob...@ntlworld.comwrote:
gdp wrote:
hi - hope someone can suggest a way round this
seehttp://www.tidybit.com/public/
this is a stripped down version of a site i am doing.

This is a style sheet group not a javascript one, so I'll tell you what
to do, not how...:)

On mouseout of the artist's name you set a short time-out - 500ms?

On mouseout of the whole list you clear the timeout and clear the
picture to background.

On mouseover the artist's name, you clear the timeout and set the
picture to the artist.

When the timeout expires, you clear the display to background.

Regards

Ian

p.s You do realise that the 5-10% of visitors without JavaScript will
not see the images change, don't you. Of this stops people navigating or
using your site, you have a problem.
Thank you Ian - thats a clever idea - I shall have a bash at something
along those lines. If people can't see the image rollovers without
javascript I'm not too fussed - the links will still work after all.
More worrying is that the menu is js dependent at present. Not sure if
you can do css drop down menus without js but i'll have to have look.
I was doing some reading today regarding points of view about
depending on js for sites. There seems to be a mix of opinions about
it and it mainly depends on who the target audience is which makes
sense. i work developing intranet portals where we know everyoine has
js on. are you sure about 5-10%, i couldn't find a consistent set of
stats today , some were around what you say and others were lots
lower? - if there is a trusted source of this sort of info out there
i'd be interested in knowing where - it will be bit late to examine my
logs when the site is done and see that people aren't getting in!. the
problem for me is that the functionality that things like jQuery and
ajax in general offer is too good to leave alone, jQuery particularly
makes a web page able to behave like an application....surely thats a
good thing?

Umm, Berg, sorry to 'disappoint' you. I appreciate any input I get
here and will indeed look at what you have suggested. That said, your
tone is a bit weird, kind of insulting.

Thank you all
Nov 21 '07 #7
On Wed, 21 Nov 2007 21:16:09 +0100, gdp <ti*****@googlemail.comwrote:
If people can't see the image rollovers without
javascript I'm not too fussed
I couldn't see them WITH javascript... Opera 9.23
--
Rik Wasmus
Nov 21 '07 #8
gdp
On Nov 21, 8:16 pm, gdp <tidy...@googlemail.comwrote:
On Nov 21, 7:42 pm, Ian Hobson <ian.hob...@ntlworld.comwrote:
gdp wrote:
hi - hope someone can suggest a way round this
seehttp://www.tidybit.com/public/
this is a stripped down version of a site i am doing.
This is a style sheet group not a javascript one, so I'll tell you what
to do, not how...:)
On mouseout of the artist's name you set a short time-out - 500ms?
On mouseout of the whole list you clear the timeout and clear the
picture to background.
On mouseover the artist's name, you clear the timeout and set the
picture to the artist.
When the timeout expires, you clear the display to background.
Regards
Ian
p.s You do realise that the 5-10% of visitors without JavaScript will
not see the images change, don't you. Of this stops people navigating or
using your site, you have a problem.

Thank you Ian - thats a clever idea - I shall have a bash at something
along those lines. If people can't see the image rollovers without
javascript I'm not too fussed - the links will still work after all.
More worrying is that the menu is js dependent at present. Not sure if
you can do css drop down menus without js but i'll have to have look.
I was doing some reading today regarding points of view about
depending on js for sites. There seems to be a mix of opinions about
it and it mainly depends on who the target audience is which makes
sense. i work developing intranet portals where we know everyoine has
js on. are you sure about 5-10%, i couldn't find a consistent set of
stats today , some were around what you say and others were lots
lower? - if there is a trusted source of this sort of info out there
i'd be interested in knowing where - it will be bit late to examine my
logs when the site is done and see that people aren't getting in!. the
problem for me is that the functionality that things like jQuery and
ajax in general offer is too good to leave alone, jQuery particularly
makes a web page able to behave like an application....surely thats a
good thing?

Umm, Berg, sorry to 'disappoint' you. I appreciate any input I get
here and will indeed look at what you have suggested. That said, your
tone is a bit weird, kind of insulting.

Thank you all


and again Ian - thanks for the idea - it works a treat
Nov 21 '07 #9
gdp wrote:
>
and again Ian - thanks for the idea - it works a treat
Good. :)
Nov 21 '07 #10
gdp
On Nov 21, 8:47 pm, "Rik Wasmus" <luiheidsgoe...@hotmail.comwrote:
On Wed, 21 Nov 2007 21:16:09 +0100, gdp <tidy...@googlemail.comwrote:
If people can't see the image rollovers without
javascript I'm not too fussed

I couldn't see them WITH javascript... Opera 9.23
--
Rik Wasmus
hi Rik - just downloaded and checked in opera 9.24 - it works in that
okay on the actual page but the chopped out bit of the page you guys
can see does not work in opera for some reason
Nov 21 '07 #11
On Wed, 21 Nov 2007 22:50:01 +0100, gdp <ti*****@googlemail.comwrote:
On Nov 21, 8:47 pm, "Rik Wasmus" <luiheidsgoe...@hotmail.comwrote:
>On Wed, 21 Nov 2007 21:16:09 +0100, gdp <tidy...@googlemail.comwrote:
If people can't see the image rollovers without
javascript I'm not too fussed

I couldn't see them WITH javascript... Opera 9.23

hi Rik - just downloaded and checked in opera 9.24 - it works in that
okay on the actual page but the chopped out bit of the page you guys
can see does not work in opera for some reason
Aha,
404: http://www.tidybit.com/public/js/tag_pfs.js

Your URL is just faulty on the test page.
--
Rik Wasmus
Nov 21 '07 #12

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

3 posts views Thread by Colin Steadman | last post: by
2 posts views Thread by bidalah | last post: by
7 posts views Thread by rkbnair | last post: by
2 posts views Thread by Adam J. Schaff | last post: by
reply views Thread by CCCYYYY | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.