Использование стиля в зависимости от данных в поле БД

[Otvertka12335]

Как мне затемнить блок если например в таблице `product` в поле `count` значение равняется 0?

[ksa]

Как мне затемнить блок если например в таблице `product` в поле `count` значение равняется 0?

Пример хтмэльный будет?

[Dilettante_Pro]

ksa,
А причем тут html, если таблица product с полем count лежит в БД на сервере?
Конечно, блок - это, очевидно, все-таки в html...
Ну например, вот html

<div class="test"></div>

И что дальше?

[ksa]

<div class="test"></div>

Очевидно придется искать следующие элементы мозаики
- таблицу `product`
- поле `count` и его "значение" 0

Но может тебе оно и не нужно... А вот мне хотелось бы посмотреть на это все своими глазами.
Т.к. я не экстрасенс.

[ksa]

если таблица product с полем count лежит в БД на сервере?

Ок...

Есть некая БД, в ней есть таблица product (а в ней может быть несколько записей), в той таблице есть поле count...

Сколько записей в той таблице?
Подойдет ли условие, что вообще в каком-то count есть значение 0?

А так можно предложить такое решение:
- отправить запрос к таблице на сервер
- при положительном ответе "затемнять" блок

Как именно "затемнять" ТС то же не рассказал...
Как вариант, присвоить блоку некий класс, а потом этот класс описать, как нужно, в ЦСС.

[Otvertka12335]

- при положительном ответе "затемнять" блок

Как именно "затемнять" ТС то же не рассказал...
Как вариант, присвоить блоку некий класс, а потом этот класс описать, как нужно, в ЦСС.

Вот я не знаю именно как присвоить блоку стиль. С запросом я розберусь. Вот допустим запрос вернул "True" как присвоить блоку с id="test-block" или с именем name="test" другий стиль? и какой код этого стиля?

[Dilettante_Pro]

Otvertka12335,
вариант для id

<div id="test_block">Test</div>
<script>
document.querySelector('#test_block').style.backgroundColor = "grey";
</script>

[ksa]

Вот я не знаю именно как присвоить блоку стиль.

А я не знаю как ты вообще формируешь страницу и всего остального... Т.е. вообще с чем ты имеешь дело.

[ksa]

как присвоить блоку стиль

Как вариант с классом

<style type='text/css'>
.off {
	color: #ffffff;
	background-color: grey;
}
</style>
<div id="test_block">Test</div>
<script>
document.querySelector('#test_block').classList.add('off');;
</script>

Только это никак не "AJAX и COMET".

[Otvertka12335]

А я не знаю как ты вообще формируешь страницу и всего остального... Т.е. вообще с чем ты имеешь дело.

PHP:

if(!isset($_GET["sort"])){
	$sorting = 'id DESC';
			$sort_name = 'Без сортування';
}
else{
$sorting = $_GET["sort"];

	switch ($sorting){
		case 'price-asc';
			$sorting = 'price ASC';
			$sort_name = 'Від дешевих до дорогих';
		break;
		case 'price-desc';
			$sorting = 'price DESC';
			$sort_name = 'Від дорогих до дешевих';
		break;
		case 'news';
			$sorting = 'id DESC';
			$sort_name = 'Без сортування';
		break;
		default:
			$sorting = 'id DESC';
			$sort_name = 'Без сортування';
		break;
	}
}

$sql = mysqli_query($db_connect, "SELECT * FROM action ORDER BY $sorting")or die(mysqli_error($db_connect));
$actionArr = array();
while($result = mysqli_fetch_array($sql, 1)){
	$actionArr[] = $result;
}

HTML:

<div class="row">
			<?php foreach($actionArr as $action){ ?>
            <div class="col-lg-4 col-md-6 mb-4">
              <div class="card h-100">
                <a href="#"><img  class="image"  src="<?=$action['photo'];?>" alt=""></a>
                <div class="card-body">
                  <h4 class="card-title">
                    <a href="#"><?=$action['product'];?></a>
                  </h4>
				  <p class="card-text">Скидка: <?=$action['discount'];?>%</p>
                  <h5><s>$<?=($action['price']);?></s> <b class="colortext">$<?=($action['price']*(100 - $action['discount']))/100;?></b></h5>
                  <p class="card-text">Ткань: <?=$action['cloth'];?></p>
				  <form method="POST" action="rezervAction.php"> <button name="actionrezerv" type='submit' onClick="" value="<?=$action['id'];?>">Зарезервировать</button> </form>
                </div>
                <div class="card-footer">
                  <small class="text-muted"></small>
                </div>
              </div>
            </div>
			<?php } ?>
			<div class="fixed-overlay"></div>

И по нажатию на кнопку "Зарезервировать" мне нужно чтобы этот блок с этим товаром стал темный, или сменил свой цвет. Чтобы было видно что этот продукт зарезервирован