質問編集履歴

1 コードの書き方に誤りがありました

satoshi501

satoshi501 score 47

2017/04/04 19:09  投稿

繰り返し処理の中のポップアップで表示される値が、レコードの1番目の値になる
お世話になります
###前提・実現したいこと
phpを使用してデータベースのデータを検索結果に応じて繰り返し表示させます。
その際にあるフィールドの値を1行に固定し、中身全体を表示したい場合はカーゾルをあわせることでポップアップ表示されるようにしたいです
###発生している問題・エラーメッセージ
ポップアップで表示はできましたが、表示される内容は常に1レコード目の値が表示されてしまいます
```
###該当のソースコード
```  
---head部分のjavascript---
<script language="javascript" type="text/javascript">
function showPopup(event) {
   target = document.getElementById("popup");
   
   if (!event) var event = window.event;
   if (!event.pageX) px = event.clientX + document.body.scrollLeft; else px = event.pageX;
   if (!event.pageY) py = event.clientY + document.body.scrollTop; else py = event.pageY;
   
   target.style.left = px+10 + "px";
   target.style.top = py+5 + "px";
   target.style.visibility = "visible";
}
function hidePopup() {
   target = document.getElementById("popup");
   target.style.visibility = "hidden";
}
</script>
---ここまで---
---body内のphp処理---
<?php
foreach ($records as $record) {
//$records ~ record の複数レコードの繰り返し
?>
<a href='javascript:void(0);' onmouseover='showPopup(event);' onmouseout='hidePopup();'>ポップアップ見出し</a>;
           <div id="popup" style="position:absolute; z-index:10; visibility:hidden; background-color:#fbff96;"><?php echo $test; ?></div>
<?php
//繰り返し終了
}
?>
```
$test = ポップアップに表示する値
以上です
div id とかをレコードに合わせて変更してみたりしましたが上手く行きませんでした。
すいませんがご教授お願い致します
  • PHP

    26586 questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • JavaScript

    23364 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • HTML

    13446 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る