jqueryのdatepicker / datetimepickerを最前面に表示したいのにelrteが部分的に優先して表示されてしまう、そんなとき | sugiyama-log
jqueryのdatepicker / datetimepickerを最前面に表示したいのにelrteが部分的に優先して表示されてしまう、そんなとき 日付の入力にjqueryのdatepicker / datetimepickerを使い、本文の入力にWYSIWYGエディタであるelrteを使って開発をしていました。 datepickerの下にelrteを配置したところ、datepickerを最前面に表示したいのにelrteが部分的に優先して表示されてしまう、そんなとき。 そう。問題はz-indexにあります。 datepickerのz-indexは1になっているのに対して、elrteの一部のz-indexが1以上になっているようです。 datepicker z-indexでググるとヒントがいろいろ出てきます。 リーズナブル（簡単）な方法はcssでz-indexを固定してあげることです。 実
jQuery UI の Sortable を使いドラッグ＆ドロップで並べ替え
jQuery UI の Sortable プラグインを使い、ドラッグ＆ドロップで並べ替えを行えるようにする方法。 実装例（サンプル） 項目 1 項目 2 項目 3 項目 4 項目 5 項目 6 項目 7 実装例の動作について 「項目 1」をドラッグして、下へ動かし、「項目 2」の上に持ってくると、「項目 2」が上へ移動し、「項目 2」と「項目 3」の間にスペースができる。そのスペースへドロップすると、「項目 1」と「項目 2」が入れ替わり、「項目 2」「項目 1」「項目 3」…の順番になる。 同様に、「項目 1」から「項目 7」の項目全て、ドラッグ＆ドロップによる並べ替えが行える。 実装例のソースコード 読み込み 読み込み方は、2種類ある。パスは、それぞれ、アップロードした場所を指定する。 まとめて読み込む場合 <link rel="stylesheet" href="themes/bas
jQuery UIのDatepickerでカレンダーから楽々日付入力
フォーム入力で日付を扱うことあると思いますが、数字だけの割にはいろいろと制御が面倒な部分でもあります。 入力フォーマット、年・月・日の制御など、作る側としてはかなり見えない部分の仕事が増えます。 入力するユーザの立場としても、フォームがドーンとあっただけでは入力に迷いますし、こういう局面ではカレンダーなどで曜日や日にち間隔を確認しますよね。 この両者の不便さを解消する方法として、jQueryのプラグインである「jQuery UI」の１機能、「Datepicker」で解消できます。 Datepickerを使用することで、フォームへの日付入力の際、カレンダーを表示して入力補助をするインターフェースを、簡単に実装できます。 jQueryを用意するjQuery UIはjQueryのプラグインであるため、jQuery本体が必要となります。 jQuery本体の準備は以前「「CrossSlide」写真や
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
little-braver.com
