0

リスト内のタグ名にカーソルを合わせると、タグ付けされた場所にボックスが表示されるようにしようとしています(Facebookなど)。

これが私のコードです：

Viewtag.php

<?php
$sql = "SELECT * FROM image_tag ORDER BY `pic_id`";
$qry = mysql_query($sql);
$rs = mysql_fetch_array($qry);

if ($rs){
  do{
    echo '<li rel="'.$rs['pic_id'].'"><label>'.$rs['name'].'</label></li>';
  }while($rs = mysql_fetch_array($qry));
}
?>

インデックス.php

.tagview
    {
      border:solid 3px #fff;
      width:100px;
      height:100px;
      position:absolute;
      display:none;
}

$('#taglist li').on('mouseover mouseout',function(event){
      pic_id = $(this).attr("rel");
      if (event.type == "mouseover"){
        $('#view_' + pic_id).show();
      }
      if (event.type == "mouseout"){
        $('#view_' + pic_id).hide();
      }
});

    viewlist();

    function viewlist()
    {
     $.post('viewtag.php', function(data){
            $('#taglist ol').html(data);
          });

}

<?php
    $query = mysql_query("SELECT * FROM image_tag");
    $run = mysql_fetch_array($query);
    if($run){
        do{
?>
            <div class="tagview" style = "top:<?php echo $top; ?>px; left:<?php echo $left; ?>px;" id="view_<?php echo $number; ?>"></div>
<?php
        }while($run = mysql_fetch_array($query));
    }
?>

<div id="taglist"> 
    <span class="tagtitle">List of Tags</span> 
        <ol> 
        </ol>
</div>

かなりややこしいので、これまでに試したことを掲載します。

4

2 に答える 2

0

http://www.wellbro.com/view_tutorial?t_cat=3&t_i=3

「JQuery, PHP - 写真タグ付けシステム」のチュートリアルのURLはこちら

于 2013-02-18T09:53:29.727 に答える
0

まず最初に pic_id はあなたの変数です。var

pic_id = $(this).attr("rel");

これに変更を加えたvar pic_id = $(this).attr("rel");

于 2013-02-07T08:12:11.880 に答える