2

PHP で生成されたこのような単純なテーブルがあり、コンテンツは MySQL から取得されます。

echo "<tr>";
        echo "<td width='auto' bgcolor=”#FF0000 &#8243;>" . "&nbsp;". "<b>"  . $i . "&nbsp;". "<b/>". "</td>";
        echo "<td width='auto'>" . "&nbsp;" . $row[1] . "&nbsp;" . "</td>";
        echo "<td width='auto'>". $row[2] . "</td>";

ここに画像の説明を入力

行が表示されます: Genere、Download
行内には、それぞれのテキスト値があります。

Industrial Black Metal
Black Metal
Grindcore

スポイラーのセル内のテキスト値をテキスト内に変換したい。どのようにできるのか？

ここに画像の説明を入力

4

1 に答える 1

0

JavaScript を使用する必要があります。たとえば、jQuery という名前の JavaScript ライブラリを使用できます。

このコードをページのどこかに 1 回配置します。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
    $(".spoiler-label").click(function() {
        $(this).parent().find(".spoiler-content").toggle();
    });
});
</script>

ここで、ループ内で $row[2] などだけではなく、スポイラーが必要な場合は、次のコードを使用します (もちろん、PHP タグ内)。

echo '<div>
    <span class="spoiler-label">'.$row[2].'</span>
    <div class="spoiler-content" style="display: none">Spoiler content</div>
</div>';

ここで行っているのは、display: none でスポイラーを非表示にしてから、ラベルがクリックされたときに jquery で切り替えることです。

于 2012-10-21T22:38:14.393 に答える