Ajaxレスポンスを使用してmootoolのツールチップを作成する方法

Question

Ajaxレスポンスを使用してmootoolのツールチップを作成する方法誰にでも私に同じことのためのチュートリアルを提案することができます。

Answer 1

あなたはこれまでに何を試しましたか？

あなたはところで、このように行うことができます。URL（AJAXでツールチップを取得するために必要な）つまり、保存するためにあなたのparent tippable要素data-attributeの内側に設定し

：JSで、その後

<div class="tippable" data-tipurl="/some/url/"> 
    when I mouseover here, a tip appears 
</div> 

を、ヒントを作成してキャッシュする：

$$('div.tippable').each(function(tippable){ 

    tippable.addEvents({ 

     'mouseenter' : function(){ 

      if(!this.retrieve('tip')){ //first time, build tip! 

       var tip = new Element('div.tip'); 

       tip.set('load',{/* options */}); 

       tip.load(this.get('data-tipurl')); //get through ajax 

       tip.inject(this, 'top').setStyles({ //set tip style 
        position : 'absolute' 
        /* etc... */ 
       }); 

       this.store('tip', tip); //store it inside the parent 

      }else{ // already built, just show it 

       this.retrieve('tip').setStyle('display', 'block'); 
      } 
     }, 

     'mouseleave' : function(){ 
      var tip = this.retrieve('tip'); //retrieve the tip 

      if(tip){ //if it's already built, hide it 
       tip.setStyle('display','none'); 
      } 

      //otherwise, do nothing 
     } 

    }); 
});