467,074 Members | 897 Online
Bytes | Developer Community
Ask Question

Home New Posts Topics Members FAQ

Post your question to a community of 467,074 developers. It's quick & easy.

(high) Layers and mouse events

I have been playing with a page design that would use a 'circular'
area in the middle rather than the standard boring square box world
of tables and frames. I have the design itself layed out using a
couple of 'div' layers including transparent gifs in 'higher' zIndex
layers to create the circular 'window' to the lower layers.

But now I am learning that although I can see the HTML on the lower
layer, the transparent gif layer above it is intercepting all the of
the mouse activity and thus I can't click any links, and/or access any
forms without using tab and spacebar.

Is there any easy way to pass the mouse events through to the lower
layer and/or to have the higher layer ignore them entirely so the
lower layers can receive them where appropriate?

KL
Jul 20 '05 #1
  • viewed: 5941
Share:
2 Replies
Catherine,
The problem you have is focus. because the layer with the circle has the
focus - having a higher z index, lowering the z index of course defeats the
purpose :(

the only get around i can think of would be to disguise the upper layer -
and use the area tag to create the impression of browsers clicking on the
lower table.

hope this helps

Simon Christie

why not just 'image-map' the top adiv, lining the area maps with the
existing areas in the lower below
"Catherine Lynn Smith" <kl*****@hotmail.com> wrote in message
news:5f*************************@posting.google.co m...
I have been playing with a page design that would use a 'circular'
area in the middle rather than the standard boring square box world
of tables and frames. I have the design itself layed out using a
couple of 'div' layers including transparent gifs in 'higher' zIndex
layers to create the circular 'window' to the lower layers.

But now I am learning that although I can see the HTML on the lower
layer, the transparent gif layer above it is intercepting all the of
the mouse activity and thus I can't click any links, and/or access any
forms without using tab and spacebar.

Is there any easy way to pass the mouse events through to the lower
layer and/or to have the higher layer ignore them entirely so the
lower layers can receive them where appropriate?

KL

Jul 20 '05 #2
Well the problem is that the inner 'window' portion is going to be a
generic content frame - probably in iframe layer as I am still not
finding an easy way to include newly introduced scripting or ASP items
without a fuss in a 'loaded' context for a DIV layer. As a result,
the 'content' in the center area might as well be considered as
undefined or unknown as far as the program layer or the outer 'frame'
of HTML is concerned.

I am hoping not to have to slice up the inner 'corner' peices if at
all possible as I am still having a fuss of a time finding a way to
track the bottom and right sides with the inside peices of the
corners. At least by cutting it down to peices like that, it means
the layer covers less of that internal window, but in the event that I
have to go to scripting to move the right and bottom facets of the
frame portions, that would be a nightmare if those peices were cut up
into multiple slices....

KL

"steve stevo" <st***@stevosteve.fsnet.co.uk> wrote in message news:<bk**********@newsg1.svr.pol.co.uk>...
Catherine,
The problem you have is focus. because the layer with the circle has the
focus - having a higher z index, lowering the z index of course defeats the
purpose :(

the only get around i can think of would be to disguise the upper layer -
and use the area tag to create the impression of browsers clicking on the
lower table.

hope this helps

Simon Christie

why not just 'image-map' the top adiv, lining the area maps with the
existing areas in the lower below
"Catherine Lynn Smith" <kl*****@hotmail.com> wrote in message
news:5f*************************@posting.google.co m...
I have been playing with a page design that would use a 'circular'
area in the middle rather than the standard boring square box world
of tables and frames. I have the design itself layed out using a
couple of 'div' layers including transparent gifs in 'higher' zIndex
layers to create the circular 'window' to the lower layers.

But now I am learning that although I can see the HTML on the lower
layer, the transparent gif layer above it is intercepting all the of
the mouse activity and thus I can't click any links, and/or access any
forms without using tab and spacebar.

Is there any easy way to pass the mouse events through to the lower
layer and/or to have the higher layer ignore them entirely so the
lower layers can receive them where appropriate?

KL

Jul 20 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

5 posts views Thread by John Champaign | last post: by
reply views Thread by Stephen Williams | last post: by
2 posts views Thread by Catherine Lynn Smith | last post: by
3 posts views Thread by Rick Strahl [MVP] | last post: by
3 posts views Thread by Charles Law | last post: by
3 posts views Thread by therealvibe | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.