Q&A
前提・実現したいこと
Mysqlを使ってDBから文字の表記をしようとしています。
表記の1つにある<p><?php print($record['memo']);?></p>
でユーザーに言いたい言葉の表記で文字の多さも考えて、onclickオプションを挟んで、
押したら文字が読めるようにしました。しかし文字を読める内容が一番最初だけのカラムしか出ないです。
なのでカラムによりDBに保存しているmemoの内容を出せるようにしたいです。
該当のソースコード
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>C-pro recieve</title> <link rel="stylesheet" href="receive.css"> </head> <body> <h1>LET'S SEE THE NOTICE!!</h1> <h2>Please see the notice I want to tell you!</h2> <input id="menuopen-input" type="checkbox"> <nav id="menu-nav"> <ul> <li><span><b>メニュー</b></span><span><label for="menuopen-input"><b></b></label></span></li> <li><a href="#">Home</a></li> <li><a href="#">Trade</a></li> <li><a href="#">Search</a></li> <li><a href="#">Chat</a></li> <li><a href="#">Option</a></li> </ul> </nav> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Anton&family=Source+Code+Pro:wght@200&display=swap" rel="stylesheet"> <div id="main-container"> <div class="main-header"> <label for="menuopen-input"><i class="menu-icon">Menu</i></label> </div> </div> <main> <?php try { $db = new PDO('mysql:dbname=bulletinboard;host=127.0.0.1;charset=utf8', 'root', '' ); } catch (PDOException $e) { echo "データベース接続エラー ：".$e->getMessage(); } $records = $db->query('SELECT * FROM board ORDER BY id DESC'); ?> <article> <?php while( $record = $records->fetch()): ?> <p> タイトル <?php print($record['title']); ?><br></p> <p>読む対象者<br><?php print($record['id']); ?></p> <div onclick="obj=document.getElementById('open').style; obj.display=(obj.display=='none')?'block':'none';"> <a style="cursor:pointer;">▼ メッセージ詳細</a> </div> <div id="open" style="display:none;clear:both;"> <p><?php print($record['memo']);?> </p><br> <!--表記で一番最初のものしか表記されない--> </div> <time><?php print($record['write_time']);?></time> <hr> <?php endwhile;?> </article> </main> </body> </html>
回答1件
0
ベストアンサー
formの中でループ処理をするときにid=openが複数発生していませんか？
HTML内でidは常にユニークでなくてはなりません
きちんと関数化して処理したほうが良いと思いますが
いまのものを活かすなら相対位置をつかって
HTML
1obj=document.getElementById('open').style; 2↓↓↓ 3obj=this.nextElementSibling.style;
投稿2021/07/06 00:17
総合スコア116395
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/07/06 13:26