本日の日付と曜日をバルーン表示

20160907a診療時間のページに、表示している「本日の日付と曜日」を吹き出し風に変更しました。

曜日が変わると、該当する曜日の上に、吹き出しが移動するようにしました。

吹き出しは、背景画像ではなく、Canvasで描画。

本日の日付はレンタルサーバーからPHPにより取得。

ただし、吹き出しの位置は、クライアントPCの時計からJavaScriptにより取得した日付情報を元に表示。

その為、閲覧環境の時計が遅れていたりした場合は、表示している曜日(文字)と、吹き出しが出ている曜日の位置が違うという場合が起こりえます。

本来なら両方共、レンタルサーバーの時計を参照するべきなので・・・そのうち、可能であれば、改修したいと思います。

また、スマートフォンなどの小さい画面環境では、吹き出し表示をオフにしています。

・・・あしからず・・・。


インラインフレームに表示してみました。


関連記事:
本日の日付と曜日(改)