jQuery plugins - FloatingMessage
júl 03

FloatingMessage

Egyedi üzenetek

Verzió: 1.0.1
Kiadás dátuma: 2009/08/18
Fejlesztő: sideroad
Liszensz: MIT, GPL

Bevezető

A FloatingMessage plugin segítségével könnyedén intézhetünk látványos visszacsatolásokat a felhasználók felé, pl. egy űrlap elküldésének sikerességéről, vagy éppen sikertelenségéről. A plugin a jQuery UI-ra épül, így felhasználható effektekben és témákban nincs hiány.

Implementálás

CSS

            <link rel="stylesheet" type="text/css" href="css/ui-darkness/jquery-ui-1.7.2.custom.css" />
          

JavaScript

            <script type="text/javascript" src="js/jquery.js"></script>
            <script type="text/javascript" src="js/jquery-ui-1.8.10.custom.min.js"></script>
            <script type="text/javascript" src="js/jquery.floatingmessage.js"></script>
          

Deklaráció

            $(document).ready(function(){
              $("<div>példa üzenet</div>").floatingMessage();
            }); 
          

Teljes paraméterlista

  • padding: az üzenet dobozának padding értéke pixel-ben (alapértelmezett: 10)
  • margin: az üzenet dobozának margin értéke pixel-ben (alapértelmezett: 10)
  • width: az üzenet dobozának szélessége pixel-ben (alapértelmezett: 300)
  • height: az üzenet dobozának magassága pixel-ben (alapértelmezett: 50)
  • align: horizontális pozíció ('left' | 'right') (alapértelmezett: 'left')
  • verticalAlign: vertikális pozíció ('top' | 'bottom') (alapértelmezett: 'top')
  • time: az üzenet megjelenítésének időtartama milliszekundumban (false érték esetén az üzeneten való klikkeléssel lehet azt bezárni) (alapértelmezett: false)
  • show: az üzenet megjelenítéséhez használt effekt (alapértelmezett: 'drop')
  • hide: az üzenet bezárásához használt effekt (alapértelmezett: 'drop')
  • stuffEasing: (lásd: Tippek bekezdés) (alapértelmezett: 'easeOutBounce')
  • stuffEaseTime: (lásd: Tippek bekezdés) (alapértelmezett: 1000)
  • moveEasing: scroll-ozás esetén az üzenetek követő-mozgásához használt effekt
    (alapértelmezett: 'easeInOutCubic')
  • moveEaseTime: scroll-ozás esetén a használt effekt sebessége (alapértelmezett: 500)
  • element: az üzenet "becsomagolásához" használt konténer elem
    (alapértelmezett: $( "<div></div>" ))
  • onClose: esemény meghívása az üzenet bezárásakor (alapértelmezett: false)

Tippek

  • A stuffEasing és stuffEaseTime paraméterek használatánál semmilyen változást nem tapasztaltam (legalábbis a jQuery 1.6.1 mellett) és a plugin fejlesztője sem szolgáltat róluk semmiféle információt, így ezek csak megemlítés szintjén találhatók meg a paraméterek listájában.