Я создаю веб-сайт контрольного списка свадьбы. Для моего контрольного списка я хочу, чтобы пользователь мог изменить цвет элемента todo на красный, желтый и зеленый, красный для не выполнен, янтарный для частично выполненного и зеленый для завершения. Я пытался справиться с этим, я бы также хотел, чтобы он был сохранен в базе данных. Заранее спасибо.
в db
status столбца со значением 1 или 2 числа (это будет идентификатор статуса) status таблицы с status_id , status_title , status_color , color_id , enabled в вашем коде:
в вашем div, получите цвет задачи, получив сохраненный идентификатор
$colorOfTheTask = "SELECT color_id FROM status,task WHERE task.status = status.id ";
<td <?php echo 'style="background-color:'.$color_id.';color:'.$color_id.'"';?></td> Таким образом, вы сможете легче управлять своими цветами. Вы все равно можете использовать оператор if:
<td <?php if($id_status==1){ echo 'style="background-color:red;color:red';} if($id_status==2){ echo 'style="background-color:green;color:green';} if($id_status==3){ echo 'style="background-color:#amber-color-code;color:#amber-color-code"';} ?> </td>
вы ищете что-то вроде этого?
<script type="text/javascript"> $(document).ready(function () { $(".button").click(function () { $("#colorPick").css("background-color", $(this).attr("value")); }); }); </script> <body> <div id="colorPick" style="width:100px;height:100px; "></div> <input type="button" class="button" value="Red" /> <input type="button" class="button" value="Green" /> </body>