jQueryでフォームの内容をすべて取得する | こーどえいと
jQueryのセレクタを利用して簡単に実現 フォームの要素をまとめて処理したくなったのでチョロッと作って見ました。 今回はjQueryの以下のセレクタを利用することで簡単に実現。 :input フォームの入力要素すべて :enabled 有効になっている要素 :checkbox チェックボックス 最初はすべての種類(テキストやらセレクトやら)に対して処理を指定していましたが、一度書き上げてリファクタリングをしていくと、チェックボックスだけ判定して特処理を入れれば良さそうだったので、割愛した形にしました。 デモ デモはこちら 取得した値はAjaxでPHPに投げて解析し、その結果を表示しています。 JavaScriptで解析しても良かったんですが、PHPだと1行で済むので(^^; <?php echo htmlentities( print_r($_GET, true) ); ?> ソー
サインアップとログイン兼用のログインフォーム作成チュートリアル:phpspot開発日誌
Log in or Sign up with Jquery and PHP jQueryとPHPを使ったサインアップとログイン兼用のログインフォーム作成チュートリアルが公開されています。 まず、E-mail を入力し、アカウントを持っているかもっていないかのradioを選択することで新規登録か、ログインかを切り替えることが出来ます。 jQueryでは、エレメントの表示/非表示を設定しており、サーバ側のPHPでは送られてきたパラメータを見てログインか新規登録かを判別します。 そのまま使っても便利ですが、PHPやjQueryの入門用としても使えるかもしれませんね 新規登録の場合 ログインの場合 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 アニメーションの残像が残るjQueryアニメーションチュートリアル PHPとjQueryのAjax連携の学習
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="#
GUI デザイン開発のii
ユーザコンテキストリサーチインタラクションコンセプトプランニングユーザビリティ設計アクセシビリティ設計VI 設計Flash、AIR、HTML、CSS、JavaScript、SSS（JAVA 系）、SQL その他プレゼンテーション層開発ユーザビリティテストユーザインタフェースに関するコンサルティング JavaScript, AJAXを活用したコントロール設計、実装 Web2.0に端を発したRich User Experience、WebのGUIデザインもここまで進化を遂げてきました。インタラクションイニシアティブでは、プラグイン不要でRich User Experienceを実現するためJavaScript, AJAXに力を入れております。これら技術を、単なる演出や、コンテンツ更新のみに利用するのではなく、細部にこだわりユニバーサルデザイン実現のための技術として活用しております。制作例1：多
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【JavaScript】で音楽の再生・停止をしたいのですが、具体的なスクリプトを教えてください。…
