Как изменить цвет ячейки по статусу?

[bekhrouzb]

Всем привет

Добавляю инцидент в таблицу, потом когда надо меняю статус инцидента на, "Успешно-закрыт", "В процессе" и т.д., и вот хочу чтоб при выборе определенного статуса менять цвет ячейки где находятся по столбцу "Статус", подскажите пожалуйста как реализовать скрипт

<table>
           <thead>
                    <tr>
                        <th>ID</th>
                        <th>Инцидент добавлен</th>
                        <th>Агент</th>
                        <th>Количество заявок</th>
                        <th>Номера терминалов</th>
                        <th>Примечание</th>
                        <th>Статус</th>
                        <th>Регион</th>
                        <th>Дата изменения инцидента</th>
                        <th>Специалист</th>
                        <th>Редактирование</th>
                    </tr>
            </thead>
            <tbody>
                    <?php foreach($tasks as $task):?> //вывожу циклом данные из бд
 
                    <tr>
                        <td><?= $task["id"]; ?></td>
                        <td><?= $task["date"]; ?></td>
                        <td><?= $task["title"]; ?></td>
                        <td><?= $task["content"]; ?></td>
                        <td><?= $task["amount"]; ?></td>
                        <td><?= $task["comment"]; ?></td>
                        <td><?= $task["status"]; ?></td>
                        <td><?= $task["region"]; ?></td>
                        <td><?= $task["change_time"]; ?></td>
                        <td><?= $task["spe******t"]; ?></td>
 
                        <td class="btn-all">
                            <a href="show.php?id=<?= $task['id'];?>" class="btn-show">Show</a>
                            <a href="edit.php?id=<?= $task['id'];?>" class="btn-edit">Edit</a>
                            <a onclick="return confirm('Вы уверены, что хотите удалить инцидент?');" href="delete.php?id=<?= $task['id'];?>" class="btn-delete">Delete</a>
                        </td>
                    </tr>
 
                    <?php endforeach; ?>
        </tbody>
</table>

[ADSoft]

1. Если вопрос просто о стилях, то ячейке присваиваете класс нужный, например td_warning

td.td_warning {
 background-color: red;
}

2. Вроде в разделе про js, поэтому может вам хотелось узнать - как средствами js это сделать? В принципе- так же,

$('td').addClass('td_warning');

3. Если вы хотите менять цвет на момент построения таблицы - то это к php, например так:

<td <?= ($task["status"]==1) ? 'class='td_warning' : ''; ?><?= $task["date"]; ?></td>

Как видите, трактовок вашего вопросе множество, поэтому предельно конкретно сформулируйте что вы хотите....

[bekhrouzb]

хорошо, сорян, например если статус "Новый" поменять на "Выполнено", ячейка закрашивалась в зеленый цвет, на сколько мне известно надо сделать с JS, только не знаю как, в js пока что новичок, заранее спасибо

[ADSoft]

Яснее не стало....
Как вы меняете статус? После смены статуса перерисовыете таблицу? Или вы имеете ввиду - сидите смотрите таблицу, ничего не делаете, где то как то статус изменился внутри системы и у вас бах строчка сама собой стала красной...?

[bekhrouzb]

ADSoft, нет, есть кнопка изменить инцидент "edit", там меняю статус например на "Выполнено" соответственно делается апдейт в бд


<td class="btn-all">
<a href="show.php?id=<?= $task['id'];?>" class="btn-show">Show</a>
<a href="edit.php?id=<?= $task['id'];?>" class="btn-edit">Edit</a>
<a onclick="return confirm('Вы уверены, что хотите удалить инцидент?');" href="delete.php?id=<?= $task['id'];?>" class="btn-delete">Delete</a>
</td>

в конце таблицы есть кнопки, где я могу редактировать запись, просмотреть запись или удалить запись

[ADSoft]

ну судя по всему - идет перенаправление на скрип обработчик, а потом заново на страницу отображения таблицы, которая строится при помощи php...
используйте подсказку №3 .... к js не имеет отношения