Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 13.09.2017, 15:53   #1
Женя32
Форумчанин
 
Регистрация: 12.09.2008
Сообщений: 621
Счастье MutationObserver отследить появления элементов

Здравствуйте!
Подскажите пожалуйста, как отследить появления элемента на страницы?

Код:
	var observer = new MutationObserver(function (mutation) {
	  alert('Я здесь))');
   });
Женя32 вне форума Ответить с цитированием
Старый 13.09.2017, 16:20   #2
Alex11223
Старожил
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 19,500
По умолчанию

https://developer.mozilla.org/en-US/...#Example_usage
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом.
Alex11223 вне форума Ответить с цитированием
Старый 13.09.2017, 20:29   #3
Женя32
Форумчанин
 
Регистрация: 12.09.2008
Сообщений: 621
Счастье

Почему-то пишет: не удалось выполнить 'наблюдать':
script.js:538 Uncaught TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.
Код:
var target = document.getElementById('did');
var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
	alert('Вот и я');
  });    
});
// configuration of the observer:
var config = { attributes: true, childList: true, characterData: true };
observer.observe(target, config);
В консоле вот эта строка подчеркнута:
observer.observe(target, config);
Женя32 вне форума Ответить с цитированием
Старый 14.09.2017, 19:08   #4
Женя32
Форумчанин
 
Регистрация: 12.09.2008
Сообщений: 621
Счастье

Подскажите пожалуйста, как отследить появления на страницы нового элемента?

Я разные способы перепробовал, но ни один не сработал.

Код:
	var observer = new MutationObserver(function(mutations) {
            if(!document.getElementById("#reg_phone-error")){
    alert('Я здесь))');
    observer.disconnect();
  }
});
$('#la').on("DOMNodeInserted", function (event) { alert('Я здесь!'); });
$('#la').on('appendCompleted', function(){
    alert('Я здесь!');
});
$('#la').on('click', '.elem', function(){alert('Я здесь!')});
Женя32 вне форума Ответить с цитированием
Старый 14.09.2017, 19:16   #5
pompiduskus
юзер как все
Участник клуба
 
Аватар для pompiduskus
 
Регистрация: 10.01.2012
Сообщений: 1,586
По умолчанию

Ты не дождался загрузки DOM;

Код:
<!DOCTYPE html>
<html lang="en-US">
<head>

    <title>Page-Title</title>
    <meta charset="utf-8"/>

    <script type="text/javascript">
    window.addEventListener('load', function(){

        // select the target node
        var target = document.getElementById('some-id');
         
        // create an observer instance
        var observer = new MutationObserver(function(mutations) {
          mutations.forEach(function(mutation) {
            console.log(mutation.type);
          });    
        });
         
        // configuration of the observer:
        var config = { attributes: true, childList: true, characterData: true };
         
        // pass in the target node, as well as the observer options
        observer.observe(target, config);
         
        // later, you can stop observing
        observer.disconnect();    

    })
    </script>

</head>
<body>
<!-- ========================================================== -->
<div id="some-id"></div>

<!-- ========================================================== -->
</body>
</html>
<Дзен - Вся вселенная в тебе > | Резюме: https://ch3ll0v3k.github.io/CV/
pompiduskus вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Синхронизация появления элементов на форме (Dephi) Andrey_RTF Помощь студентам 5 29.05.2012 21:32
Причины появления ошибок mazzahaker Общие вопросы C/C++ 6 12.12.2011 11:28
Задержка появления строк darkahoy Общие вопросы .NET 6 12.11.2010 21:57
Рисунок. Метод появления. NSvirus Паскаль, Turbo Pascal, PascalABC.NET 1 23.06.2009 01:40
Найти (в процентах) частоту появления каждого из m наиболее часто встречающихся элементов sk1p Паскаль, Turbo Pascal, PascalABC.NET 2 26.09.2008 23:57