Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/8: Рейтинг темы: голосов - 8, средняя оценка - 5.00
 Аватар для DWand
13 / 13 / 5
Регистрация: 23.04.2011
Сообщений: 99

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

18.03.2012, 02:50. Показов 1640. Ответов 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 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита табличной части. . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
Программная установка даты и запрет ее изменения
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .
Вывод данных в справочнике через динамический список
Maks 01.04.2026
Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Функция заполнения текстового поля в реквизите формы документа
Maks 01.04.2026
Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .
К слову об оптимизации
kumehtar 01.04.2026
Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .
Идея фильтра интернета (сервер = слой+фильтр).
Hrethgir 31.03.2026
Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда
anaschu 31.03.2026
В прикрепленном документе раздумья о том, как можно поменять модель в будущем
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru