画面をスクロールしても、いつも決まった位置(固定位置)にいるボタンをを作ってみます。 jqueryのプラグインを使うとアニメーションをしたり、色々凝ったことができますが、 ここでは簡単にCSSだけで作ってみます。 CSSのサンプル .floating { top:...
Loading...
2014年3月28日金曜日
2014年3月26日水曜日
【jquery】jqueryを使ってラジオボタンやチェックボックスのdisabled設定
3/26/2014
ボタンを押すことで、ラジオボタンやチェックボックスのdisabledを設定してみます。 よく使うのですが、よく使う割りに忘れてしまうのでおぼえがきです。 HTMLのサンプル ラジオボタン : jquery java php チェックボックス: jquery ...
2014年3月24日月曜日
【jquery】テーブルを検索して合致するセルをハイライト
3/24/2014
テーブルのセルの文字列を検索して、合致したセルの背景色を変えるサンプルです。 ブラウザの検索とほぼ同じ機能なので、あまり使わないかもしれませんが。。 jqueryの勉強も兼ねているので・・・ということでサンプルです。 サンプルは、 テキストボックスに検索したい文字を...
2014年3月20日木曜日
【jquery】jqueryを使ってテーブルの縦列を結合する
3/20/2014
テーブルの縦列で同じデータがあった場合、結合(rowspan)するサンプルです。 同じデータは順番に並んでいる必要があり、このサンプルは一番左の縦列のみ結合します。 今回は縦バージョンですが、横バージョンもいずれ。。。 HTMLのサンプル 関東 東京 ...
2014年3月18日火曜日
【jquery】jqueryを使ってページ内遷移させる(animate)
3/18/2014
jqueryのanimateを使ってページ内遷移をさせてみようと思います。 aタグ(<a href="#page1">)を使ったサンプルはよくみるのですが、 ここではaタグを使わずに試してみます。 サンプルページはこちら HTMLのサンプル ...
2014年3月10日月曜日
【jquery】セレクタで前方一致と後方一致
3/10/2014
jqueryを使ってとあるエレメントにセレクタを使ってアクセスする際に、 前方一致と後方一致をよく使うので、おぼえがき。 上記のような2種類のテキストボックスがあった場合、 下記のようなコードで前方一致と後方一致が出来ます。 $(document).on(&quo...
登録:
投稿 (Atom)