0

最近、Jquery ポップアップ div について学びました。このリンク
を使用しました。そのようなポップアップ div が必要です。

しかし、問題は、複数のポップアップ div が必要なことです。
データベーステーブルに15人のユーザーがいて、15の異なるリンクが必要だとします。さらに、すべてのポップアップ div は、そのユーザーのデータベース情報を表示する必要があります。

これも見つけましたが、このポップアップdivはマウスポインターで移動せず、div幅がリンク幅より大きい場合、これは機能しません。

だから私は最初の例のようなポップアップ div が欲しいです。
これどうやってするの ？

4

1 に答える 1

0

私はあなたとは違ってこの問題について考えました。これが私の考えです。

1つ目-jqueryとphpを使用して複数のdivを必要としないため、必要に応じて単一のdivを操作できます。2番目-15人を最初に表示すると、仕事が楽になります. 次の例のようにいくつかのリンクにそれらを保存するとします。ID、名前、年齢、および場所があると仮定します。

<?php
$sql = "SELECT * FROM persons";
$result = mysql_query($sql);
while(mysql_fetch_array($result)) {
echo '<a hred="#" class="trigger" id=' . $result['id'] . '>' . $result['name'] . '</a><br />';
}

AJAX を使用して、任意のリンクをホバリングした結果を表示します。

$('a').mouseenter(function(e) {
var myperson = $(e.target).text();
$.ajax({
url: "details.php?current=" + myperson,
success: function(html){
if(html) {
$("a").append(html);  //here you'll have to get the current hovered link- this will dispaly the info on all the links on hovering one of them
}
}
}

details.php ページで、現在の人物のクエリを実行します。

<?php
$currpers = "SELECT * FROM persons WHERE name = '" . addslashes($_GET['current']) . "'") or die(mysql_error());
$results = mysql_query($currpers);
if(mysql_fetch_array($results )) {
echo '<div class="pop-up">
      <p>
      <strong>Age:</strong>' . $results ['age'] . '<br />
      <strong>Location:</strong> ' . $results ['location'] . '
      </p>
      </div>';
}
?>

注: 私はこれをテストしていません。いくつかの調整があるかもしれませんが、考え方は同じです。

于 2013-07-29T11:54:50.630 に答える