473,406 Members | 2,769 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,406 software developers and data experts.

(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
2 6227
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

5
by: John Champaign | last post by:
Hi all, I'm working on an educational applet for a child with special needs. He's got a bit of a trick to make my life more difficult... To interact with the applet he needs to click on...
0
by: Stephen Williams | last post by:
I am migrating a VB 6 PictureBox control to VB.NET. In VB 6, this control modified its border style during the mouse down and up events to provide user feedback that it was selected. Once...
1
by: Jean-Gael GRICOURT | last post by:
I am trying to capture mouse events when entering and leaving a DIV layer. This test code works fine with IE 6.0 and Opera 7.21 but fails with Mozilla/Netscape. The strange thing is that the mouse...
2
by: Catherine Lynn Smith | last post by:
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...
8
by: rdlebreton | last post by:
Hi, Folks! I've been trying to develop my own version of these draggable layers and I have been limiting myself to IE6...for now. I have looked at some other examples to get ideas of creating...
3
by: red | last post by:
mouse events when the mouse is on a "child control" hi everyone; my problem: I have a userControl in this usercontrol, I have a child control (a button) when the mouse moves over the...
5
by: Bill Henning | last post by:
Does anyone know a good method of preventing keyboard and mouse events from interrupting processing? My situation is: 1) I need to track and handle all key and mouse events 2) I need to perform...
3
by: Rick Strahl [MVP] | last post by:
I'm working on an app that's using the WebBrowser control. I got the control working fine, hooking to the document object. But I've run into a major issue with hooking the Document events....
3
by: Charles Law | last post by:
In a user control, is it possible to replace the default mouse events with my own? In particular, I want the consumer of my control to get MouseMove events when the mouse is over my control, so...
3
by: therealvibe | last post by:
I have made a simple page with show hide layers with javascript and css. http://www.icatt.nl/special/test/salarisstrook_algemeen.html The idea is that the blue help text rechtangle will have...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
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
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
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
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,...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

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.