Wykryto działanie AdBlocka!

Prawdopodobnie masz właczonego Adblocka. Korzystanie z bloga jest całkowicie darmowe. Jeśli jednak chcesz docenić prace autora, wyłacz blokowanie reklam dla tej witryny, aby jeszcze bardziej zmotywowac autora do dalszej pracy oraz częstszej publikacji artykułów.

Dziękuje :)

Treść główna bloga

Artykuły

Plugin Noty – przejrzysty sposób na przekazanie informacji


Logo pluginu notyW tym wpisie przedstawię jak prosto i przejrzyście powiadomić użytkownika o jakimś wydarzeniu/informacji.Dzięki Noty, czyli pluginowi opartemu na jQuery z łatwością możemy wysłać odpowiedni komunikat lub zapytać o potwierdzenie.Ponad to plugin ten umożliwia wstawienie komunikatu w wybrane miejsce.Poza tym ma jeszcze inne opcjonalne opcje, które przedstawię potem.

Jak zainstalować plugin?

  • 1. Odwiedź stronę z plugiem Klik, a następnie pobierz paczkę.
  • 2. Rozpakuj archiwum.
  • 3. Wejdź do katalogu /demo/
  • 4. Otwórz plik index.html lub plik pokazowy noty.html
  • 5. Wejść na dowolną podstronę.
  • 6. Dostosujesz noty do swoich potrzeb 🙂

Przykładowe wywołanie pluginu:

Oto możliwe opcje dla:
a) type:
– alert
– success
– error
– warning
– information
– confirmation
b) layout: ( każdemu ustawieniu odpowiada jeden plik )
– top
– topLeft
– topCenter
– topRight
– center
– centerLeft
– centerRight
– bottom
– bottomLeft
– bottomCenter
– bottomRight
c) closeWith:
– button ( Znika po kliknięciu w krzyżyk )
– hover ( Znika po najechaniu na informacje )
– click ( Znika po kliknięciu w informacje )
d) timeout – czas po jakim informacja sama zniknie ( w milisekundach )

Jak powinien wyglądać plik zawierający wszystkie potrzebne pliki JavaScript?

Ścieżki do plików są podane względem kodu, który znajduje się w paczce do pobrania. Na własne potrzebny można zmienić ścieżki.

Plik buttons.css zawiera reguły określające wygląd buttonów, używanych w noty.
Pliki w folderze /layouts/ odpowiadają za umiejscowienie noty. Ja zalecam, aby wpakować używane pozycje do jednego pliku z rozszerzeniem *.js.

Ale jak wygodnie tego używać? Można na przykład stworzyć funkcję, która będzie wywoływana wtedy kiedy chcemy użytkownikowi zakomunikować.
Np.

Aby informacja się pokazała w pliku wywołującym muszą być dołączone wszystkie pliki *.js

  • Wygląda dobrze, choć w demo mogłeś dać parę przykładów.

    • Proszę bardzo 🙂 W Demie jest link do innych sposobów wykorzystania noty.

  • Wartałoby dodać o natywnym obiekcie Notification, obecnym na razie co prawda tylko w webkicie, ale właśnie służącym do wyświetlania powiadomień. I to nie tylko na stronie a na pulpicie

  • Wartałoby dodać info o tym kto jest autorem 😀 bo pozostawiasz domysł, że Ty, a z tego co widzę, to nie. Nie zmienia to faktu, że sam skrypt ciekawy, dobrze znać.

    • Autorem skryptu nie jestem. Pod koniec artykułu wstawiłem link do strony, na której plugin został zaprezentowany.

  • Przyda sie, czegoś takiego właśnie szukałem, proste i działa