Аватар для DWand
13 / 13 / 5
Регистрация: 23.04.2011
Сообщений: 99

Перевод скрипта с Mootools на jQuery

18.03.2012, 02:50. Показов 1649. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте! Есть скрипт, написанный для использования с библиотекой Mootools. Нужно переписать его так, чтобы он работал с библиотекой jQuery или вообще без библиотек. Я попробовал сам сделать, но по скольку ни с первой, ни со второй библиотекой не дружу, то положительного результата не получилось. Ниже привожу оригинальный скрипт и то, что получилось у меня.

Оригинал:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
/**
 * Script part for EasyPoll Snippet.
 * Enables the Poll to be updated via AJAX
 * This was written to work with the mootools library that comes with MODx
 *
 * @author banal
 * @version 0.2 (2008-02-08)
 */
var EasyPollAjax = new Class({
    initialize: function(identifier, url){
        if(typeof identifier != 'string' || typeof url != 'string'){
            alert('EasyPoll Constructor: invalid arguments');
            return;
        };
 
        this.url = url;
        this.identifier = identifier;
        this.handlers = new Array();
 
        this.pollxhr = new XHR({
            method: 'post',
            onSuccess: this.callbackHandler.bind(this),
            onRequest: this.callbackHandler.bind(this),
            headers: {"Content-type": "application/x-www-form-urlencoded; charset=utf-8"}
        });
 
        if($(identifier)){
            $(identifier + 'ajx').value = '1';
        };
    },
 
    /** register a button to fire a ajax request */
    registerButton: function(button){
        if(button == 'submit' || button == 'result' || button == 'vote'){
            if(!$(this.identifier + button)){ return; };
 
            $(this.identifier + button).onclick = function(event){
                var event = new Event(event).stopPropagation();
                event.preventDefault();
                this.pollxhr.send(this.url, $(this.identifier +'form').toQueryString() + '&' + button + '=1');
                return false;
            }.bind(this);
        };
    },
 
    /** register a callback method that will be called upon request and upon success */
    registerCallback: function(callback){
        if(typeof callback == 'function')
            this.handlers.push(callback);
    },
 
    /** distributes response from XHR object to the registered callbacks */
    callbackHandler: function(response){
        if(response == undefined){
            this.handlers.each(function(func){
                func(false, this.identifier);
            }.bind(this));
        } else {
            this.handlers.each(function(func){
                func(response, this.identifier);
            }.bind(this));
        }
    }
});
 
var EasyPoll_DefaultCallback = function(response, id){
    if(response == false){
        $(id + "submit").disabled = true;
    } else {
        $(id).setHTML(response);
    }
}
То, что получилось у меня:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
function EasyPollAjax(identifier, url) {
    // initialize part
    if(typeof identifier != 'string' || typeof url != 'string'){
        alert('EasyPoll Constructor: invalid arguments.');
        return;
    };
    
    this.url = url;
    this.identifier = identifier;
    this.handlers = new Array();
    
    
    if($(identifier)){
        $(identifier + 'ajx').value = '1';
    };
    
    
    // methods part
    /** register a button to fire a ajax request */
    this.registerButton = function(button){
        if(button == 'submit' || button == 'result' || button == 'vote'){
            if(!$(this.identifier + button)) return;
 
            $(this.identifier + button).onclick = function(event){
                if (!event) var event = window.event;
                
                event.cancelBubble = true;
                if (event.stopPropagation) event.stopPropagation();
                
                if (event.preventDefault) event.preventDefault()
                else event.returnValue= false
 
                $.ajax({
                    url: this.url,
                    type: 'post',
                    data: $.param($(this.identifier +'form')) + '&' + button + '=1',
                    success: this.callbackHandler(data);
                    beforeSend: this.callbackHandler;
                    headers: {"Content-type": "application/x-www-form-urlencoded; charset=utf-8"}
                });
                
                return false;
            };
        }
    }
    
    
    /** register a callback method that will be called upon request and upon success */
    this.registerCallback = function(callback){
        if(typeof callback == 'function')
            this.handlers.push(callback);
    }
    
    
    /** distributes response from XHR object to the registered callbacks */
    this.callbackHandler = function(response){
        if(response == undefined){
            for (i = 0; i < this.handlers.length; i++) {
                this.handlers[i](false, this.identifier);
            }
        } else {
            for (i = 0; i < this.handlers.length; i++) {
                this.handlers[i](response, this.identifier);
            }
        }
    }
}
 
var EasyPoll_DefaultCallback = function(response, id){
    if(response == false){
        $(id + "submit").disabled = true;
    } else {
        $(id).html(response);
    }
}
Заранее спасибо, если кто-то поможет )
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
18.03.2012, 02:50
Ответы с готовыми решениями:

MooTools и jQuery
Доброго времени суток форумчане :) Возникла такая проблема. На сейте используется меню на MooTools, а галерея на jQuery. Из-за галереи...

Конфликт jQuery & Mootools
Всем привет. http://www.moretechtips.net/2009/10/twitter-friends-followers-widget-jquery.html Есть такой скрипт, устанавливаю его на...

Работа JQuery с Mootools
Уже незнаю сколькими способами я пытался заставить работать JQuery с Mootools. Делаю вроде все как нужно, но почему-то не получается. Может...

1
0 / 0 / 0
Регистрация: 19.01.2008
Сообщений: 8
21.09.2012, 10:29
у меня анологичная проблема тож вот парюсь... ктоб переписал
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
21.09.2012, 10:29
Помогаю со студенческими работами здесь

Выполнение скрипта PHP с Jquery
Доброго времени суток. Подскажите. Есть скрипт регистрации, можно сделать так что то вроде onclick выполнялся скрипт PHP? И выполнялся...

Есть ли разница в размещении jquery скрипта
Когда ставил select http://jsfiddle.net/tovic/ZTHkQ/ вот этот не мог понять почему он не работает, варианты были разные, но все тщетно,...

Зачем подключаются 2 скрипта библиотеки jquery
Решил вплотную познакомиться с jquery без шаблонов и столкнулся с таким вопросом: При скачивании библиотеки с оф.сайта jquery они...

Оптимизация и ускорение работы скрипта jquery
Приветствую! Нужна помощь знающих: 1. на сайте есть ротатор(карусель) 2. так же есть возможность свернуть и развернуть ротатор ...

перевод на jquery
Есть код на js, нужно преобразовать его в jquery html код слайдера: &lt;div class=&quot;w3-content w3-display-container&quot;&gt; &lt;img...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

Новые блоги и статьи
Отчёт о затраченных материалах за определенный период с макетом печатной формы
Maks 21.04.2026
Отчёт из решения ниже размещён в конфигурации КА2. Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В. . .
Отчёт о спецтехнике находящейся в ремонте
Maks 20.04.2026
Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .
Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)"
Hrethgir 19.04.2026
Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .
Запрет удаления строк ТЧ документа при определённом условии
Maks 19.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .
Модель заражения группы наркоманов
alhaos 17.04.2026
Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .
Мысли в слух. Про "навсегда".
kumehtar 16.04.2026
Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .
My Business CRM
MaGz GoLd 16.04.2026
Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .
Знаешь почему 90% людей редко бывают счастливыми?
kumehtar 14.04.2026
Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru