显示个人消息列表

时间:2011-12-15 20:08:51

标签: php jquery css message

我的网站上有个人消息系统,只需用php / sql完成。实际上我遇到了使用jquery显示它们的麻烦。数据库包含以下字段:message_idmessage_frommessage_tomessage_topicmessage_subjectmessage_status。我展示message_topic的方式是重复以下八次:

echo '<table><tr><td>';
  retrieve_msg_topic($result);
echo '</td></tr>'; //of course I won't make 8 tables!!!

调用的函数是:

function retrieve_msg_topic($result)
{
   if($row = mysql_fetch_assoc($result))
   {
    echo $row['usernombre'];
    $message_topic = stripslashes($row['message_topic']);

    echo '<div id="msg'.$row['message_id'].'">';
    echo $message_topic;
    echo '</div>';
    //this will return: <div id="msgN">message topic (title, commonly subject)</div>
   }
} //end function retrieve msg topic

到目前为止,我在一张桌子上有一个列表,其中最后八条消息发送给用户。以下行保留用于分页(下一页/上一页),之后,另一行显示我从列表中选择的消息,就像我们在Outlook中看到的那样。这是我的头痛。我的方法是调用另一个函数(8次)并隐藏所有这些函数,直到我点击其中一条消息,如下所示:

echo '<tr><td>';
retrieve_msg_content($result);
retrieve_msg_content($result); //repeat 8 times
echo '</td></tr></table>';

这次的功能是这样的:

function retrieve_msg_content($result)
{
  if($row = mysql_fetch_assoc($result))
  {
  echo '<script type="text/javascript">
        $(document).ready(function(){
        $("#msg'.$row['message_id'].'").click(function(){
           $(".msgs").hide(1000);
           $("#'.$row['message_id'].'").show(1000);
           });
        });
        </script>';

  echo '<div class="msgs" id="'.$row['message_id'].'" style="display: none">'
         .$row['message_subject'].
       '</div>';
  }
   /* This function returns:
   // <script type="text/javascript">
   //   $(document).ready(function(){
   //   $("#msgN").click(function(){
   //   $(".msgs").hide(1000);
   //   $("#N").show(1000);
   //   });
   //   });
   //   </script>
   // <div class="msgs" id="N" style="display: none">Message subject (body of message)</div>
   */
} //end function retrieve msg content/subject

我可以简单地解释一下,问题在于它不起作用,这是因为我做了if($row = mysql_fetch_assoc($result))两次,所以第二次它没有更多的值!

我采用的另一种方法是在同一个函数中同时调用message_topic和message_subject,但我最终得到的是一种不是我想要的手风琴。

我希望我足够清楚。

1 个答案:

答案 0 :(得分:1)

解决问题的最简单方法是将MySQL查询的结果复制到数组中

while($row = mysql_fetch_assoc($result)) {
    $yourArray[] = $row;
}

然后用它来构建你的表。

编辑:我的意思更多的是:

while($row = mysql_fetch_assoc($result)) {
    $yourArray[] = $row;
}

echo '<table>';
foreach($yourArray as $i) {
    retrieve_msg_topic($i);
}

echo '<tr><td>';
foreach($yourArray as $i) {
    retrieve_msg_content($i);
}
echo '</tr></td></table>';

然后从这些函数中删除与SQL查询有关的所有内容,如下所示:

function retrieve_msg_topic($result) {
    echo '<tr></td>'$result['usernombre'];

    echo '<div id="msg'.$result['message_id'].'">';
    echo stripslashes($result['message_topic']);
    echo '</div><td></tr>';
}

现在你正在做一些奇怪的关键mojo,其中ret [0]是主题而$ ret [1]是消息,这不是一个好习惯。此外,我没有在该代码中看到$ i的声明。

错误表明结果为空或查询格式错误。从我见过的代码中我无法确定。

其他一些注意事项:您对直接来自数据库的数据使用stripslashes()似乎很奇怪。在将内容插入数据库时​​,您确定没有两次转义内容吗?

总是使用循环而不是写出x次(比如你在问题中说的8次)。想想你必须改变函数调用(名称,参数等)的情况。使用循环,您必须编辑1个地方。没有,你需要编辑8个不同的地方。

BTW,此问题的另一个解决方案是使用AJAX将内容加载到最后一个单元格中。如果你很好奇,我可以告诉你如何。

更多编辑:

对于AJAX,像往常一样构建消息列表并将目标td留空。然后,添加一个jQuery AJAX调用:

$('MSG_LIST_ELEMENT').click(function() {
    var msgId = $(this).attr('id').replace('msg','');
    $.get(AJAX_URL+'?msgID='+msgId,function(data) {
        $('TARGET_TD').html(data);
    })
});

将大写变量替换为您需要的变量。至于PHP,只需用ID $ _GET ['msgID']回显消息的内容。 但是,请确保在回显任何消息之前对用户进行身份验证,以便其他人无法通过切换ID号来读取某人的消息。不确定身份验证如何在您的网站上运行,但这可以通过使用会话变量来完成。