カレンダーに表示した数字（日付）の当日部分だけ色を変えたい

cssで作成したカレンダーの当日部分の色を変えて表示したい

cssでカレンダーを作成しており、日付をクリック→スケジュール入力画面に
というものを作ろうとしています。
（初心者です。用語などの間違いありましたらすみません）
当日の日付をphpで取得し、カレンダー内の当日部分の色を変えたいのですが、
やり方がわかりません。
また、何か他の方法があればぜひお教えいただきたいです。

ご教授の程、宜しくお願い致します。

html
1<!DOCTYPE html>
2<html>
3<head>
4	<title>カレンダー</title>
5	<link rel="stylesheet" type="text/css" href="calendar.css"
6</head>
7<body>
8
9	<div class="aaa">
10	
11	<div class="bbb">
12		<div class="month">2018年1月</div>
13		<div class="prev"><a href="prev.php">&#8810</a></div>
14		<div class="next"><a href="next.php">&#8811</a></div>
15	</div>
16
17    <div class="ccc">日</div>
18    <div class="ddd">月</div>
19    <div class="ddd">火</div>
20    <div class="ddd">水</div>
21    <div class="ddd">木</div>
22    <div class="ddd">金</div>
23    <div class="eee">土</div>
24
25    <div class="fff"><a href="schedule.php"style="color:#ff0000"></a></div>
26    <div class="ggg"><a href="schedule.php"style="color:#000000">1</a></div>
27    <div class="hhh"><a href="schedule.php"style="color:#000000">2</a></div>
28    <div class="iii"><a href="schedule.php"style="color:#000000">3</a></div>
29    <div class="jjj"><a href="schedule.php"style="color:#000000">4</a></div>
30    <div class="kkk"><a href="schedule.php"style="color:#000000">5</a></div>
31    <div class="lll"><a href="schedule.php">6</a></div>
32
33    <div class="fff"><a href="schedule.php"style="color:#ff0000">7</a></div>
34    <div class="ggg"><a href="schedule.php"style="color:#000000">8</a></div>
35    <div class="hhh"><a href="schedule.php"style="color:#000000">9</a></div>
36    <div class="iii"><a href="schedule.php"style="color:#000000">10</a></div>
37    <div class="jjj"><a href="schedule.php"style="color:#000000">11</a></div>
38    <div class="kkk"><a href="schedule.php"style="color:#000000">12</a></div>
39    <div class="lll"><a href="schedule.php">13</a></div>
40
41    <div class="fff"><a href="schedule.php"style="color:#ff0000">14</a></div>
42    <div class="ggg"><a href="schedule.php"style="color:#000000">15</a></div>
43    <div class="hhh"><a href="schedule.php"style="color:#000000">16</a></div>
44    <div class="iii"><a href="schedule.php"style="color:#000000">17</a></div>
45    <div class="jjj"><a href="schedule.php"style="color:#000000">18</a></div>
46    <div class="kkk"><a href="schedule.php"style="color:#000000">19</a></div>
47    <div class="lll"><a href="schedule.php">20</a></div>
48
49    <div class="fff"><a href="schedule.php"style="color:#ff0000">21</a></div>
50    <div class="ggg"><a href="schedule.php"style="color:#000000">22</a></div>
51    <div class="hhh"><a href="schedule.php"style="color:#000000">23</a></div>
52    <div class="iii"><a href="schedule.php"style="color:#000000">24</a></div>
53    <div class="jjj"><a href="schedule.php"style="color:#000000">25</a></div>
54    <div class="kkk"><a href="schedule.php"style="color:#000000">26</a></div>
55    <div class="lll"><a href="schedule.php">27</a></div>
56
57    <div class="fff"><a href="schedule.php"style="color:#ff0000">28</a></div>
58    <div class="ggg"><a href="schedule.php"style="color:#000000">29</a></div>
59    <div class="hhh"><a href="schedule.php"style="color:#000000">30</a></div>
60    <div class="iii"><a href="schedule.php"style="color:#000000">31</a></div>
61    <div class="jjj"><a href="schedule.php"style="color:#000000"><a></div>
62    <div class="kkk"><a href="schedule.php"style="color:#000000"><a></div>
63    <div class="lll"><a href="schedule.php"><a></div>
64    
65
66
67	
68</div>
69
70
71</body>
72</html>

css
1.aaa{
2	margin: auto ;
3	border: 2px solid silver;
4	width: 600px ;
5	height: 400px ;
6
7}
8
9.bbb{
10	border: 1px solid silver;
11	width: 100% ;
12	height: 10% ;
13	
14}
15
16.ccc{
17	border: 1px solid silver ;
18	box-sizing: border-box;
19	text-align: center ;
20	height: 10% ;
21	color: red ;
22}
23
24.ddd{
25	border: 1px solid silver ;
26	box-sizing: border-box;
27	text-align: center ;
28	height: 10% ;
29}
30
31.eee{
32	border: 1px solid silver ;
33	box-sizing: border-box;
34	text-align: center ;
35	height: 10% ;
36	color: blue ;
37}
38
39.ccc, .ddd, .eee{
40	float: left ;
41	border-color: silver ;
42	width: 14.286% ;
43}
44
45.fff{
46	border: 1px solid silver ;
47	box-sizing: border-box;
48	text-align: center ;
49	height: 16% ; 
50	color: red ;
51}
52
53.ggg{
54    border: 1px solid silver ;
55	box-sizing: border-box;
56	text-align: center ;
57	height: 16% ;
58}
59
60.hhh{
61    border: 1px solid silver ;
62	box-sizing: border-box;
63	text-align: center ;
64	height: 16% ;
65}
66
67.iii{
68    border: 1px solid silver ;
69	box-sizing: border-box;
70	text-align: center ;
71	height: 16% ;
72}
73
74.jjj{
75    border: 1px solid silver ;
76	box-sizing: border-box;
77	text-align: center ;
78	height: 16% ;
79}
80
81.kkk{
82	border: 1px solid silver ;
83	box-sizing: border-box;
84	text-align: center ;
85	height: 16% ;
86}
87
88.lll{
89	border: 1px solid silver ;
90	box-sizing: border-box;
91	text-align: center ;
92	height: 16% ;
93	color: blue ;
94}
95
96.fff, .ggg, .hhh, .iii, .jjj, .kkk, .lll{
97	float: left ;
98	border-color: silver ;
99	width: 14.286% ;
100}
101
102
103
104
105.month{
106	text-align: center ;
107	margin: auto ;
108	color:  ;
109}
110
111.prev{
112	float: left ;
113	margin: auto ;
114	vertical-align: top ;
115	line-height: 10px ;
116}
117
118.next{
119	float: right ;
120	margin: auto ;
121	vertical-align: top ;
122	line-height: 10px ;
123}
124
125

最後の</div>の前に下記コードを入れてみましたが
カレンダーの下に出力されてしまいました。
「print」が出力なのでここを「現在の表示を変えられるもの」に
代えられれば可能なんじゃないかと考えているのですが、
そう簡単なものではないのでしょうか。

php
1<?php
2$today = date("j");
3
4   if ($today >= 0) {
5    $color="green"; 
6} else {
7 $color = ''; 
8}
9printf ('<span style="color:' . $color . ';">%+d</span><br />', $today);
10
11?>

出力ではなく、表示されている数字の色を変えたくて模索しております。
何か良い方法がありましたらお教えいただきたいです。

kei344

2018/01/24 05:34

質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。また、ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

coco_bauer

2018/01/24 05:44

質問者が作られたCSSや、PHPのコードを質問に追加してください。そこが回答を考える出発点になりますから。

退会済みユーザー

2018/01/24 05:46

ご指摘ありがとうございます。修正・追記いたしました。宜しくお願い致します。

defghi1977

2018/01/24 13:26

PHPで考える前に, 日付を固定してもいいですから最終的にどのようなHTML＋CSSが欲しいのかについて整理しましょう.

dit.

2018/01/25 06:25

退会済みユーザー

2018/01/25 08:19

ご指摘ありがとうございます。>は転記の際のミス、</a>は閉じてませんでした。

行動規範の内容に同意します

回答4件

エラーメッセージの「Notice: Undefined variable: 〜〜」は、ここでは、$todayが定義されていないという事ですので、

PHP
1    <div class="ccc">日</div>
2    ...
3    <div class="eee">土</div>
4

から上のソースを消してしまったのではないかと。。。

念の為、先ほどのソースを埋めこんだ、全ソースです。

PHP
1<!DOCTYPE html>
2<html>
3<head>
4<title>カレンダー</title>
5<style type="text/css">
6.aaa{
7	margin: auto ;
8	border: 2px solid silver;
9	width: 600px ;
10	height: 400px ;
11}
12.bbb{
13	border: 1px solid silver;
14	width: 100% ;
15	height: 10% ;
16}
17.ccc{
18	border: 1px solid silver ;
19	box-sizing: border-box;
20	text-align: center ;
21	height: 10% ;
22	color: red ;
23}
24.ddd{
25	border: 1px solid silver ;
26	box-sizing: border-box;
27	text-align: center ;
28	height: 10% ;
29}
30.eee{
31	border: 1px solid silver ;
32	box-sizing: border-box;
33	text-align: center ;
34	height: 10% ;
35	color: blue ;
36}
37.ccc, .ddd, .eee{
38	float: left ;
39	border-color: silver ;
40	width: 14.286% ;
41}
42.fff{
43	border: 1px solid silver ;
44	box-sizing: border-box;
45	text-align: center ;
46	height: 16% ; 
47	color: red ;
48}
49.ggg{
50	border: 1px solid silver ;
51	box-sizing: border-box;
52	text-align: center ;
53	height: 16% ;
54}
55.hhh{
56	border: 1px solid silver ;
57	box-sizing: border-box;
58	text-align: center ;
59	height: 16% ;
60}
61.iii{
62	border: 1px solid silver ;
63	box-sizing: border-box;
64	text-align: center ;
65	height: 16% ;
66}
67.jjj{
68	border: 1px solid silver ;
69	box-sizing: border-box;
70	text-align: center ;
71	height: 16% ;
72}
73.kkk{
74	border: 1px solid silver ;
75	box-sizing: border-box;
76	text-align: center ;
77	height: 16% ;
78}
79.lll{
80	border: 1px solid silver ;
81	box-sizing: border-box;
82	text-align: center ;
83	height: 16% ;
84	color: blue ;
85}
86.fff, .ggg, .hhh, .iii, .jjj, .kkk, .lll{
87	float: left ;
88	border-color: silver ;
89	width: 14.286% ;
90}
91
92.month{
93	text-align: center ;
94	margin: auto ;
95	color:  ;
96}
97.prev{
98	float: left ;
99	margin: auto ;
100	vertical-align: top ;
101	line-height: 10px ;
102}
103.next{
104	float: right ;
105	margin: auto ;
106	vertical-align: top ;
107	line-height: 10px ;
108}
109</style>
110</head>
111<body>
112<?php
113	$today = date("j");
114?>
115	<div class="aaa">
116		<div class="bbb">
117			<div class="month"><?php echo date('Y年n月'); ?></div>
118			<div class="prev"><a href="prev.php">&#8810</a></div>
119			<div class="next"><a href="next.php">&#8811</a></div>
120		</div>
121
122		<div class="ccc">日</div>
123		<div class="ddd">月</div>
124		<div class="ddd">火</div>
125		<div class="ddd">水</div>
126		<div class="ddd">木</div>
127		<div class="ddd">金</div>
128		<div class="eee">土</div>
129
130		<?php
131		$arrWeekClass = array('fff', 'ggg', 'hhh', 'iii', 'jjj', 'kkk', 'lll');
132		$year = date('Y');//現在の年
133		$month = date('n');//現在の月
134		$lastDate = date('t');//その月最後の日を取得
135		
136		//1日の曜日が、日曜日じゃないとずれてしまうので、空の要素を出力しておく
137		$wFirst = date('w', mktime(0, 0, 0, $month, 1, $year));
138		if($wFirst > 0){
139			for ($i=1; $i<=$wFirst ; $i++) { 
140				?><div class="<?php echo $arrWeekClass[$i]; ?>"></div><?php
141			}
142		}
143
144		for($i=1; $i<=$lastDate; $i++){
145			//その日の曜日を取得
146			$w = date('w', mktime(0, 0, 0, $month, $i, $year));
147
148			//曜日判定して色を指定
149			$color = '#000000';
150			if($w == 0){
151				$color = '#ff0000';
152			}
153
154			?><div class="<?php echo $arrWeekClass[$w]; ?>"><a href="schedule.php"style="<?php echo "color: $color"; ?>"><?php if($today == $i) { ?><span style="color: green;"><?php } else { ?><span><?php } ?><?php echo $i; ?></span></a></div><?php
155		}
156
157		//最終日の曜日が、土曜日じゃなければ、右側まで空の要素を出力する
158		$wLast = date('w', mktime(0, 0, 0, $month, $lastDate, $year));
159		if($wLast < count($arrWeekClass)){
160			for($i=$wLast+1; $i<=count($arrWeekClass); $i++) {
161				?><div class="<?php echo $arrWeekClass[$i]; ?>"></div><?php
162			}
163		}
164		?>
165	</div>
166</body>
167</html>
168

投稿2018/01/29 14:13

kszk311

総合スコア3404

退会済みユーザー

2018/01/30 02:36

kszk311様理解力が足りず、、お手数をおかけいたしました。ありがとうございます！当初のソースよりもすっきりして見やすいです。別の書き方で全く同じものが出せることに感動を覚えております。いろいろご教授くださりありがとうございました！勉強になりました。

行動規範の内容に同意します

1〜31の日付の要素を、PHPで出力した場合のソースを記述しておきます。
1月以外も対応してます。
ご参考までに。

PHP
1<?php
2$arrWeekClass = array('fff', 'ggg', 'hhh', 'iii', 'jjj', 'kkk', 'lll');
3$year  = date('Y');//現在の年
4$month = date('n');//現在の月
5$lastDate = date('t');//その月最後の日を取得
6
7//1日の曜日が、日曜日じゃないとずれてしまうので、空の要素を出力しておく
8$wFirst = date('w', mktime(0, 0, 0, $month, 1, $year));
9if($wFirst > 0){
10	for ($i=1; $i<=$wFirst ; $i++) { 
11	    ?><div class="<?php echo $arrWeekClass[$i]; ?>"></div><?php
12	}
13}
14
15for($i=1; $i<=$lastDate; $i++){
16	//その日の曜日を取得
17	$w = date('w', mktime(0, 0, 0, $month, $i, $year));
18
19
20	//曜日判定して色を指定
21	$color = '#000000';
22	if($w == 0){
23		$color = '#ff0000';
24	}
25
26    ?><div class="<?php echo $arrWeekClass[$w]; ?>"><a href="schedule.php"style="<?php echo "color: $color"; ?>"><?php if($today == $i) { ?><span style="color: green;"><?php } else { ?><span><?php } ?><?php echo $i; ?></span></a></div><?php
27}
28
29//最終日の曜日が、土曜日じゃなければ、右側まで空の要素を出力する
30$wLast = date('w', mktime(0, 0, 0, $month, $lastDate, $year));
31if($wLast < count($arrWeekClass)){
32	for($i=$wLast+1; $i<=count($arrWeekClass); $i++) {
33	    ?><div class="<?php echo $arrWeekClass[$i]; ?>"></div><?php
34	}
35}
36?>

投稿2018/01/29 07:08

kszk311

総合スコア3404

退会済みユーザー

2018/01/29 08:35

kszk311様ご回答ありがとうございます！お教えいただいたソース試してみましたが「Notice: Undefined variable: today in C:\xampp\htdocs\3days\calendar.php on line ○○」というエラーメッセージが出ており、まだそのエラーを解消できておりません。エラーの解消ができましたら、またコメントさせていただきます。ありがとうございます。

kszk311

2018/01/29 13:55

おそらくですが、全ソース入れ替えた、とかでしょうか？ <div class="fff"><a href="schedule.php"style="color:#ff0000"></a></div> <div class="ggg"><a href="schedule.php"style="color:#000000">1</a></div> ......... <div class="kkk"><a href="schedule.php"style="color:#000000"><a></div> <div class="lll"><a href="schedule.php"><a></div> のところのみ、上記ソースに入れ換えるという事でした、失礼しました。

退会済みユーザー

2018/01/30 04:33

はい、ご指摘の通り全ソース入れ替えてました。。コードのひとつひとつの意味や役割の理解をもっと深められるよう勉強していきます。全ソースまでご提示いただいてしまい、お手数おかけしました。今回はありがとうございました！

行動規範の内容に同意します

ベストアンサー

ざっくりですが作ってみました。

html
1<!DOCTYPE html>
2<html>
3<head>
4    <title>カレンダー</title>
5<style type="text/css">
6.aaa{
7    margin: auto ;
8    border: 2px solid silver;
9    width: 600px ;
10    height: 400px ;
11
12}
13
14.bbb{
15    border: 1px solid silver;
16    width: 100% ;
17    height: 10% ;
18
19}
20
21.ccc{
22    border: 1px solid silver ;
23    box-sizing: border-box;
24    text-align: center ;
25    height: 10% ;
26    color: red ;
27}
28
29.ddd{
30    border: 1px solid silver ;
31    box-sizing: border-box;
32    text-align: center ;
33    height: 10% ;
34}
35
36.eee{
37    border: 1px solid silver ;
38    box-sizing: border-box;
39    text-align: center ;
40    height: 10% ;
41    color: blue ;
42}
43
44.ccc, .ddd, .eee{
45    float: left ;
46    border-color: silver ;
47    width: 14.286% ;
48}
49
50.fff{
51    border: 1px solid silver ;
52    box-sizing: border-box;
53    text-align: center ;
54    height: 16% ; 
55    color: red ;
56}
57
58.ggg{
59    border: 1px solid silver ;
60    box-sizing: border-box;
61    text-align: center ;
62    height: 16% ;
63}
64
65.hhh{
66    border: 1px solid silver ;
67    box-sizing: border-box;
68    text-align: center ;
69    height: 16% ;
70}
71
72.iii{
73    border: 1px solid silver ;
74    box-sizing: border-box;
75    text-align: center ;
76    height: 16% ;
77}
78
79.jjj{
80    border: 1px solid silver ;
81    box-sizing: border-box;
82    text-align: center ;
83    height: 16% ;
84}
85
86.kkk{
87    border: 1px solid silver ;
88    box-sizing: border-box;
89    text-align: center ;
90    height: 16% ;
91}
92
93.lll{
94    border: 1px solid silver ;
95    box-sizing: border-box;
96    text-align: center ;
97    height: 16% ;
98    color: blue ;
99}
100
101.fff, .ggg, .hhh, .iii, .jjj, .kkk, .lll{
102    float: left ;
103    border-color: silver ;
104    width: 14.286% ;
105}
106
107
108
109
110.month{
111    text-align: center ;
112    margin: auto ;
113    color:  ;
114}
115
116.prev{
117    float: left ;
118    margin: auto ;
119    vertical-align: top ;
120    line-height: 10px ;
121}
122
123.next{
124    float: right ;
125    margin: auto ;
126    vertical-align: top ;
127    line-height: 10px ;
128}
129</style>
130</head>
131<body>
132<?php
133$today = date("j");
134?>
135
136    <div class="aaa">
137
138    <div class="bbb">
139        <div class="month">2018年1月</div>
140        <div class="prev"><a href="prev.php">&#8810</a></div>
141        <div class="next"><a href="next.php">&#8811</a></div>
142    </div>
143
144    <div class="ccc">日</div>
145    <div class="ddd">月</div>
146    <div class="ddd">火</div>
147    <div class="ddd">水</div>
148    <div class="ddd">木</div>
149    <div class="ddd">金</div>
150    <div class="eee">土</div>
151
152    <div class="fff"><a href="schedule.php"style="color:#ff0000"></a></div>
153    <div class="ggg"><a href="schedule.php"style="color:#000000"><?php if($today == 1) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>1</span></a></div>
154    <div class="hhh"><a href="schedule.php"style="color:#000000"><?php if($today == 2) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>2</span></a></div>
155    <div class="iii"><a href="schedule.php"style="color:#000000"><?php if($today == 3) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>3</span></a></div>
156    <div class="jjj"><a href="schedule.php"style="color:#000000"><?php if($today == 4) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>4</span></a></div>
157    <div class="kkk"><a href="schedule.php"style="color:#000000"><?php if($today == 5) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>5</span></a></div>
158    <div class="lll"><a href="schedule.php"><?php if($today == 5) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>6</span></a></div>
159
160    <div class="fff"><a href="schedule.php"style="color:#ff0000"><?php if($today == 7) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>7</span></a></div>
161    <div class="ggg"><a href="schedule.php"style="color:#000000"><?php if($today == 8) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>8</span></a></div>
162    <div class="hhh"><a href="schedule.php"style="color:#000000"><?php if($today == 9) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>9</span></a></div>
163    <div class="iii"><a href="schedule.php"style="color:#000000"><?php if($today == 10) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>10</span></a></div>
164    <div class="jjj"><a href="schedule.php"style="color:#000000"><?php if($today == 11) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>11</span></a></div>
165    <div class="kkk"><a href="schedule.php"style="color:#000000"><?php if($today == 12) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>12</span></a></div>
166    <div class="lll"><a href="schedule.php">13</a></div>
167
168    <div class="fff"><a href="schedule.php"style="color:#ff0000"><?php if($today == 14) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>14</span></a></div>
169    <div class="ggg"><a href="schedule.php"style="color:#000000"><?php if($today == 15) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>15</span></a></div>
170    <div class="hhh"><a href="schedule.php"style="color:#000000"><?php if($today == 16) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>16</span></a></div>
171    <div class="iii"><a href="schedule.php"style="color:#000000"><?php if($today == 17) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>17</span></a></div>
172    <div class="jjj"><a href="schedule.php"style="color:#000000"><?php if($today == 18) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>18</span></a></div>
173    <div class="kkk"><a href="schedule.php"style="color:#000000"><?php if($today == 19) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>19</span></a></div>
174    <div class="lll"><a href="schedule.php">20</a></div>
175
176    <div class="fff"><a href="schedule.php"style="color:#ff0000"><?php if($today == 21) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>21</span></a></div>
177    <div class="ggg"><a href="schedule.php"style="color:#000000"><?php if($today == 22) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>22</span></a></div>
178    <div class="hhh"><a href="schedule.php"style="color:#000000"><?php if($today == 23) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>23</span></a></div>
179    <div class="iii"><a href="schedule.php"style="color:#000000"><?php if($today == 24) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>24</span></a></div>
180    <div class="jjj"><a href="schedule.php"style="color:#000000"><?php if($today == 25) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>25</span></a></div>
181    <div class="kkk"><a href="schedule.php"style="color:#000000"><?php if($today == 26) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>26</span></a></div>
182    <div class="lll"><a href="schedule.php"><?php if($today == 27) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>27</span></a></div>
183
184    <div class="fff"><a href="schedule.php"style="color:#ff0000"><?php if($today == 21) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>28</span></a></div>
185    <div class="ggg"><a href="schedule.php"style="color:#000000"><?php if($today == 21) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>29</span></a></div>
186    <div class="hhh"><a href="schedule.php"style="color:#000000"><?php if($today == 21) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>30</span></a></div>
187    <div class="iii"><a href="schedule.php"style="color:#000000"><?php if($today == 21) { ?><span style="color: green;"><?php } else { ?><span><?php } ?>31</span></a></div>
188    <div class="jjj"><a href="schedule.php"style="color:#000000"><?php if($today == 21) { ?><span style="color: green;"><?php } else { ?><span><?php } ?></span><a></div>
189    <div class="kkk"><a href="schedule.php"style="color:#000000"><?php if($today == 21) { ?><span style="color: green;"><?php } else { ?><span><?php } ?></span><a></div>
190    <div class="lll"><a href="schedule.php"><a></div>
191
192
193
194
195</div>
196
197
198</body>
199</html>

投稿2018/01/27 05:53

編集2018/01/27 08:07

junzi

総合スコア279

退会済みユーザー

2018/01/29 05:22

junzi様返信が遅くなり申し訳ございません。お教えいただいた方法で、希望のカレンダーが作れました！こんな方法があるのかと目から鱗でした。本当にありがとうございました！！

junzi

2018/01/29 09:13

if文で日付が一致すれば <span style="color: green;">のスタイルを入れて一致しなければスタイルを入れずに<span>だけにしてます。分らないうちは最低限だけ使用してあとはベタ打ちする(静的ページ)ところから始めるといいですよ。 if文だけ応用して使ってれば大抵何とかなります。もっと理解が進むとこんなに長々書かなくても良くなり便利になりますが、必要な所だけ勉強して取り入れていけばいいかと思います。

退会済みユーザー

2018/01/30 04:30

if文を使用するのは、まさに私がやりたかったことなんだと思います。 phpの組み込み方（？）がわからず悩んでおりました。。今回お教えいただいたものも100％理解できたかといわれると難しいのでより理解を深められるよう、学んでいきたいと思います。ご丁寧にありがとうございました！

行動規範の内容に同意します

HTMLのソースは、静的に作ったものでしょうか。
であれば、
・2018年1月」の部分をPHPで処理させる（現在の年・月を取得）
・1〜31までを、曜日関係なくループ出力
・月始まり（その月の１日）の曜日を取得する
など行い、PHPでHTMLを出力するところからやってみてはどうでしょう？

ループ中に、出力しようとしている日付が当日かどうかを判定し、
当日であれば、色を変える処理（クラスをつけるなど）をやってみると、いいかなと思います。

投稿2018/01/25 06:16

kszk311

総合スコア3404