中級プログラマの自宅でPHP ブログ

自宅用ポータルシステム「MyHome Portal」をオープンソースで公開。MyHome Portalの説明とエンハンス情報。

Ver.5.12:タイマーアラートと横2段テキストエリア

MyHome Portal Ver.5.12をリリースしました。

http://ok2nd.web.fc2.com/download.html

「メモ」で、連続する半角スペース・タブをそのまま表示するようにしました。CSSの「white-space: pre-wrap;」を使っています。

Chromeの場合、一覧形式の「一括修正/追加/削除」の月日選択<select>プルダウンを、HTML5の<input type="number">に変更。

ツール「横2段 テキストエリア」を追加。

横2段にテキストエリアがあるだけのページです。ログイン・ユーザー毎に1ページです。保存ボタンで、MySQLデータベースに保存されます。画面遷移はしません。フォントサイズとフォント種類は変更できます。

文章の修正や、2つの文章(例えば、英文と日本語)を比較しながら読みたい場合等にお使いください。

pane2.jpg

タイマーアラート機能を追加しました。設定した時間になると、JavaScriptのalertによるアラートが出ます。

alarm-alert.jpg

ページヘッダー右上の時計アイコンをクリックすると「タイマーアラート設定」ページが開きます。

header-right2.jpg

10個まで設定できます。時間とメッセージを設定してください。

日や曜日を設定すると、毎月または毎週、その時間になるとアラートが表示されます。

日や曜日を設定しない場合、毎日その時間になるとアラートが表示されます。

このアラート機能が実行されるためには、下にフッター表示のあるMyHome Portalの主要コンテンツ・ページをブラウザで開いている必要があります。

ブラウザのタブの一つにMyHome Portalの主要コンテンツが開いていれば機能します。

alarm-set.jpg

タイマーアラート機能が有効になるページのフッター部分には、当日のその時点以降実行されるアラート時間が表示されます。

アラート時間の上にカーソルを載せるとアラートメッセージがツールチップで表示されます。

alarm-alert-tooltip.jpg