Dojo, como fazer um evento onclick em um DIV
Houve uma amostra de fade out na internet ..http://docs.dojocampus.org/dojo/fadeOut?t=tundra
mas eu quero fazer algo diferente .. eu quero que as pessoas cliquem diretamente no texto, então o texto vai desaparecer.
no meu código há um div embrulhar o texto
<div id='parentNode'>
<div id='textDiv' onClick='whenClickAnyWhereWithinThisDiv_performFadeOut()'>
<div id='iconDiv'/>
<div id='messageDiv'/>
</div>
<div>
Código como mostra abaixo, o que eu quero é, quando as pessoas clicam em qualquer lugar dentro do textDiv, então todo o textDiv vai desaparecer..hmm ..... por que meu código não funciona ???
function whenClickAnyWhereWithinThisDiv_performFadeOut () {
...
...
dojo.connect(dijit.byId('textDiv'), "onClick", fadeOutAndRemove(parentNode, textDiv));
}
function fadeOutAndRemove (parent, currentDiv) {
// just assume i can get the parent Node, and the current div, which will be textDiv
var objectId = currentDiv.getAttribute('id');
dojo.style(objectId, "opacity", "1");
var fadeArgs = {
node: objectId,
duration: 2000
};
dojo.fadeOut(fadeArgs).play();
setTimeout(function() { parent.removeChild(currentDiv);}, 2000);
}