Realizar select y update vía JavaScript

[elbaronhtml]

Buenas tardes a todos!!

Antes de nada comentaros que mis conocimientos de javascript son bastante limitados, lo que pregunto a lo mejor es una "chorrada" pero no tengo ni idea de cómo hacerlo...

Estoy con un proyecto personal y necesito hacer un sistema de mensajería interna. He realizado con PHP y MySQL el sistema completo pero me gustaría dotarle de la siguiente mejoras y, creo, que habría que realizarla mediante JS:

Cuando el usuario abre el mensaje (que se le despliega cuando hace click en el asunto con la función toggle) ha de realizarse un UPDATE en la BBDD y marcar el mensaje como leído y, que a su vez, se relance la select que muestra la información del mensaje y aparezca como leído. La select quizá no sería necesaria, valdría con cambiar la css de dicho elemento y que se muestre otra (.leido en vez de .no_leido).

Muchas gracias por la ayuda de antemano! Si me he explicado mal comentármelo para aclararlo.

Buen fin de semana! :)

[elbaronhtml]

Os dejo el código:

Código PHP:

<table id='mensajes'>
            <tr>
            <th></th>           
            <th>Fecha</th>
            <th>Remite</th>
            <th>Asunto</th>
            </tr>
            <?php
            $consulta_mensajes = selectmultiple("select id_mensaje, asunto_mensaje, mensaje, leido,  
            from tutoria_mensajes
            where sec_alumno = '" . $datos_usuario["sec_usuario"] . "'");
            while($mensaje = mysql_fetch_array($consulta_mensajes)){
                echo "<script type='text/javascript'>";
                echo "$(document).ready(function(){ ";
                   echo "$('#mensaje-" . $mensaje["id_mensaje"] . "').on('click',function(){";
                      echo "$('#respuesta-" . $mensaje["id_mensaje"] . "').toggle();";
                   echo "});";
                echo "});";
                echo "</script>";
            if($mensaje["leido_alumno"] == 0){
            echo "<tr class='no_leido'>";
            echo "<td> <i class='fa fa-envelope' style='color: #be3f3f'> </i> </td>         ";
            echo "<td>20/12/2014 09:00h</td>";
            echo "<td>Usuario Remite</td>";
            echo "<td>";
            echo "<a href='#' id='mensaje-" . $mensaje["id_mensaje"] . "'>RE: Duda 3asd6w2s4s65w2s6w5w </a></td>";
            echo "</tr>";
            echo "<tr id='respuesta-" . $mensaje["id_mensaje"] . "' style='display:none; background-color: #fff;'><td colspan='6'>Respuesta... </td>";
            update("update tutoria_mensajes set leido_alumno = '1' where id_mensaje = '" . $mensaje["id_mensaje"] . "'");
            echo "</tr>";
            }
            else{
            echo "<tr class='leido'>";
            echo "<td> <i class='fa fa-envelope-o' style='color: #8BC343'> </i> </td>";     
            echo "<td>20/12/2014 09:00h</td>";
            echo "<td>Usuario Remite</td>";
            echo "<td>";
            echo "<a href='#' id='mensaje-" . $mensaje["id_mensaje"] . "'>RE: Duda 3asd6w2s4s65w2s6w5w </a></td>";
            echo "</tr>";
            echo "<tr id='respuesta-" . $mensaje["id_mensaje"] . "' style='display:none;background-color: #fff;'><td colspan='6'>Respuesta... </td></tr>";
            echo "</td>";
            echo "</tr>";
            }
            }
            ?>
            </table>
 

[caricatos]

Hola:

Deberías evitar poner código php (o de otro lenguaje distinto de javascript), es preferible que obtengas el código desde el navegador (ver código fuente).

Ni toggle ni $() son primitivas javascript, osea estás usando alguna librería, así que movemos el tema.

Saludos