Styjun

I created an internal email system within the project. When I receive a new message the column with the subject name in my table is bolded to inform that the message has not yet been read.

code:

<?php 
 while($row = mysqli_fetch_array($result)) 
 
 ?> 
<section id="s1">
<div class="div1" id="minhaDiv" style="float: left;"> 
 <table class="table table-bordered"> 
 <tr> 
 <th width="20%">De</th>
 <th width="60%">Assunto</th>
 <th width="10%">Prioridade</th>
 <th width="10%">Recebido</th> 
 </tr>
 <tr>
 <th width="10%" colspan=4>Recebido: <?php echo $row["Data"]; ?></th>

 </tr> 

 <tr> 
 <td><?php echo $row["De"]; ?></td> 
 <td class="td-info view_data" id="<?php echo $row["Id"]; ?>" data-toggle="modal" href="#dataModal" width="20%" style="font-weight:bold" onclick="this.style['font-weight'] ='normal'"><?php echo $row["Assunto"]; ?></td> 
 <td><?php echo $row["Prioridade"]; ?></td> 
 <td><?php echo $row["Hora"]; ?></td>
 </tr>
 <tr>
 <?php 
 
 ?> 
 </table> 
</div>
</section>

In the image, which is surrounded by green already clicked to read, the red has not yet vliquei to read, so it is bold:

I use this code to put bold inside the td:

width="20%" style="font-weight:bold" onclick="this.style['font-weight'] ='normal'"

The problem is that if you refresh the page, even after reading the messages, they come back in bold and should not. After clicking once, they can not be left in bold

Solution to achieve the condition.
I created a Status field in the database table, where 1 is unread message and 0 message is read, now is to create the condition in td with if. In the javascript with which I open the modal I made the following change:

$('.td-info').click(function()
 var item_id = $(this).attr("id");
 var status = $(this).attr("Status");

 $.ajax( 
 url:"./fetchRAD", 
 method: "POST", 
 data:item_id:item_id, status:status, 
 success:function(data) 
 
 ); 
 ); 

In td I indicated the id of the record in the id of td:

id="<?php echo $row["Id"]; ?>"

file with php:

if(isset($_POST["item_id"])) 
 
 $query = "Update centrodb.Alertas SET Status = '0' WHERE Id = '".$_POST["item_id"]."'"; 
 $result = mysqli_query($conn, $query);

 

Pata check in the td we put like this:

width="20%" <?php echo $row["Status"] == '1'?' style="font-weight:bold" ':' style="font-weight:normal" '?>

td complete:

<td class="td-info view_data" id="<?php echo $row["Id"]; ?>" data-toggle="modal" href="#dataModal" width="20%" <?php echo $row["Status"] == '1'?' style="font-weight:bold" ':' style="font-weight:normal" '?>><?php echo $row["Assunto"]; ?></td>