Dojo, comment faire de l'événement onclick sur un DIV

Il y a un fondu de l'échantillon dans l'internet..
http://docs.dojocampus.org/dojo/fadeOut?t=tundra

mais je veux faire quelque chose de différent..
je veux que les gens directement cliquer sur le texte, le texte s'efface.

dans mon code il y a un div envelopper le texte

<div id='parentNode'>
    <div id='textDiv' onClick='whenClickAnyWhereWithinThisDiv_performFadeOut()'>
       <div id='iconDiv'/>
       <div id='messageDiv'/>
    </div>
<div>

Code comme ci-dessous montrent, est ce que je veux, quand les gens cliquez n'importe où dans le textDiv,
puis l'ensemble de la textDiv va disparaître..hmm.....pourquoi mon code ne fonctionne pas???

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);
}

OriginalL'auteur jojo | 2009-07-10

  1. 8

    Si je comprends ce que vous essayez de faire, je pense que vous pouvez accomplir avec ce:

    HTML

     <div id='parentNode'> 
    <div id='textDiv'> 
      <div id='iconDiv'>this is icon div</div> 
      <div id='messageDiv'>this is message div</div> 
    </div> 
 <div>

    JavaScript

    //do it when the DOM is loaded
dojo.addOnLoad( function() {
  //attach on click to id="textDiv"
  dojo.query('#textDiv').onclick( function(evt) { 
    //'this' is now the element clicked on (e.g. id="textDiv")
    var el = this; 
    //set opacity
    dojo.style(this, "opacity","1"); 
    //do fade out
    dojo.fadeOut({ 
      node: this, 
      duration: 2000, 
      //pass in an onEnd function ref that'll get run at end of animation
      onEnd: function() { 
        //get rid of it     
        dojo.query(el).orphan() 
      } 
    }).play() 
  });
});

    Le clic de la bulle en place de sorte qu'il sera pris par textDiv.

    Voici quelques liens utiles:

    Laissez-moi savoir si j'ai mal compris votre question et je vais mettre à jour ma réponse. Espérons que cette aide.

    OriginalL'auteur seth