Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.04.2018, 22:44
Аспирант
Отправить личное сообщение для Kaha Посмотреть профиль Найти все сообщения от Kaha
 
Регистрация: 10.11.2015
Сообщений: 31

Удалить динамически-созданного потомка
Доброго времени суток! Подскажите, пожалуйста, новичку, куда копать.
Проблема: делаю вывод сообщения об успешном/не успешном добавлении данных на сайт: Динамически в div подгружаю класс с сообщением, через несколько секунд хочу удалить выведенное сообщение.

создал специальный div в который будет подгружаться класс с сообщением:
<div id = "result_send_login"></div>

функция с подгружаемым классом имеет такой вид:
function set_div(div_name, msg){
	
	var div = document.createElement('div');
	div.className = "alert alert-"+div_name;
	div.innerHTML = "<strong>"+msg;
	return div;
}


после получения фидбэка отправки формы через функцию
setTimeout(
    	function(div){
   			$("#result_send_login").removeChild(div);
		}, 
	1000);


хочу удалить выведенное таким образом
this_div = set_div('danger', 'Пароли не совпадают!');
$("#result_send_login").appendChild(this_div);

сообщение.
Сообщение выводится, но удалить его не получается(( Уже какой день бьюсь. Чувствую, что нужно копать в сторону
$(document).on( eventName, selector, function(){} );

Но опыта и знаний пока не хватает. Опытные дядьки, помогите, пожалуйста!))

Последний раз редактировалось Kaha, 21.04.2018 в 22:46.
Ответить с цитированием
  #2 (permalink)  
Старый 21.04.2018, 23:04
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Сообщение от Kaha
Сообщение выводится

тогда вопрос что такое $ ?
Ответить с цитированием
  #3 (permalink)  
Старый 21.04.2018, 23:08
Аспирант
Отправить личное сообщение для Kaha Посмотреть профиль Найти все сообщения от Kaha
 
Регистрация: 10.11.2015
Сообщений: 31

эмм... как что...?) элемент jquery
Ответить с цитированием
  #4 (permalink)  
Старый 21.04.2018, 23:11
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Kaha,
в jquery нет методов appendChild и removeChild
Ответить с цитированием
  #5 (permalink)  
Старый 21.04.2018, 23:14
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Kaha,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
  function set_div(div_name, msg) {
    var div = document.createElement("div");
    div.className = "alert alert-" + div_name;
    div.innerHTML = "<strong>" + msg;
    return div;
  }
  var this_div = set_div("danger", "Пароли не совпадают!");
  $("#result_send_login").append(this_div);
  setTimeout(function() {
    $(this_div).remove();
    // $("#result_send_login").empty()
  }, 1000);
});
  </script>
</head>

<body>
<div id = "result_send_login"></div>

</body>
</html>
Ответить с цитированием
  #6 (permalink)  
Старый 21.04.2018, 23:15
Аспирант
Отправить личное сообщение для Kaha Посмотреть профиль Найти все сообщения от Kaha
 
Регистрация: 10.11.2015
Сообщений: 31

ой, прошу прощения! Косяк в коде поправил, но как делу дальше быть?)
Ответить с цитированием
  #7 (permalink)  
Старый 21.04.2018, 23:20
Аспирант
Отправить личное сообщение для Kaha Посмотреть профиль Найти все сообщения от Kaha
 
Регистрация: 10.11.2015
Сообщений: 31

Так пробовал, но не работает((
$("#login_form").submit(function(event){
    event.preventDefault();
    var valueX = $("#field-password").val();
    var valueY = $("#field-password-repeat").val();
    if (valueX != valueY) {
    	this_div = set_div('danger', 'Пароли не совпадают!');
	$("#result_send_login").append(this_div);
	SetTimeout(function() {
		    $(this_div).remove();
	}, 1000);
       ......
Ответить с цитированием
  #8 (permalink)  
Старый 21.04.2018, 23:24
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Сообщение от Kaha
SetTimeout
Ответить с цитированием
  #9 (permalink)  
Старый 21.04.2018, 23:24
Аспирант
Отправить личное сообщение для Kaha Посмотреть профиль Найти все сообщения от Kaha
 
Регистрация: 10.11.2015
Сообщений: 31

Бллллииииннн..... жесть.... спать спать спать....
У меня выводилось условие когда пароли СОВПАДАЮТ, а там ничего нет... Вот оно и не работает! Капец... Еще раз прошу прощения и Большое спасибо за помощь!
По условию, когда пароли НЕ СОВПАДАЕТ - все работает.... оно и раньше работало, эхх.. вот невнимательность к чему приводит))
Ответить с цитированием
  #10 (permalink)  
Старый 21.04.2018, 23:26
Аспирант
Отправить личное сообщение для Kaha Посмотреть профиль Найти все сообщения от Kaha
 
Регистрация: 10.11.2015
Сообщений: 31

Сообщение от рони Посмотреть сообщение
поправил, спасибо!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Почему не работает атрибут download у динамически созданного <a>? iNfantry Элементы интерфейса 15 18.10.2016 21:13
Обработка onclick динамически созданного объекта skulema Events/DOM/Window 2 12.08.2012 14:57
Заполнить список значениями из динамически созданного выпадающего списка zhuzha Элементы интерфейса 0 17.08.2010 14:40
Как можно удалить динамически созданный элемент Арсений Элементы интерфейса 18 08.07.2010 12:56
Динамическое создание елемента из динамически созданного элемента. Anguis Элементы интерфейса 10 16.12.2009 17:26