Задать вопрос
erge

Сергей c0re

Примус починяю
Ответы пользователя по тегу JavaScript

  • Возможно ли изменить стили для другого элемента при условии?

    erge
    @erge
    Примус починяю
    меняются не стили в классе, а классы у элемента и/или непосредственно стили самого элемента.
    классы у элемента можно менять например так:
    document.getElementsByClassName("my-class1")[0].className="my-class2"


    стили так:
    document.getElementsByClassName("my-class1")[0].style="font-family: 'PT Sans';font-style: normal;"


    и т.п.

    PS: метод document.getElementsByClassName() возвращает коллекцию, а не один элемент!

    Upd:

    ок, перечитал еще несколько раз, вроде понял что хотите ))
    на JS возможно если у вас есть ссылка на объект с классом "my-class1"
    например так

    function checkMyFirstBlock(el){
	if(el.className.indexOf("my-class1-2") == -1) {
		// не найдено "my-class1-2"
		document.getElementsByClassName("my-class2")[0].style = "background-color:red";
	} else {
		// найдено
		document.getElementsByClassName("my-class2")[0].style = "background-color:white";
	}
}


    в функцию checkMyFirstBlock передаете ссылку на первый блок
    если у него в className нет класса my-class1-2, то выполняется условие и можно как угодно менять стили у my-class2

    Upd2:
    Но, проще наверно хранить "флаг" в глобальной переменной
    если в каком-то месте меняем классы первого элемента, то выставляем в переменной "флаг" (пусть 1)
    если сбрасываем, то в переменную = 0

    далее проверяем флаг, соответственно выставляем стили у второго элемента.

    как-то так.
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать, чтобы при нажатии на блок выполнялась функция, где из этого блока берётся фон и передаётся в другой блок на JS?

    erge
    @erge
    Примус починяю
    1) Поиск в яндекс: галерея слайдер на javascript - множество готовых решений.

    2) в функцию по onclick нужно передать ссылку на сам объект - this
    div onclick='img(this)'


    <html>
<script>
function img(el) {
	el.style.backgroundImage = "url(https://img3.goodfon.ru/original/1920x1080/6/a4/krasivaya-devushka-amber-heard.jpg)"
}
</script>
	<body>
		<div onclick='img(this)' style='width:100%;height:100%;margin-bottom: 20px; background-image: url(https://vdudvdud.ru/wa-data/public/shop/products/30/00/30/images/296/296.970.jpg);'></div>
	</body>
</html>


    3) вот пример галереи БЕЗ обращения по ID и ClassName, но нужно четко представлять себе структуру документа, поэтому с Id и ClassName все же удобнее, по крайней мере находить блок где надо менять фон, потому что такая конструкция
    document.body.children[0].children[0].style.backgroundImage = document.body.children[0].children[1].children[0].style.backgroundImage;

    это , ну ппц....

    вот галлерея:
    <html>
<style>
.bigimage {
	width:100%;
	height:75%;
	margin-bottom: 20px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.thumbnail {
	float:left;
	width:19%;
	height:20%;
	border-style: solid;
	border-width: 1px;
	border-color: #333390;
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
</style>
<script>
window.onload = function () {
	document.body.children[0].children[0].style.backgroundImage = document.body.children[0].children[1].children[0].style.backgroundImage;
}

function img(el) {
	el.parentElement.parentElement.children[0].style.backgroundImage = el.style.backgroundImage;
}
</script>
	<body>
	<div>
		<div class="bigimage"></div>
		<div>
			<div onclick="img(this)" class="thumbnail" style="background-image:url(https://hdqwalls.com/download/willa-holland-5k-2018-tc-1920x1080.jpg)"></div>
			<div onclick="img(this)" class="thumbnail" style="background-image:url(https://img3.goodfon.ru/original/1920x1080/6/a4/krasivaya-devushka-amber-heard.jpg)"></div>
			<div onclick="img(this)" class="thumbnail" style="background-image:url(https://img1.goodfon.com/original/1920x1080/3/9f/anastasiya-scheglova-devushka-4354.jpg)"></div>
			<div onclick="img(this)" class="thumbnail" style="background-image:url(https://img3.goodfon.ru/wallpaper/original/a/86/kira-kristina-naytli-keira.jpg)"></div>
			<div onclick="img(this)" class="thumbnail" style="background-image:url(https://wallbox.ru/wallpapers/main2/201731/1501485774597edace3af7c6.85452886.jpg)"></div>
		</div>
	</div>
	</body>
</html>


    PS: смотрите (изучайте) свойства и методы DOM и пр. пр.
    Ответ написан
    4 комментария
    4 комментария

  • Как сделать чтобы бот отвечал только на определенного человека?

    erge
    @erge
    Примус починяю
    Prorokius, Sanasol намекает на неверный код, должно быть условие НЕравентсва, а не условие равенства на .... !msg.author.id
    что это вообще? подозреваю что результатом !msg.author.id будет всегда false (если есть КАКОЙ Либо Id)
    т.е. сравниваются false и значение справа
    а false уж точно не равен (А условие именно равентсва) любому значению в правой части условия, потому if и не отрабатывает!

    см. Операторы сравнения
    Ответ написан
    Комментировать
    Комментировать

  • Как поделить страницу на 2 области (на каждой своя полоса прокрутки)?

    erge
    @erge
    Примус починяю
    самое простое это использовать iframe
    Ответ написан
    2 комментария
    2 комментария

  • Что делать с пользователями у кого отключены javascript и переадресация?

    erge
    @erge
    Примус починяю
    неужели HTTP редирект отключается в броузере?
    redirekt.info

    используй HTTP редирект
    Ответ написан
    Комментировать
    Комментировать

  • Как сохранить результат выполнения скрипта?

    erge
    @erge
    Примус починяю 
    var text = "";
for (var i = 0; i < 5; i++) {
  text += "Привет, мир<br>";
}
document.write(text);
    Ответ написан
    2 комментария
    2 комментария