Hover message

Példák

Egyszerű üzenet - bezárás az üzenetra kattintva
Egyszerű üzenet - bezárás gombbal
Egyszerű üzenet - 3mp után automatikus bezárással

Pozíció: bal alsó sarok
Pozíció: jobb felső sarok

Típus: hibaüzenet
Típus: figyelmeztetés
Típus: értesítés
Típus: megerősítés

Vezérlés: üzenet megjelenítése
Vezérlés: üzenet elrejtése
Vezérlés: üzenet felülírása

Deklaráció

        $(document).ready(function(){
          $('#pelda-1').click(function(){
            $('Egyszerű üzenet').hovermessage({ height: 20 });
          })

          $('#pelda-2').click(function(){
            $('Egyszerű üzenet \'bezárás\' gombbal').hovermessage({ height: 20, close: 'x-button' });
          })

          $('#pelda-3').click(function(){
            $('3mp után automatikusan bezárul...').hovermessage({ height: 20, autoclose: 3000 });
          })

          $('#pelda-4').click(function(){
            $('Üzenet a bal alsó sarokban').hovermessage({ height: 20, position: 'bottom-left' });
          })

          $('#pelda-5').click(function(){
            $('Üzenet a jobb felső sarokban').hovermessage({ height: 20, position: 'top-right' });
          })

          $('#pelda-6').click(function(){
            $('Hibaüzenet').hovermessage({ height: 20, type: 'error' });
          })

          $('#pelda-7').click(function(){
            $('Figyelmeztetés').hovermessage({ height: 20, type: 'warning' });
          })

          $('#pelda-8').click(function(){
            $('Értesítés').hovermessage({ height: 20, type: 'notice' });
          })

          $('#pelda-9').click(function(){
            $('Megerősítés').hovermessage({ height: 20, type: 'confirm' });
          })

          var uzenet;
          $('#pelda-10').click(function(){
            if(uzenet == undefined){
              uzenet = $('Üzenet megjelentítése').hovermessage({
                height: 20,
                onClose : function() { uzenet = undefined }
              });
            }
            else { uzenet.hovermessage('show') }
          })

          $('#pelda-11').click(function(){
            if(uzenet != undefined) { uzenet.hovermessage('hide') }
          })

          $('#pelda-12').click(function(){
            if(uzenet != undefined) {
            uzenet.hovermessage('update','Felülírt üzenet');
            }
          })
        });
      

HTML kód

        <span id="pelda-1">Egyszerű üzenet - bezárás az üzenetra kattintva</span><br/>
        <span id="pelda-2">Egyszerű üzenet - bezárás gombbal</span><br/>
        <span id="pelda-3">Egyszerű üzenet - 3mp után automatikus bezárással</span><br/><br/>
        <span id="pelda-4">Pozíció: bal alsó sarok</span><br/>
        <span id="pelda-5">Pozíció: jobb felső sarok</span><br/><br/>
        <span id="pelda-6">Típus: hibaüzenet</span><br/>
        <span id="pelda-7">Típus: figyelmeztetés</span><br/>
        <span id="pelda-8">Típus: értesítés</span><br/>
        <span id="pelda-9">Típus: megerősítés</span><br/><br/>
        <span id="pelda-10">Vezérlés: üzenet megjelenítése</span><br/>
        <span id="pelda-11">Vezérlés: üzenet elrejtése</span><br/>
        <span id="pelda-12">Vezérlés: üzenet felülírása</span><br/>
      

« bezár