stubbornella/jsbin.EGusina.html

## jsbin.EGusina.html
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="[add your bin description]" />
<meta charset=utf-8 />
<title>JS Bin</title>

</head>
<body>
  <h1>Using onclick</h1>
  <div class="text">text to be replaced</div>
  <ul>
	<li>foo - clicks here should not alert</li>
    <li>bar</li>
    <li>baz</li>
  </ul>
</body>
</html>

## jsbin.EGusina.js
/* tests:
 *
 * 1. click on children of .text should alert their index - PASS
 * 2. click on other elements should not - PASS
 * 3. if two nodes have the same content, a click on the latter should not return the index of the former - PASS
 */

// how to make it execute after document is loaded?
var content = "<div>a</div><div>e</div><div>t</div><div>7</div><div>1</div><div>a</div>",
    textNode = document.getElementsByClassName("text")[0];  // what if the server returned json, or content was an array.

textNode.innerHTML = content;

textNode.onclick = findIndex;
if (textNodes.captureEvents) textNodes.captureEvents(Event.CLICK);


function findIndex(e) { // does js have an api for the index?
  if (!e) var e = window.event;
  alert(Array.prototype.indexOf.call( e.target.parentNode.children, e.target ));
}
	<!DOCTYPE html>
	<html>
	<head>
	<meta name="description" content="[add your bin description]" />
	<meta charset=utf-8 />
	<title>JS Bin</title>

	</head>
	<body>
	<h1>Using onclick</h1>
	<div class="text">text to be replaced</div>
	<ul>
	<li>foo - clicks here should not alert</li>
	<li>bar</li>
	<li>baz</li>
	</ul>
	</body>
	</html>
	/* tests:
	*
	* 1. click on children of .text should alert their index - PASS
	* 2. click on other elements should not - PASS
	* 3. if two nodes have the same content, a click on the latter should not return the index of the former - PASS
	*/

	// how to make it execute after document is loaded?
	var content = "<div>a</div><div>e</div><div>t</div><div>7</div><div>1</div><div>a</div>",
	textNode = document.getElementsByClassName("text")[0]; // what if the server returned json, or content was an array.

	textNode.innerHTML = content;

	textNode.onclick = findIndex;
	if (textNodes.captureEvents) textNodes.captureEvents(Event.CLICK);



	function findIndex(e) { // does js have an api for the index?
	if (!e) var e = window.event;
	alert(Array.prototype.indexOf.call( e.target.parentNode.children, e.target ));
	}