@arturka_v_10

Как узнать класс из блока ответа для sweetAlert?

в футере выгружается ответ на обработку от форм:

<div id="result" style="display: none;z-index:-1;">
<?php if ($this->error) echo $this->error; ?>
</div>


Отдает он ответы:
<div id="result" style="display: none;z-index:-1;">
<div class="error">Текст с ошибкой</div>
</div>

или
<div id="result" style="display: none;z-index:-1;">
<div class="success">Текст с успешной обработкой</div>
</div>


модалка с ответом выдается следующим образом:

<script>
    var error = document.querySelector('#result');
    if (error.querySelector('.success, .error') != null) {
		
		var type = error.querySelector('.success, .error');
		
		console.log(type);
		
		//$('#error').css("opacity","1").css("z-index","100000");
		
 swal({
 position: 'center',
 type: 'success',
 title: '<?php if ($this->error) echo $this->error; ?>',
 showConfirmButton: false,
 timer: 2500
})
</script>


Вопрос в следующем - как определить блок с каким классом вложился в результет обработки в блок id="result". success или error?

А затем подставить это в type: 'success',
  • Вопрос задан
  • 31 просмотр
Решения вопроса 1
HalfBloodPrince
@HalfBloodPrince
Front-End Developer
Эм, если я правильно понял вопрос:

<script>
    var error = document.querySelector('#result');
    if (error.querySelector('.success, .error') != null) {
    
    var type = error.querySelector('.success, .error').className;
    
    console.log(type);
    
    //$('#error').css("opacity","1").css("z-index","100000");
    
 swal({
 position: 'center',
 type: type, 
 title: '<?php if ($this->error) echo $this->error; ?>',
 showConfirmButton: false,
 timer: 2500
})
</script>
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы