Как создать всплывающую подсказку mootool с ответом Ajax - PullRequest
Новая
       26

Как создать всплывающую подсказку mootool с ответом Ajax

0 голосов
/ 21 июля 2011

Как создать всплывающую подсказку mootool с ответом Ajax. Кто-нибудь может предложить мне учебник для того же.

1 Ответ

1 голос
/ 21 июля 2011

Что вы пробовали до сих пор?

Вы могли бы сделать это, кстати:

Установите внутри своих parent всплывающих элементов атрибут данных для хранения URL (необходим для получения всплывающей подсказки с помощью ajax), т. Е .:

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

Затем, с помощью js, создайте и кэшируйте подсказки, т. Е .:

$$('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
        }

    });
});
...