473,396 Members | 1,707 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,396 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 1733
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
by: Colin Steadman | last post by:
Help! I'm a stupid HTML bod and I dont do Javascript! I have a grey coloured table that displays certain columns in either red, green or orange to give meaning and emphasis to certain data. ...
2
by: bidalah | last post by:
Hi everyone, I have a form that I created using tables. I want to create mouseover events which act on labels that are inside certain table cells so that when the mouse is over these label,...
2
by: Mitch | last post by:
I am hosting a web browser ctl in a container that implements the IDocHostUIHandler interface. I'm using this to control the context menu.This works fine. Then, I added a mouseover event to the...
7
by: rkbnair | last post by:
Is it possible to change the background color of the DataGrid on pointing the mouse over a certain row?
2
by: Adam J. Schaff | last post by:
I have recently noticed an unwanted behavior that I do not know how to get rid of. To Recreate Problem: Windows Forms App with 2 forms. Form 1 has nothing on it and this code underneath: ...
5
by: JB | last post by:
I am struggling to figure out a way to allow one element to be dragged, but still capture 'mouseover' events on other elements. I've created a simple example to demonstrate what I mean:...
1
sgeklor
by: sgeklor | last post by:
Dear All, My question refers to how best to organise my mouse events to correctly and efficiently give the effect I want. On my form I have a panel and that panel contains a number of controls....
2
by: markszlazak | last post by:
I'm a relatively slow response of table cells changing their background color with mouseover/our in IE6 (Win 2K) but the response is fine (fast) in Firefox. Why? The code is below. Sorry about the...
7
by: Microsoft Newsserver | last post by:
Hi, Simple question, probably a simple answer hopefully. I am working with VS2005/2.0 and this is an Explorer project IE6/IE7. The issue is I need to be able to mouseover the options in a...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

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.