Форум

Вадим Вадимыч · #1 (**permalink**) 21.04.2019, 19:52

Доброго времени суток, пожалуйста помогите, без вас я не справлюсь! Предупреждаю сразу в скриптах я полный ноль, если кто знает как это реализовать, дайте полный ответ. Заранее всем спасибо!

Есть страница сайта https://avtopodborprofi.ru/, на ней есть раздел под названием "Один из трех основных тарифов - обязательно вам подойдет" там три блока с карточками предлагаемых услуг, на Owl Carousel а над каруселью есть блок который должен информировать клиента о том что можно полистать.

Вопрос: как сделать так чтобы информирующий блок, появлялся только тогда, когда есть что листать? То есть в данном примере на разрешение от 992px когда все блоки и так видны, к классу .scroll-icon-wrapper подставить дополнительный класс с display: none;, а если разрешение экрана небольшое и в него все три блока не влезают то убрать дополнительный класс. Таких каруселей на странице будет не одна.

Большое вам спасибо за потраченное на меня время!

Вадим Вадимыч · #2 (**permalink**) 21.04.2019, 21:02

Плиз помогите, как сделать на скрипте следующие:

Ищем на странице в родителе <div class="10"> вложенный див <div class="11">, если есть див с классом 11 тогда вложенному диву <div class="12"> подставляем класс с номером 13 ???

Пожалуйста подскажите как это реализовать?

Maklay · #3 (**permalink**) 21.04.2019, 22:26

let divs = document.querySelectorAll('.10');
        for (i = 0; i < divs.leght; i++) {
            let chDiv = divs[i].queryselector('.11')
            if (chDiv) {
                let editDiv = divs[i].queryselector('.12')
                editDiv.classList.add('13');
                edirDiv.classList.remove('12')
            }

По моему так

Malleys · #4 (**permalink**) 21.04.2019, 22:27

Сообщение от Вадим Вадимыч

Ищем на странице в родителе <div class="10"> вложенный див <div class="11">, если есть див с классом 11 тогда вложенному диву <div class="12"> подставляем класс с номером 13 ???

$(".10:has(.11) .12").toggleClass("12 13");

Сообщение от Maklay

По моему так

for(const e of document.querySelectorAll('[class="10"]')) {
	if(e.querySelector('[class="11"]')) {
		e.querySelector('[class="12"]').className = "13";
	}
}

ksa · #5 (**permalink**) 22.04.2019, 08:19

Сообщение от Вадим Вадимыч

Ищем на странице в родителе <div class="10"> вложенный див <div class="11">, если есть див с классом 11 тогда вложенному диву <div class="12"> подставляем класс с номером 13 ???

Пожалуйста подскажите как это реализовать?

Как вариант...

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$('.10 .11 .12').each(function(){
		$(this).removeClass('12').addClass('13');
	});
});
</script>
</head>
<body>
<div class='10'>
	<div class='11'>
		<div class='12'>
			Ok
		</div>
	</div>
</div>
<div class='10'>
	<div class='12'>
		No
	</div>
</div>
</body>
</html>

ksa · #6 (**permalink**) 22.04.2019, 08:23

Для другой структуры ДИВов...

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$('.10 .11').each(function(){
		$(this).parent().find('.12').removeClass('12').addClass('13');
	});
});
</script>
</head>
<body>
<div class='10'>
	<div class='11'>
	</div>
	<div class='12'>
		Ok
	</div>
</div>
<div class='10'>
	<div class='12'>
		No
	</div>
</div>
</body>
</html>

ksa · #7 (**permalink**) 22.04.2019, 08:23

Сообщение от Вадим Вадимыч

помогите, как сделать на скрипте следующие

Ты бы научился уже тестовые примеры делать...

Тогда советы были бы точнее.

Форум

Справочник

Discord чат

Курсы javascript