The Official Blog of Patcoola

Script Title: getTargetId
Programming Language: Java Script
Date Completed: 2012/05/12
Last Updated: 2012/07/14

Purpose: Easily fetch a Web pages element ID by clicking on an element, can be set to fetch parent elements of a given type such as DIV tags.

Advertisement

Donate Now!

Hey buddy, it takes a lot to make a blog. How about a donation?

---

Description: Click on a Web page element such as a DIV or image and fetch the element ID. getTargetId can be set to ignore text / image and other elements by defining the node name, this will allow getTargetId to look for the parent element ID of the given type if exists. For example, if you set the node name to div, getTargetId will only fetch div IDs even if another element is inside or in front of the div. GetTargetId can also get the element type. Works with all modern Web browsers.

Methods:

getTargetId.api.id // Returns the ID of the clicked element
getTargetId.api.type // Returns the element type of the last clicked element
getTargetId.api.nodeName // Define and restrict to an element type (optional)
getTargetId.api.checkParent // Check parent nodes for element type, default false (optional)
getTargetId.api.isActive // Returns true or false if event listener is active
getTargetId.api.start() // Function to start this method
getTargetId.api.stop() // Function to stop this method

Example Usage:

getTargetId.api.start();

document.onmousedown = tellme;

function tellme() {
alert(getTargetId.api.id);
}

Limitation:

When nodeName is defined, the oldest parent is four.

getTargetId.api.nodeName = “Div”;
<div id=”theParent”><p><span>Hello</span></p></div>

Returns “theParent”, because the element is within the four parent element limit.

Updates 2012/07/14

Added Method: getTargetId.api.type
Added Method: getTargetId.api.checkParent

Advertisement

Donate Now!

Hi there, I spend a lot of time making this blog.

It would be great if you would consider donating.

---

Be the first to write a comment.