Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Появление DOM, отловить 
:(
    Опции темы
Jin X
  Дата 26.1.2016, 13:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 157
Регистрация: 5.3.2004

Репутация: нет
Всего: 1



Можно ли сделать так, чтобы при появлении (т.е. загрузке браузером, не при создании скриптом) DOM с определённым классом или id выполнялась моя функция?
Мне нужно заменить всё содержимое (innerHTML) объектов с классом "abc" на определённые значения. Я могу написать window.onload, но тогда придётся ждать загрузки всей страницы. А можно ли сделать так, чтобы замена проводилась сразу после загрузки каждого DOM ?

Ну или на край, чтобы можно было написать код, который будет выполняться сразу при появлении DOM, что-то типа <span onload="MyFunc(this)"></span>
Чтобы не делать нагромождений типа <span id="MyDOM"></span><script>MyFunc(getElementById('MyDOM'));</script>

Это сообщение отредактировал(а) Jin X - 26.1.2016, 13:05
--------------------
Бойся своей мечты, ибо она осуществима!
PM MAIL   Вверх
sQu1rr
Дата 27.1.2016, 03:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 597
Регистрация: 11.11.2008
Где: london

Репутация: 1
Всего: 13



я понимаю пользователь не должен увидеть подмены? так вы поставить css display=none и заменяйте когда хотите. а потом покажите обратно

Это сообщение отредактировал(а) sQu1rr - 27.1.2016, 03:41
PM MAIL Skype GTalk   Вверх
Jin X
Дата 27.1.2016, 11:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 157
Регистрация: 5.3.2004

Репутация: нет
Всего: 1



Вариант, конечно, но хочется появления по мере загрузки, а не после загрузки всей страницы...
--------------------
Бойся своей мечты, ибо она осуществима!
PM MAIL   Вверх
ksnk
Дата 27.1.2016, 11:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386



Jin X, Что за задача решается? Какая степень контроля страницы? 
- твой скрипт со "стороннего сайта" вставлен в хидер страницы, нужно откорректировать что-то "в зависимости от броузера".
- ты контролируешь сервер, который генерирует страницу, и нужно откорректировать пользовательские шаблоны.
 
Во втором случае разумнее сервером и править контент.

В первом случае можно выставить обработчик и на onLoad и на короткий интервал, ДОМ создается перманентно, по мере получения файла из запрошенного url. Все "обработанные" контролы помечать, чтобы не обрабатывать их еще раз. В методе onload все интервалы закрываются, коррекция проводится окончательный раз. 


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Jin X
Дата 27.1.2016, 17:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 157
Регистрация: 5.3.2004

Репутация: нет
Всего: 1



Вот рабочий вариант:
Код
    <span class="cl" id="N1">One</span><br />
    <script type="text/javascript">

        // select the target node
        var target = document.body || document.getElementsByTagName('body')[0];
        
        // create an observer instance
        var observer = new MutationObserver(function(mutations) {
            mutations.forEach(function(mutation) {
                for (var i=0; i<mutation.addedNodes.length; i++) {
                    var target = mutation.addedNodes[i];
                    if (target.className == 'cl') target.innerHTML = target.id;
                }
            });    
        });

        // configuration of the observer:
        var config = { childList: true, subtree: true };

        // pass in the target node, as well as the observer options
        observer.observe(target, config);

        // later, you can stop observing
//        observer.disconnect();

    </script>
    <span class="cl" id="N2">Two</span><br />
    <div>Three <span class="cl" id="N3">and four</span></div>

--------------------
Бойся своей мечты, ибо она осуществима!
PM MAIL   Вверх
_zorn_
Дата 5.2.2016, 06:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1077
Регистрация: 21.8.2007

Репутация: 1
Всего: 12



PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0958 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.