Web開発

jQueryを使用したページを作っている場合は沢山選択肢はあるが、jQueryを導入していないページにカレンダー機能だけのために導入するというのもナンセンスなので、必要としないライブラリを調査した。 その中で、flatpickrが軽くてデザ ...

フォームで要素間移動をTabキー以外にもEnterキーで移動させたいという要望がよくある。 jQueryで書くと下記のような感じ。   しかし、最後の要素にあたる部分が 等で非表示にしたり表示したりという制御を行っている場合、表示 ...

javascriptで関数を利用したところ、ChromeやFirefoxで動作することが確認できた。 しかしIE11で見たら「SCRIPT1006: ')' がありません。」というエラーが発生して、データが表示されない問題が発生した。 調べ ...

header Locationを使って画面遷移をした時にセッションが消える問題があり、盛大にはまったので対処方法の覚え書き。 起こっていた現象 ページ遷移後にあるセッション変数による条件分岐にうまく入れていないことがわかった。 該当するセッ ...

input要素等でよく使用するdisabled属性の指定方法として、「disabled」と書くか「disabled="disabled"」の2パターンだと思っていた。 ところが、Microsoft EdgeのF12開発者ツールで要素を見てい ...

一般には公開しないような管理者専用の画面で、ログファイルをブラウザから表示、絞り込みができればいいなぁと思ったので作ってみた。   仕上がりイメージ 先に仕上がりイメージを見せるとこんな感じ。 CSSはほとんどいじっていないのでも ...

業務系Webアプリを作成する上で、デザイン面でよく参考にするサイトの覚え書き。 画面設計方法 業務系Webアプリケーションシステムの画面設計のしかた 私も大体同じ流れで作っている。   総合テンプレート 様々なWebアプリの参考に ...

テキストフィールドに何か入力したときに現れる"x"ボタン(クリアボタン)について。     今までIEだけかと思って下記のCSSで削除していた。   しかし、ユーザーから搭載してほしいという要望があったため、他 ...

ページをいくつかに分割(menu/header/main/footer等)し、それぞれを読み込んで利用している際、session_start()が二重に呼び出されて警告が出る時の対策の覚書き。 session_status() を使うと、現 ...

前回までに引き続きDataTablesについて。今回はテーブルのレスポンシブWebデザイン化。 これまでの投稿は下記の通り。 Part1 -Introduction- Part2 -Server-side processing- Part3 ...