Cascading onclick event

Dylan Parry

Hi,

I'm not sure what the correct term for this is, but I want to have two
objects (say HTML divs) positioned absolutely one on top of the other,
with the lower of the two having an onclick event attached to it.

Now as you can guess, if I then click on where the top and bottom object
overlap, the top object intercepts the click and the onclick event for
the bottom object is never fired.

What I want to do is to have the even "cascade" with the top object
ignoring the click and letting the bottom one handle it. Is this
possible? Am I being too vague?

Cheers,

--
Dylan Parry
http://electricfreedom.org -- Where the Music Progressively Rocks!

Feb 17 '06 #1

Subscribe Reply

3651

impaler

Dylan Parry wrote:

Hi,

I'm not sure what the correct term for this is, but I want to have two
objects (say HTML divs) positioned absolutely one on top of the other,
with the lower of the two having an onclick event attached to it.

Now as you can guess, if I then click on where the top and bottom object
overlap, the top object intercepts the click and the onclick event for
the bottom object is never fired.

What I want to do is to have the even "cascade" with the top object
ignoring the click and letting the bottom one handle it. Is this
possible? Am I being too vague?

Cheers,

--
Dylan Parry
http://electricfreedom.org -- Where the Music Progressively Rocks!

Try these:
http://www.quirksmode.org/js/events_order.html
http://www.webdevelopersjournal.com/...jsevents2.html

I'm not sure if you have your div inside the other div or just
positioned absolutely but if nested you can use eventbubbling.

Feb 17 '06 #2

Dylan Parry

Pondering the eternal question of "Hobnobs or Rich Tea?", impaler
finally proclaimed:

http://www.webdevelopersjournal.com/...jsevents2.html
eventCapture() seems to be what I am looking for, but it only works in
IE. Is there an alternative that does something like that in FF et al?
I'm not sure if you have your div inside the other div or just
positioned absolutely but if nested you can use eventbubbling.

Unfortunately they're not, so bubbling isn't an option. If I do nest the
divs a whole other can of worms is opened :s

--
Dylan Parry
http://electricfreedom.org -- Where the Music Progressively Rocks!

Feb 17 '06 #3

Dylan Parry

Pondering the eternal question of "Hobnobs or Rich Tea?", Dylan Parry
finally proclaimed:

http://www.webdevelopersjournal.com/...jsevents2.html

eventCapture() seems to be what I am looking for, but it only works in
IE. Is there an alternative that does something like that in FF et al?

erm setCapture() I meant! :)

--
Dylan Parry
http://electricfreedom.org -- Where the Music Progressively Rocks!

Feb 17 '06 #4

Thomas 'PointedEars' Lahn

Dylan Parry wrote:

[...] impaler [wrote]:
http://www.webdevelopersjournal.com/...jsevents2.html

eventCapture() seems to be what I am looking for, but it only works in
IE. Is there an alternative that does something like that in FF et al?

The code there is not only IE-specific, it is junk. Do not
trust this source. Read the specs about event flow instead,
then apply the specified interfaces.

<URL:http://www.w3.org/TR/DOM-Level-2-Events/events.html>
HTH

PointedEars

Feb 17 '06 #5

Similar topics

1807

Lazy cascading menu in Tkinter with postcommand

by: Humpty Dumpty | last post by:

Hi folks, here's a challenge: I have a dynamically created cascading menu in Tkinter that can be quite large because it is created from a file. I tried using lazy creation so only the menu item that is actually selected by the user gets children menu items created under it, but that fails. I did this by use of postcommand callback, in which I dynamically add the children menu items to the parent. However, a print statement in the...

Python

2738

Cascading menus in Javascript

by: Marci | last post by:

I found this script for cascading menus, however, I cannot reach the author to solve the bug I am having when I add a second menu to it. My problem is this: If I click on the first link, the menu displays well. If I then click on the second link, the first menu from the first link still displays. How do I get make the first menu disappear when I click on the second and vice versa? Please help...thanks.

Javascript

18581

Dynamically adding onclick to element

by: RobG | last post by:

I am trying to dynamically add an onclick to an element, however I just can't get the syntax right. consider the following function: function doClick (evt,x) { // do things with evt and x } Which is called statically by: <button onclick="doClick(event,this);">Click me</button>

Javascript

2164

Cascading menu script

by: Anthony | last post by:

Below is a script I found at http://javascript.internet.com/ for a cascading menu. The script works great but there is one thing that I would like modified. BecauseI am just learning javascript, I did not want to try to modify the code without a little help. When you place the mouse over the menu bar, this script calls the function to show the menu. I would like it modified to hide the menu when the mouse is removed. Please help. The...

Javascript

64642

Cascading Combo/List Boxes

by: Rabbit | last post by:

Cascading Combo/List Boxes This tutorial is to guide you in the creation of Cascading combo/list boxes. That is when you have multiple combo/list boxes where the selection of an option in one determines the available options in the other. TERMINOLOGY Row Source: The table/query from which the Combo Box or List Box gets its values. Note: There are other types of row sources that can be used but for simplicity we will stick with Tables...

Microsoft Access / VBA

2545

Cascading to a third combo box.... on a form

by: kcdoell | last post by:

I have three tables: One for the Division location: tblDivision DivisionID = Autonumber DivisionName = Text One for the Working Region: tblWrkRegion

Microsoft Access / VBA

2674

Problem with Cascading Combo/List Boxes

by: kcdoell | last post by:

Good Morning: I have a form where I am trying to create cascading combo boxes. I have done this before but I am getting the following error that is throwing me off: Procedure declaration does not match description of event or procedure having the same name. Basically have three tables: One for the Division location:

Microsoft Access / VBA

9656

What is ONU?

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, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...

General

10366

Problem With Comparison Operator <=> in G++

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, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...

C / C++

10112

The easy way to turn off automatic updates for Windows 10/11

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 Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...

Windows Server

9969

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

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 protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...

General

7518

Access Europe - Using VBA to create a class based on a table - Wed 1 May

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 presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...

Microsoft Access / VBA

6750

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...

C# / C Sharp

5399

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...

Networking - Hardware / Configuration

4070

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system

C# / C Sharp

2894

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

General