MooTools - Target

css

<style>
#square{width:200px;background:#006699;color:#fff;padding:10px;}
#box1{background:#333;padding:10px;margin:10px 0}
#box2{background:#666;padding:10px}
</style>

html

<div id='square'>Square
	<div id='box1'>Box1</div>
	<div id='box2'>Box2</div>
</div>
<div id='out'></div>

js

<script>
window.addEvent('domready', function(){
	$('square').addEvent('click', function(e) {
		var t1 = $(e.target).get('text');
		$('out').set('text',t1);
	});
});	
</script>

Related Posts

MooTools window size, MooTools News Ticker, MooTools Tween, MooTools mouse position, MooTools mouse position