jQueryでフォームの内容をすべて取得する | こーどえいと
jQueryのセレクタを利用して簡単に実現 フォームの要素をまとめて処理したくなったのでチョロッと作って見ました。 今回はjQueryの以下のセレクタを利用することで簡単に実現。 :input フォームの入力要素すべて :enabled 有効になっている要素 :checkbox チェックボックス 最初はすべての種類(テキストやらセレクトやら)に対して処理を指定していましたが、一度書き上げてリファクタリングをしていくと、チェックボックスだけ判定して特処理を入れれば良さそうだったので、割愛した形にしました。 デモ デモはこちら 取得した値はAjaxでPHPに投げて解析し、その結果を表示しています。 JavaScriptで解析しても良かったんですが、PHPだと1行で済むので(^^; <?php echo htmlentities( print_r($_GET, true) ); ?> ソー
jQueryを使ったタブメニューの実装サンプルまとめ
**追記** この記事とは直接関係ありませんが、自作のタブプラグインを貼っておきます。 rin316/jquery.tab: jQuery tab plugin. **追記終わり** 仕事でjQueryを使ったタブメニューを作ったので忘れないようにメモ。 それぞれの挙動も比較しやすいように並べてみました。 今日が勉強初投稿の日！ 写真:新川通りで撮った桜。 まずはファイルの用意 下記リンクからダウンロード。 ・jQuery本体…Past Releases内→最新バージョンのMinified ・Download Builder | jQuery UI (このサイトで使っているui.tabs.zip) head内にリンクを張る ダウンロードしたファイルに対して、head内にリンクを張ります。 [html] [/html] さっそく使ってみる 本文にhtmlを追加。 [html] タブ1 タブ2
jQueryを利用したタブメニューを設置
jQueryを利用したタブメニューを設置してみます。タブは設定した間隔で自動に移動します。ソースはこれから紹介しますが画像やCSSファイルはサンプルファイルにあるのでダウンロードしてお使いください。 body部分はこんな感じです。タブの数は自由に変更できます。 <div id="rotate"> <ul> <li><a href="#fragment-1"><span>Section 1</span></a></li> <li><a href="#fragment-2"><span>Section 2</span></a></li> <li><a href="#fragment-3"><span>Section 3</span></a></li> <li><a href="#fragment-4"><span>Section 4</span></a></li> <li><a href="#
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
