Problem with Css & Javascript

Question

I am having nested DIV's. Below is the Example.

<div id="one">
    <div id="two">
    </div>
</div>

I am calling a javascript function when we click on div one and div two.

Now the problem is sometimes the size of div two is large so that div one goes behind div two. Actually if i click div two i want to call both div one and div two. Since the javascript function name is dynamic, i am stuck.

Any idea how to call both js functions when we click div 2.

First of all change the ids of div. Id should never start with a number. — rahul
– rahul, Commented Dec 8, 2009 at 10:35

Vincent Ramdhanie · Accepted Answer · 2009-12-08 10:37:37Z

4

You might find the discussion here interesting. It gives good explanation and examples of event bubbling and propagation.

answered Dec 8, 2009 at 10:37

Vincent Ramdhanie

103k23 gold badges143 silver badges196 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Guillaume Flandre · Accepted Answer · 2009-12-08 10:36:03Z

4

At the end of div 2's click handler, you could call div 1's.

UPDATE:

What I meant is you could fire a click event on div 1 when div 2 is called.

answered Dec 8, 2009 at 10:36

Guillaume Flandre

9,0008 gold badges48 silver badges55 bronze badges

1 Comment

Madhu Over a year ago

The name of the function is dynamic. I mentioned it in the problem

NDM · Accepted Answer · 2009-12-08 10:37:46Z

1

using jQuery you could do something like this

$('div2').click(function() {
    $(this).parent().click();
}

answered Dec 8, 2009 at 10:37

NDM

6,8483 gold badges42 silver badges55 bronze badges

Collectives™ on Stack Overflow

Problem with Css & Javascript

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related