将鼠标悬停在消息上时如何查看实际消息？ [关闭]

Question

我的 listSuccess.php 的摘录：

foreach ($pager->getResults() as $msg)
{ 
   //listing the messages' subjects here
   <a href="<?php echo url_for('messagebox/read?cursor=').$cursor ?>" style='color:#ff0000 !important' onmouseover="document.getElementById('hiddenDiv').style.display = 'none'" class='spn_small_red_rbc'><?php echo $msg->getSubject();?></a>
   <div id="hiddenDiv" style="display: none">Show the actual message here</div>
}

上述方法不起作用 请问有什么帮助吗？ 谢谢

Answer 1

我使用 jQuery TOOLS 作为工具提示，它有据可查，工作简单，功能丰富。

您可以在这里阅读文档和学习演示：http://flowplayer.org/tools/tooltip/index.html

另外，@Baszz 解决方案也可以，我建议使用带有 javascript 助手功能的 symfony 解决方案

<?php javascript_tag(); ?>

    // please study http://api.jquery.com/ready/
    jQuery().ready(function(){
        // Example for jQuery TOOLS tooltip
        jQuery(".spn_small_red_rbc").tooltip();
    });

<?php end_javascript_tag(); ?>

Answer 2

首先清理您的代码并提取样式和脚本。这使它更具可读性（使用 jQuery）：

<style>
    a.spn_small_red_rbc { color: #ff0000; }
    div .hiddenDiv { display: none; }
</style>

<script>
    $('a.spn_small_red_rbc').hover(function(){
       // Mouse enter
       $(this).next('div').show();
    },
    function(){
       // Mouse leave
       $(this).next('div').hide();
    });
</script>

<? foreach ($pager->getResults() as $msg) { ?>
    <a href="<?=url_for('messagebox/read?cursor=').$cursor?>" class="spn_small_red_rbc"><?=$msg->getSubject()?></a>
    <div id="hiddenDiv">Show the actual message here</div>
<? } ?>