タグ

jqueryとcssに関するpick_mugetuのブックマーク (2)

  • iPhone風のテキストボックスの文字を消去するボタンを実装するチュートリアル :: 5509

    iPhoneユーザーにはお馴染みこのボタン いつのまにかYahoo検索でも採用されてました同じようなボタン ちょっとした配慮で少しでも入力する手間を軽減できるいい例ですね。 お問い合わせなどのフォームではあんまり役に立たないかもしれませんが 検索窓のテキストボックスなどでは割と使えるかも…? というわけでこのテキストボックスの中身を消去するボタンを実装する方法を紹介します。 最終的にjQueryプラグインにしているのでサンプルはプラグイン版です。 チュートリアルなんかいらない人はプラグインの項目にどうぞ。 サンプル サンプルファイルのダウンロード iPhoneのようなテキストボックスの中身を消去するボタンを実装するチュートリアル まずはINPUT要素を用意します わかりやすいようにIDにはsearch、CLASSにはdelvalを指定しています。 次は削除ボタンを表示しているときを考えます

  • 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を固定してあげることです。 実

  • 1