Плагин для Jquery

233
02 октября 2017, 01:43

Помогите пожалуйста с плагином для Jquery. Задание следующее: Необходимо написать плагин для jQuery, который каждые 30 мс собирает данные о положении курсора мыши на странице и времени, а затем отправляет их на сервер. Данные должны представлять массив объектов с координатами точек и времени, которое курсор провел в них. Серверную часть реализовывать не надо. Плагин должен принимать следующие настройки: • checkInterval - период сбора данных (по умолчанию 30мс) • sendInterval – период отправки данных на сервер (по умолчанию 3с) • url – адрес, на который будут отправляться данные Плагин должен вызываться как метод некоторого jQuery-объекта, и координаты мыши должны рассчитываться относительно координат этого объекта. Пример вызова плагина: $(“div.container”).trackCoords({url: ‘/save.php’});

Написал код, но дальше никак не могу разобраться, не отслеживаются координаты мыши и не отправляются на сервер. Код:

    <script type="text/javascript">
        $(document).ready(function () {
            (function ($) {
                $.fn.trackCoords = function (options) {
                    var settings = $.extend({
                        sendInterval: 30,
                        checkInteval: 3000,
                        url: 'info.php'
                    }, options);

                    var cursorInfoArr = new Array();
                    if (!e)
                    {
                        var e = window.event;
                    }
                    function getCoords(e)
                    {
                        console.log(e.pageX);
                        cursorInfoArr['x'] = e.pageX;
                        cursorInfoArr['y'] = e.pageY;
                        cursorInfoArr['date'] = new Date();
                    }
                    function sendInfo()
                    {
                        $.ajax({
                            url: settings.url,
                            type: "POST",
                            dataType: "JSON",
                            data: {cursorInfoArr: cursorInfoArr},
                            success: function (data) {
                                console.log('success');
                            },
                            error: function (data) {
                                console.log('error');
                            }
                        });
                    }
                    return this.each(function (e) {
                        //getCoords();
                        $(this).mousemove(getCoords(e));
                        sendInfo();
                        setInterval(sendInfo, settings.sendInterval);
                        setInterval(getCoords, settings.checkInteval);
                    });
                }
            })(jQuery);
            $('#box').trackCoords();
        });
    </script>
READ ALSO
Border-radius в подвал блока

Border-radius в подвал блока

Каким образом можно подрезать подвал? border-bottom-left/right-radius не даёт никакого результатаНужно сделать примерно так, как на картинке:

207
Joomla создание блоков

Joomla создание блоков

Начал недавно учить Joomla! 3Я нашел много информации по поводу как создавать что-либо

440
Смещение блоков

Смещение блоков

Нужна помощь, проблема получается в чём, добавил болок с картинкой на страницу , а все товары слетели в право

235
Разрешения экранов при верстке

Разрешения экранов при верстке

Подскажите почему пишет айфон 5 разрешение 320? хотя у него 640 и в айфон 6+ 414 хотя больше чем в раза больше?

278