php - 如何创建一个从数据库中提取数据的ajax pop？

Question

有人能告诉我如何创建一个像 ajax 弹出窗口这样的漂亮的小工具提示吗？ 情况是这样的， 我从数据库中提取 $row->title，然后将其显示为这样的链接

  <?php foreach($task->result() as $row): ?>
    <tr>
    <td><a href=#><?php echo $row->title; ?></a></td>
    </tr>
   <?php endforeach; ?>

当随机用户单击该链接时，我希望它产生一个小的弹出窗口或工具提示之类的东西，其中包含标题的描述 $row->description ，当用户将鼠标移开它时，它会关闭。我知道这是可能的，但我只是不知道该怎么做。

Answer 1

你需要jQuery .将样式表添加到 并将 javascript 添加到页面中的任何位置。

示例样式:

<style type="text/css">
  .description {
    visible: hidden;
    position: absolute;
    left: 0px;
    top: 0px;

    /* View */
    font-family: Arial,Tahoma,Verdana;
    font-size: 8pt;
    color: #bbb;
    background-color: #444;
    padding: 5px 7px;
    border: 1px solid #222;
  }
</style>

Javascript:

<script type="text/javascript" src="path/to/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
  // Add listener to links
  $(".some_class").click(function(e) {
    var description = $('<div class="description">'+ $(this).attr("description") +'</div>');
    $(this).append(description);
    description.css("left", e.pageX-4);
    description.css("top", e.pageY-4);
    description.animate({ opacity: 'toggle' }, 400, 'linear');
    // Remove description, if user moved the mouse cursor out description
    description.mouseout(function() {
      $(this).remove();
    });
    return false;
  });
});
</script>

更改代码:

<?php foreach($task->result() as $row): ?>
  <tr>
  <td><a href="#" class="some_class" description="<?php echo $row->description; ?>"><?php echo $row->title; ?></a></td>
  </tr>
<?php endforeach; ?>

但更好的方法是检查一些好的 jQuery 插件..