記事一覧

差分の表示方法と差分の棲み分けの必要性について

 現在、テストサイトにて初期表示では差分を表示せず、ボタン一つで差分の表示を切り替えることができる仕組みができた、と思わせて出来ていない。

 ブラウザの仕様なのか、ボタンを二回押さないとなぜか切り替わってくれない。うーむ、いい手だと思ったんだけど、手法に問題があるようだ。その他、実際にやってみると問題が浮き彫りになり、現在、別の手を考えている最中である。

続き

■ボタンを二回押さなくてはならない問題
 HTML テーブルタグ に id を与え、class で display: none; 指定をして初期表示では非表示にし、javaScript を使って指定された id の display を block に切り替える。これで動くだろうと思ったら、初回時のみ、二回押さないと表示と非表示が切り替わらない。一回目は無反応なのである。おそらく、ページ構成時に id 指定で非表示にしているわけではないからだろう。

■差分表示の切り替えに伴い、デザインが崩れる場合がある
 差分元のAAよりも横幅が大きい差分が存在した場合、差分の表示非表示を切り替えるとテーブルセルのサイズが一番横幅の大きいものに合わせて激しく変わってしまう。かなり扱いにくい。

□上記の解決策
 差分表示を別ページに分ける。PHP 処理をはさめるので HTML 自体に細かい処理を加えなくて済むし、差分を含まないのであればページの表示速度は格段に向上する。

□解決策の副作用
 差分表示のためにボタン押下を要求するため、面倒と感じるかも。
 ページ分けるなら、データファイルも差分AAだけをまとめたものをつくろーよーという欲求発生! でもそれやるとAAの数え方が面倒になったりデータの追加が面倒になったりといろいろね!?


 実際にやる前にいろいろ考えるわけであるが、すぱっとすべてが丸く収まる方法が思いつかない。やっぱ、複雑になるとどんどん面倒になるなぁ;
 開発ばかりしているとサイト本体をほったらかしにしてしまうし、どうしたもんやら。

コメント一覧

コメント投稿

投稿フォーム
名前
Eメール
URL
コメント
削除キー
公開設定