表の中のセルを条件に合わせて表示していきたいです。

Question

前提・実現したいこと

指定のセル日付と名前を合わせてセルに表示していきたいです。

Aの6/7には何もないので　X
Aの6/4はデータベースに記載があるので　O

みたいな感じです。

どのように指定したらいいのかが思いつかないです

データベースを作成してscriptに配列として渡しております。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

``

試したこと

for文の中にfor文を入れて指定セルを出していますが、中々思いつかないです。

document.writeを使用していますが、後から変えかえるつもりです。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[退会済みユーザー]

なぜdocument.writeでHTML出力を？ phpで出力した方が簡単そうなのに。

[退会済みユーザー]

phpでテーブルを作成しようと思いましたがそれも上手くいかなくてscriptを使用しよと
考えました。。

[退会済みユーザー]

この状況で何か突破口はあるのでしょうか
。。

[yambejp]

6/1から6/7までの降順のデータはどこからもってきていますか？

[退会済みユーザー]

それはdate関数を使ってもってきました。一週間分を表示して行きたくてfor文で回しております

[退会済みユーザー]

now_date.setDate(now_date.getDate() + 7); //左からの埋めてる

//日付の行ルーフ
for(i=0; i<7; i++){
//日付表示
now_date.setDate(now_date.getDate() - 1); //１日増やす

var year = now_date.getFullYear();
var mon = now_date.getMonth()+1;
var dat = now_date.getDate();

var daytotal = year + '-' + mon + '-' + dat

document.write('<th>' + daytotal + '</th>');

}

//日付終わり
document.write('</tr>');

[退会済みユーザー]

この欄にコードをかかずに、質問文中に追記してください、見づらい。

[退会済みユーザー]

該当のソースコードの真ん中ぐらいに書いてあります。すみません。

Answer 1

$datas=[
  ["m_id"=>"A","m_dat"=>"2021-06-04"],
  ["m_id"=>"B","m_dat"=>"2021-06-01"],
  ["m_id"=>"C","m_dat"=>"2021-06-02"],
  ["m_id"=>"D","m_dat"=>"2021-06-02"],
  ];

$date=array_map(function($x){return date('Y-m-d',$x);},range(strtotime('2021-06-07'),strtotime('2021-06-01'),-60*60*24));
$list=["A","B","C","D"];
print "<table border>\n";
print "<thead>\n";
print "<tr>\n";
print "<th>&nbsp;</th>\n";
foreach($date as $d){
  print "<th>$d</th>\n";
}
print "</tr>\n";
print "</thead>\n";
print "<tbody>\n";
  foreach($list as $l){
  print "<tr>\n";
    print "<td>$l</td>\n";
    foreach($date as $d){
    $val=count(array_filter($datas,function($x) use($d,$l){
      return $x["m_id"]==$l and $x["m_dat"]==$d;
    }))>0?"o":"x";
    print "<td>$val</td>\n";
  }
  print "</tr>\n";
}
print "</tbody>";
print "</table>";

Comments

[退会済みユーザー]

全文phpで書いたのですね、、すごすぎます
すこしだけ説明のほどお願いしてもよろしいでしょうか？
ステータスの表示のところです

[yambejp]

縦にメンバー、横に日付を設定しているので
SQLから$data相当のデータをうけとっているなら
合致した場合は○そうでない場合は✕を表示するようにしています
filterすると合致するデータが残るのでcountをとって0より大きい
つまりデータが存在する・・・ということ
あとは三項演算子はわかりますか？

[退会済みユーザー]

三項演算子、すみません。よく理解できなかったです

[yambejp]

条件(真偽)?真の結果:偽の結果・・・です
https://www.php.net/manual/ja/language.operators.comparison.php#language.operators.comparison.ternary

[退会済みユーザー]

申し訳ないのですが、ここの仕組みがもっと知りたいです。

コードのコピペは申し訳ございません。

foreach($date as $d){
$val=count(array_filter($datas,function($x) use($d,$l){
return $x["m_id"]==$l and $x["m_dat"]==$d;
}))>0?"o":"x";
print "<td>$val</td>\n";

[yambejp]

まず$dateが6/7～6/1のデータになっていることはご理解されていますか？
foreachで回すことで$dは順番に6/7,6/6・・・6/1と変化します
その上で$datasをフィルタ処理をします
$datasの要素を順番に取り出し$xとします。
$xの要素m_idとリストから抽出したでた$lを比較かつ
$xの要素m_datと日付ら抽出したでた$dを比較し
両方合致するものだけ摘出します
countが0より大きければ合致するのでtrueで"o"そうでなければfalseで"x"になります

[退会済みユーザー]

一週間分が配列に入っていることは理解ができました。
配列同士を比較して一致すればOを出していくのも理解できました。ありがとうございます！

foreachはfscriptにはないと思っていますがfor文として配列の中身を比較することはできるのでしょうか？

質問ばかりで申し訳ございません。

[yambejp]

> foreachはfscriptにはない

fscriptとは？
javascriptで処理する場合for / for in / for ofが用意されています
配列の場合はforEachメソッドの利用でもよいでしょう

[退会済みユーザー]

すみませんが、scriptでどのように表現すればいいのか教えていただくことは可能でしょうか？
申し訳ございません。
中々考え不足で、、

[退会済みユーザー]

配列.forEach(function(date){
で考えてみたのですが、上手くできませんでした

Answer 2

jsでやるか、phpでやるかに関わらず、
指定箇所のセルに関わるtd要素を出力する場面で、
条件を満たすかどうかを判定しながら
コツコツやるのが一つの手です。
慣れていないときは、まずこの方法で実装を試みるのが簡単です。

SQLの結果で注意しなければいけないのは、
存在しないデータは返せないという点であろうかと思います。
ステータスと日付の全組み合わせのデータは存在しないんですよね？ きっと。

SQLを工夫すれば、
ステータスと日付の総当りデータの結果を取得することもできますが、
データ構造が今ひとつわからないのと、実行環境を再現する余裕がないので、
ご容赦ください。

$resultを基にループを回すのは間違いです。
出力したいHTMLに準じて、ステータスのループの中に、日付のループを置き、
td出力するところで$resultを走査して該当するステータスと日付のデータが有るか探し、
出力する記号を決めたらいいです。

Comments

[退会済みユーザー]

コツコツ指定して出していきたいと考えます。