HTMLとPHPを使用して、いくつかの段落にわたってポップアップを何とかしようとしています。このページは while ループを使用してデータベースからデータをロードし、各段落にはデータベース テーブルに 1 つの行が含まれています。以下は私のコードの関連部分です。
ファイルの先頭に、次の関連行を含む php-part があります。
<?php
$kommun = $_SESSION['kommun'];
$salary = $_SESSION['loen'];
$sql2 = "SELECT * FROM sk_municip WHERE id = :id";
$stmt2 = $dbh->prepare($sql2);
$stmt2->execute(array(':id' => $kommun));
$totalSkatt = (($salary * $result2['tax']) / 100);
$sql3 = "SELECT id, name FROM sk_areas";
$stmt3 = $dbh->prepare($sql3);
$stmt3->execute();
$sql4 = "SELECT area, part, percent, desc FROM sk-mun-".$kommun." WHERE area = :area ORDER BY percent DESC";
$stmt4_1 = $dbh->prepare($sql4);
$stmt4_2 = $dbh->prepare($sql4);
?>
ドキュメントのさらに下には、上記の php を使用した div と段落があります。
<?php while ($result3 = $stmt3->fetch()): ?>
<?php
$stmt4_1->execute(array(':area' => $result3['id']));
$stmt4_2->execute(array(':area' => $result3['id']));
?>
<?php if ($stmt4_1->fetchColumn() > 0): ?>
<div class="taxarea">
<div class="taximg">...</div>
<div class="taxtext">
<p class="inhead">...</p>
<p class="inline">...</p>
<?php while($result4 = $stmt4_2->fetch()): ?>
<?php $partSkatt = round((($totalSkatt * $result4['percent']) / 100)); ?>
<p class="tdone">
<?php echo $result4['part']; ?>
</p>
<p class="tdtwo">
<?php echo $partSkatt ?> kr
</p>
<p class="inline">...</p>
<?php endwhile; ?>
</div>
</div>
<?php endif; ?>
<?php endwhile; ?>
私がやろうとしているのは、誰かが「tdone」または「tdtwo」クラスの上にマウスを置くと、その行の desc-column に情報を含むポップアップが表示されるということです。タプルが空または NULL の場合、ポップアップは表示されません。
これは一種の複雑な問題です。うまく説明できれば幸いです。ポップアップを作成する方法はいくつか知っていますが、今必要なほど動的ではありません。私にとっては、id javascript、jquery、または css が使用されているかどうかは関係ありません。それを行うための良い方法が必要なだけです。
title 属性を追加するだけでは不十分です。ポップアップブロックの色を変更して、ページの残りの部分のように見えるようにする必要があります。