0

これをコーディングする方法は？名前をホバーすると形のように飛び出しますが形ではないと思います

ここに画像の説明を入力してください

名前をホバーするとidの値があり、ajaxを介してphpに送信すると、phpスクリプトがidを照会し、他の詳細を返し、次に他の詳細を返すときに、ページで発生したいので、これとまったく同じようにします。画像のように表示されます私はすでに関数とphpコードを持っています必要なのはこの画像のようにする方法だけです

js関数のコード：

function searchWarriors() {
var id = $("#name").val();
$.ajax({
    url: "retrieve_result.php",
    type:"GET",
    datatype:"json",
    data: {id: id},
    success: function(data) {
        var toAppend = '';
        if(typeof data === "object"){
            for(var i=0;i<data.length;i++){
                var warrior = data[i];
                toAppend += '<ul class="ul">';
                toAppend += '<li>'+data[i]['loc']+'</li>';
                toAppend += '<li>'+data[i]['email']+'</li>';
                toAppend += '<li>'+data[i]['sex']+'</li>';
                toAppend += '</ul>';
            }
            $(".ul").remove();
            $("#details").append(toAppend);
        }
    }
});
return false;

}

私のPHPのコード：

<?php
header("Content-Type: application/json");

include 'functions/class.php';

$db = new DB();

$result = $db->getDetails($_GET['id']);

$details = array();

foreach($result as $values){
    $details[] = $names;
}
echo json_encode($details);
?>

関数を呼び出すためのHTMLのコード

    <?php
foreach($result as $id){
//I don't know if this is right
echo'<a id="name" href="myphpcode.php"?id='.$id['user_id'].'>'.$id['name'].'</a>';
}
?>
<div id="details">

</div>
4

1 に答える 1

1

これを行う最も簡単な方法は、通常、php スクリプトでポップアップをどのように表示するかを正確に作成し、jQuery を使用して $("#Popup-id").load(script-url.php? getvar=1)。画面上部に表示するには、div 要素に高い z-index が必要です。

于 2012-09-13T16:10:37.910 に答える