Как использовать плагин Pines Notify jquery?

Question

Я хочу показать уведомление на своем сайте с помощью плагина Pines Notify jQuery но я не знаю, как его использовать. Может ли кто-нибудь предоставить пример кода?

Answer 1

Это единственная ссылка, которую я нашел для документации: http://sourceforge.net/apps/mediawiki/pines/index.php?title=Pines_Notify

Answer 2

Это довольно просто выяснить.

1. Перейти на сайт уведомлений о соснах: http://pines.sourceforge.net/pnotify/

2. Нажимайте на кнопки, пока не найдететип эффекта, который вы хотите сделать сами.

3. В Chrome или Firefox с Firebug, просто щелкните правой кнопкой мыши по кнопке для нужного эффекта.Вы увидите входной тег и вам нужен код внутри onclick = "":

<code>
onclick="$.pnotify({
    pnotify_title: 'Regular Notice',
    pnotify_text: 'Check me out! I\'m a notice.'
});"

Так что если вы хотите позвонитьэто в конце вашего html документа после того, как вы загрузили jquery, вы просто делаете что-то вроде этого:

// call your jquery and pines notify plugin scripts first

$.pnotify({
   pnotify_title: 'Whatever the Title Is',
   pnotify_text: 'This is the text of the notice!'
});

Очевидно, что есть больше вариантов, и вы можете найти их, проверив источник демонстрационной версии.страницы, или, посмотрев на плагин jquery для pines и выяснив, где они определяют параметры.

Answer 3

Похоже, что документации для Pines Notify довольно не хватает.Мой совет - просмотреть исходный HTML-код демонстрационного веб-сайта .Весь JavaScript находится на этой странице (с тоннами встроенных обработчиков событий, yuck ).

Answer 4

Не забудьте включить соответствующие файлы в ваш HTML. Далее приведен пример кода JavaScript.

function gaserror(){
var distance = Number(document.cars.distance.value);
switch( $('#listofcars :selected').text())
{
    case 'Volvo':
        if (distance>500)
            {
            $.pnotify({
                title: 'Error',
                text: 'You have run out of gas!',
                addclass: 'custom',
                type: 'error',
                opacity: 0.8,
                nonblock: true,
                nonblock_opacity: 0.2,
                sticker: false,
                stack: false,
                mouse_reset: false,
                history:false, //prevents the yellow error history tab from appearing after error triggered
                before_open: function(pnotify) {
                        pnotify.css({
                            "top": ($(window).height() / 2) - (pnotify.height() / 2),
                            "left": ($(window).width() / 2) - (pnotify.width() / 2)
                        });
                    }
                });
            }
        break;}}