Detecting whether two divs overlap

javascript jquery html collision gamequery
Johannes Flood picture Johannes Flood · Dec 23, 2012 · Viewed 14.9k times · Source

Possible Duplicate:
How to detect if two divs touch with jquery?

I've spent a lot of time trying to figure out how to detect if two divs are overlapping.
I tried the gamequery plugin and used it like this:

$("#" + checkform).collision("#" + checkform + "w").each(function(){
    alert("Collision");
});

Would you use the gamequery plugin and/or how would you do it?

Answer

Niet the Dark Absol picture Niet the Dark Absol · Dec 23, 2012

Use getBoundingClientRect() on each element, and see if they overlap that way. No jQuery needed.

Related questions

How do I check whether a checkbox is checked in jQuery?

I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. For example, if the age checkbox is checked, then I need to show a textbox to enter age, else …

Read More
How can I know which radio button is selected via jQuery?

I have two radio buttons and want to post the value of the selected one. How can I get the value with jQuery? I can get all of them like this: $("form :radio") How do I know which one is …

Read More
HTML text input allow only numeric input

Is there a quick way to set an HTML text input (<input type=text />) to only allow numeric keystrokes (plus '.')?

Read More