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を投稿しなくても、ツールチップにその情報を表示する方法があるかどうか疑問に思っています。画像がクリックされたときに表示される DB からデータを取得するスクリプトを次に示します。

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

2 に答える 2

0

簡単な答えは、ajax でできるということです。

ここで正確なコードを提供できますが、概念を理解したいと思われるかもしれません。この次のビデオ チュートリアルは、開始するのに最適な場所だと思います。

YouTube ビデオ チュートリアル: マウスオーバーでの動的コンテンツの読み込み

ビデオの説明には、ビデオ チュートリアルとそれに関連するファイルへのダウンロード リンクがあります。必要なのは例番号 2 です。

この例を機能させるには、config ファイルを変更する必要があります: connect.php とこのデータベース

--

-- データベース:ajax

--

-- テーブルのテーブル構造data

CREATE TABLE IF NOT EXISTS 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

INSERT INTO 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' 「わからない...」、「トファー」、「ハウデン」)、(7、「ゲーマー」、「ジェイソン」、「ルザダー」)、(8、「ウィングマン」、「チャック」、「ストロング」)、( 9, 'バスケットボール選手', 'チャック', 'バークリー'), (10, 'シンガー', 'マルタ', 'ゾーレ');

于 2013-04-25T08:56:39.397 に答える
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 に答える