Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.83/6: Рейтинг темы: голосов - 6, средняя оценка - 4.83
 Аватар для ValorousWarrior
0 / 0 / 0
Регистрация: 15.06.2011
Сообщений: 32

Как словить событие load отдельного элемента на странице?

18.04.2014, 16:25. Показов 1297. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Есть страничка, часть которой формируется на php. Слева дерево навигации, а справа табличка с соответствующими данными, на подобии win explorer. Для более быстрой навигации, по этому дереву используеться javascript (mootools).
В каждой строке таблицы есть ячейка с элементом, при нажатии на который, php перегружает только эту таблицу, но не всю страницу в целом.
Так вот, как мне словить событие обновление этой таблицы?
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
18.04.2014, 16:25
Ответы с готовыми решениями:

Печать отдельного элемента на странице
Всем Добрый День! Возникла проблема как сделать распечатку отдельного элемента на странице? Т.е. мне нужно, чтобы печаталось только...

Перезагрузка отдельного элемента на странице
Доброго времени суток. Вопрос такого плана. Есть допустим содержимое помещенное в <div id="content"> Содержимое...

Событие по докрутке до элемента на странице
Как задать событие, если пользователь докрутит страничку до конкретного элемента?

6
69 / 69 / 50
Регистрация: 25.03.2012
Сообщений: 241
18.04.2014, 18:15
Цитата Сообщение от ValorousWarrior Посмотреть сообщение
php перегружает только эту таблицу
Это делает ajax.
Цитата Сообщение от ValorousWarrior Посмотреть сообщение
Так вот, как мне словить событие обновление этой таблицы?
Дело гиблое особенно в какой нибудь CMS, вам надо искать ajax запрос где происходит. Скажу вам по моей практике проще отловить изменение в узле DOM то есть когда обновленная таблица уже загрузилась.
0
 Аватар для ValorousWarrior
0 / 0 / 0
Регистрация: 15.06.2011
Сообщений: 32
18.04.2014, 18:21  [ТС]
А как это сделать? Если учесть, что изменений в html-структуре практически не происходит, только классы и стили некоторых элементов могут меняться.
0
69 / 69 / 50
Регистрация: 25.03.2012
Сообщений: 241
18.04.2014, 18:39
Оно скорее всего происходит обычно перезагружается весь элемент
проверьте сообщение должно выскочить несколько раз
JavaScript
1
2
3
$('div в котором лежит таблица').on('DOMSubtreeModified', function(){
alert("DOM изменился");
});
0
 Аватар для ValorousWarrior
0 / 0 / 0
Регистрация: 15.06.2011
Сообщений: 32
18.04.2014, 19:13  [ТС]
Если вместо "on" ставлю addEvent, то сообщение ни разу не выскакивает. А если addEventListener, то выскакивает каждый раз как формируеться каждая строка таблицы...
0
69 / 69 / 50
Регистрация: 25.03.2012
Сообщений: 241
18.04.2014, 19:31
Значит все таки идет изменение структуры внутри элемента есть у меня 1 интересный плагин.
Вставите выше вашего кода
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
;(function (factory) {
    if (typeof exports == 'object') {
        factory(require('jquery'));
    } else if (typeof define == 'function' && define.amd) {
        define(['jquery'], factory);
    } else {
        factory(jQuery);
    }
}(function ($) {
    'use strict';
    /**
     * Triggers the DOM changed event on the given element
     *
     * @private
     * @param   {Object}    element     the jQuery element that has been modified
     * @param   {String}    type        jQuery method used to trigger manipulation
     */
    function jQueryDOMChanged (element, type) {
        return $(element).trigger('DOMChanged', type);
    }
    /**
     * Wraps a given jQuery method and injects another function to be called
     *
     * @private
     * @param   {String}    method
     * @param   {Function}  caller
     */
    function jQueryHook (method, caller) {
        var definition = $.fn[method];
        if (definition) {
            $.fn[method] = function () {
                var args   = Array.prototype.slice.apply(arguments);
                var result = definition.apply(this, args);
                caller.apply(this, args);
                return result;
            };
        }
    }
    jQueryHook('prepend', function () {
        return jQueryDOMChanged(this, 'prepend');
    });
    jQueryHook('append', function () {
        return jQueryDOMChanged(this, 'append');
    });
    jQueryHook('before', function () {
        return jQueryDOMChanged($(this).parent(), 'before');
    });
    jQueryHook('after', function () {
        return jQueryDOMChanged($(this).parent(), 'after');
    });
    jQueryHook('html', function (value) {
        // Internally jQuery will set strings using innerHTML
        // otherwise will use append to insert new elements
        // Only trigger on string types to avoid doubled events
        if (typeof value === 'string') {
            return jQueryDOMChanged(this, 'html');
        }
    });
}));
JavaScript
1
2
3
$('div соответственно где изменяется').on('DOMChanged', function (event) {
    
    });
Добавлено через 11 минут
$(event.target) обращение к объекту который вызвал событие
1
 Аватар для ValorousWarrior
0 / 0 / 0
Регистрация: 15.06.2011
Сообщений: 32
23.04.2014, 12:29  [ТС]
Спасибо за помощь. Но нашел более простой способ решить эту задачу. Просто ставлю класс последней нажатой ссылке в дереве, и после обновления таблицы, автоматически кликаю по этой ссылке javascriptom
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
23.04.2014, 12:29
Помогаю со студенческими работами здесь

Как правильно словить исключение не найденного элемента
Доброго вечера! Не могу вьехать, как правильно словить исключение не найденного элемента: string ToDelete = View.DeleteProduct();...

Можно ли как-то словить номер элемента используя указатель, а не переменную
void Print(int *arr, const int *size) { for (int *p = arr, n=0; p < arr + *size; p++) cout << " - " << *p << endl; cout <<...

Как сделать автоматическое обновление отдельного блока на странице?
Всем привет! Ребята, возник интересный вопрос: как сделать автоматическое обновление отдельного блока на странице? Я знаю, что можно...

JavaScript/JQuery!? Как повесить фунцию на событие load?
Мне нужно четко дождатся того момента, когда элемент будет полностью выведен на страницу, и только потом присвоить значение переменной,...

Какое событие нужно объявить чтобы словить свайп: вправо, влево, вверх, вниз?
какое событие нужно объявить чтобы словить свайп: вправо, влево, вверх, вниз? Помогите пожалуйста, или хотя бы направьте в каком...


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

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru