0

我有以下 HTML 代码,它显示带有信息的动态行数,然后有一个图像链接,我单击该链接以获取有关基于字段的单击行的一些特定信息。compentence_ID

            echo "<td>".$compi['Competence_ID']."</td>";
            echo "<td><p style='text-align: center;'>".$compi['Competence_Group']."</p></td>";
            if(isset($compi['Competence_class'])){echo "<td>".$compi['Competence_class']."</td>";}else echo "<td><p style='text-align: center;'>-</p></td>";
            echo "<td>".$compi['Competence_Description']."</td>";
            echo "<td class='evaluation'>";
                echo "<select class='ownlevelselect' id='ownlevelselect-.".$compi['Competence_ID']."' name='level-".$compi['Competence_ID']."' >";
                   if (isset($compi['ownlevel']) && $compi['ownlevel']!= '' && !empty($compi['ownlevel']) && $compi['ownlevel']!= 0) {
                      echo "<option selected value='".$compi['ownlevel']."' selected='selected'>".$compi['ownlevel']."</option>";

                    }
                    echo "<option value='' >--</option>";
                    echo "<option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option>";
                echo "</select>";
                echo $compi['ownlevel'];

// Below are the links I click to view the content
                echo '<a target="_blank" href="'.INDEX.'?categ='.$_GET['categ'].'&action='.$_GET['action'].'&subaction=viewlevels'.'&levels='.$compi['Competence_ID'].'">';
                echo '<img class="linkki" src="'.KUVAT.'paivita.gif" alt="'._("tiedot").'" title="'._("What is this?").'"/></a>';
            echo "</td>";
            echo "<td>";

这行得通,我可以根据发布的 ID 看到相应的信息。但我想知道是否有任何方法可以在工具提示中显示该信息,而无需单击链接并发布 ID。这是从我在单击图像时显示的数据库中检索数据的脚本。

    function fetchlevels($Competence_id){
    $this->query="SELECT * FROM levels WHERE comp_id=".$_REQUEST['levels'];
    $tulos=$this->suoritaKysely();
    return $tulos;
}
4

2 回答 2

0

在代码中

echo '<a target="_blank" compId='$compi['Competence_ID']' href="#">';
echo '<img class="linkki" src="'.KUVAT.'paivita.gif" alt="'._("tiedot").'" title="'._("What is this?").'"/></a>';

如果上面的 PHP 代码有问题,请原谅我。基本思想是在锚标签的属性上设置id

 <script>
  $( document ).tooltip({
  items: "img",
  content: function() {
    var element = $( this );
    var parent=element .parent();
    if ( element.is( "img" ) ) {
      var text =  $.ajax({ type: "GET", url: remote_url, async: false, }).responseText;//remoe_url is url of your PHP whenre you have code to return the content in tooltip. You can take id as parent.attr('compId')
      return text;
    }
  }
 });
  </script>
于 2013-04-25T12:30:22.720 回答
0

简单的答案是:你可以用 ajax 来做。

我们可以在这里提供确切的代码,但您可能想了解这个概念,所以我相信下一个视频教程是一个很好的起点。

youtube 视频教程:在 MouseOver 上加载动态内容

在视频说明中,您可以找到视频教程和相关文件的下载链接。您需要的是示例 2。

要使示例正常工作,您只需更改配置文件:connect.php 和此数据库

--

-- 数据库:ajax


--

-- 表的表结构data

如果不存在则创建表data( idint(11) NOT NULL AUTO_INCREMENT, titlevarchar(45) NOT NULL, fnamevarchar(45) NOT NULL, lnamevarchar(45) NOT NULL, PRIMARY KEY ( id)) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=11 ;

--

-- 为表转储数据data

插入data( id, title, fname, lname) 值 (1, 'Web Developer', 'Chris', 'Johnson'), (2, 'Web Designer', 'Joe', 'Black'), (3, 'Teacher', ' Jason', 'McIntosh'), (4, 'family man', 'Jake', 'Kawaguchi'), (5, 'Sans Man Card', 'Brett', 'Williams'), (6, 'I don't '不知道...','Topher','Howden'),(7,'Gamer','Jason','Luzader'),(8,'Wingman','Chuck','Strong'),( 9, 'Basketball Player', 'Chuck', 'Barkley'), (10, 'Singer', 'Marta', 'Zore');

于 2013-04-25T08:56:39.397 回答