(high) Layers and mouse events

[Catherine Lynn Smith]

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

[steve stevo]

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*****@hotmai l.com> wrote in message
news:5f******** *************** **@posting.goog le.com...

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

[Catherine Lynn Smith]

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***@stevoste ve.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*****@hotmai l.com> wrote in message
news:5f******** *************** **@posting.goog le.com...

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