ページ 11

テンプレート変数Dateのカレンダー表示の不具合について  【解決済み】

Posted: 2010年7月20日(火) 03:01
by jbitmm
[サーバ]
 ホスト&契約タイプ:GMO
 ネットワーク:インターネット
 Webサーバ:Apache/2.2.15
 PHPバージョン:5.2.12
 DB:MySQL5.0.67
[modx]
 バージョン:1.0.4J
[クライアント]
 ブラウザ:Firefox3.5
-------------------------------------
いつもお世話になっています。
今回、テンプレート変数で、入力タイプにDateを指定したものを10個ほど作成する必要が出てきました。
早速作成し、ドキュメントを編集し始めたところ、
いくつかのカレンダーの表示が崩れていました。
画像
正常に表示されるカレンダーもあります。
対処方法をご存知でしたらご教示いただけませんでしょうか。
よろしくお願いいたします。

Re: テンプレート変数Dateのカレンダー表示の不具合について

Posted: 2010年7月20日(火) 10:50
by yama
http://www.styledisplay.com/mootoolsdatepicker/
こちらのライブラリを利用しているのですが、手書きでhtmlを書いて同じ症状を再現してみるところからデバッグしてみるとよさそうに思います。
手が空いた時でよければ調べてみます。

Re: テンプレート変数Dateのカレンダー表示の不具合について

Posted: 2010年7月20日(火) 11:21
by jbitmm
早速のご回答をいつもありがとうございます。
デバッグしてみます。
もし、宜しければご都合の良い時にそちらでも検証していただけませんでしょうか。
よろしくお願いいたします。

Re: テンプレート変数Dateのカレンダー表示の不具合について

Posted: 2010年7月20日(火) 12:21
by jbitmm
原因が解かりました。
DatePicker が複数並んだ際に生成されるスタイルシートの z-index の値が全て同じことに起因していました。
レイヤーが同じため、画面下にある DatePicker のアイコンが優先表示されています。
後処理されるオブジェクトの z-index の値がデクリメントされていくと解決なのですが、これからどうすれば良いでしょうか。
ご教示いただけると助かります。
よろしくお願いいたします。

Re: テンプレート変数Dateのカレンダー表示の不具合について

Posted: 2010年7月20日(火) 12:24
by yama
<td valign="top" style="position:relative;z-index:500;">
ソースを見るとこのようになってますが、これが501・502・503・・・と増えていくとよさそうでしょうか?

追記
逆ですか?499・498・497・・・

Re: テンプレート変数Dateのカレンダー表示の不具合について

Posted: 2010年7月20日(火) 13:21
by jbitmm
はい。
デクリメントで正常に動作します。
また、position が relative ですので、
すべての style="position:relative;z-index:500;" を削除しても正常に動作します。
ただ、わざわざスタイルシートを設定してありますので、
他のブラウザや使用パターンなども含めて検証する必要があるとは思いますが。

Re: テンプレート変数Dateのカレンダー表示の不具合について

Posted: 2010年7月20日(火) 14:07
by yama
了解です。テスト用のファイルを作りますのでしばらくお待ちを。

Re: テンプレート変数Dateのカレンダー表示の不具合について

Posted: 2010年7月20日(火) 14:31
by yama
これを /manager/actions/ に上書きしてみていただけますでしょうか。

Re: テンプレート変数Dateのカレンダー表示の不具合について

Posted: 2010年7月20日(火) 14:52
by jbitmm
いただきましたファイルで上書きいたしました。
正常に動作しています。
なお、他の使用パターンにつきましては、この案件が終わりましたら検証してみます。
ありがとうございました。

Re: テンプレート変数Dateのカレンダー表示の不具合について

Posted: 2010年7月20日(火) 14:54
by yama
確認ありがとうございます。
http://code.google.com/p/modx-ja/issues/list
もしよければ上記で改善要望を投稿いただければ次のバージョンで対応できると思います。