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/>