View Single Post
Old 11-15-2012, 11:57 PM   PM User | #8
Ulysses69
New Coder

 
Join Date: May 2004
Posts: 15
Thanks: 1
Thanked 0 Times in 0 Posts
Ulysses69 is an unknown quantity at this point
Used a whitelist array approach in the end to get a very tight script that works under the desired framework I am using:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Find Parent Id</title>
<script type="text/javascript">
	function assignClickEvent(){
		var links = document.links;
		for(var i =0; i < links.length; i++){
			links[i].onclick = findDivId;
		}
	};
	function findDivId(e) {
	    var targ;
	    var dad;
	    var idx = ['nav','navigation','main'];
	    var tagx = ['LI','UL','A'];
	    if (!e){
	        var e = window.event;
	    }

		e = e || window.event;
        var targ = e.target || srcElement;
        var clickedRef = targ.href;

		while((targ = targ.parentNode) && targ.tagName != 'BODY' && idx.indexOf(targ.id) == -1);
	    dad = targ;

 	    if(dad){
			alert('TAG = ' + dad.tagName + '\nID = ' + dad.id + '\nHREF = ' + clickedRef);
	    };

	    return false;
	};
	window.onload = assignClickEvent;
</script>
</head>
<body id="page">

<a href="home.html">Help</a>

	<div id="main">

		<h2>Header</h2>

		<div>

		<ul>
			<li><a href="scot.html">Scotiabank</a> (6)</li>
			<li><a href="mon.html">Bank of Montreal</a> (3)</li>
			<li><a href="cibc.html">CIBC</a> (3)</li>
			<li><a href="canada.html">National Bank of Canada</a> (2)</li>
		</ul>
	
		</div>

		<h2>Main</h2>

		<ul id="nav">
			<li><a href="scot.htm">Scotiabank</a> (6)
				<ul id="nav-sub">
					<li id="cib-sub"><a href="scot.html">Scotiabank</a> (6)
						<ul id="nav-sub-sub">
							<li id="cib-sub-sub"><a href="scot.html">Scotiabank</a> (6)</li>
							<li><a href="canada.html">National Bank of Canada</a> (2)</li>
						</ul></li></li>
					<li><a href="mon.html">Bank of Montreal</a> (3)</li>
					<li><a href="canada.html">National Bank of Canada</a> (2)</li>
				</ul></li>
			<li><a href="mon.html">Bank of Montreal</a> (3)</li>
			<li><a href="cibc.html">CIBC</a> (3)</li>
			<li><a href="canada.html">National Bank of Canada</a> (2)</li>
		</ul>
	
	</div>

	
	
	<h2>Footer</h2>
	
	<ul>
		<li><a href="scot.html">Scotiabank</a> (6)</li>
		<li><a href="mon.html">Bank of Montreal</a> (3)</li>
		<li><a href="cibc.html">CIBC</a> (3)</li>
		<li><a href="canada.html">National Bank of Canada</a> (2)</li>
	</ul>

</body>
</html>
Thanks again, Andrew.

I tried to submit the thank you button, but I don't have privileges, so "Thanks you".

Last edited by Ulysses69; 11-16-2012 at 12:25 PM..
Ulysses69 is offline   Reply With Quote