rangeslider.js
Simple, small and fast JavaScript/jQuery polyfill for the HTML5 <input type="range"> slider element. Download v2.3.0 This project is on GitHub. FeaturesTouchscreen friendlyRecalculates onresize so suitable for use within responsive designsSmall and fastSupports all major browsers including IE8+APIThe rangeslider.js API is compatible with the standard HTML input methods. $('input[type="range"]').va
jQueryでselect要素のテキストを取得する方法
jQueryでselect要素のテキストを取得する方法を紹介します。 このエントリーでは、 プルダウンで選択したoption要素のテキスト取得 select要素内のすべてのoption要素のテキスト取得 指定したテキストに合致するoption要素を選択状態にする方法 について解説します。 それぞれのサンプルも用意しています。 １．選択したオプションのテキストを取得する 選択したオプションのテキストを取得するには「opstion:selected」とtext()を組み合わせます。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> jQuery(function(){ jQuery('#foo').change(function(){ alert(jQ
jQueryでoption要素を追加する方法
jQueryでoption要素を追加する方法を紹介します。 １．option要素を追加する 次のselect要素があると仮定します。select要素には2つのoption要素が設定されています。 <select name="foo" id="foo"> <option value="1">aaa</option> <option value="2">bbb</option> </select> これにvalue属性が「3」、コンテンツが「ccc」というoption要素を追加するには次のように記述します。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(function(){ var option = $('<option />'); opti
HTML5 input type="range" で作る 「へぇボタン」
HTML5 で input 要素の type 属性として追加された 「range」 を使って、「へぇボタン」 を作ってみました。 HTML5 で input 要素の type 属性として追加された 「range」 は、数値を表す文字列をセットするための、スライダー形式やそれに準じた入力コントロールを作りますが、この input type="range" でちょっとしたお遊び。 昔の人気番組、「トリビアの泉」 でおなじみの、「へぇボタン」 を、input type="range" と CSS、簡単な JavaScript で作ってみました。完全な再現ではなくて、ボタンを押すと input type="range" で表示したスライダーの数値が上がるっていう、ちょっとだけ実用的 （？） なサンプルです。 実際のサンプルは下記に。 HTML5 input type="range" で作る へぇボ
jQueryでセレクトボックス（プルダウンメニュー）のテキストを取得する
jQueryでセレクトボックス（プルダウンメニュー）のテキストを取得する方法を紹介します。 １．問題点 次のようなセレクトボックス（プルダウンメニュー）を用意します。 HTML <select id="foo" name="foo"> <option value="aaa">xxx</option> <option value="bbb">yyy</option> <option value="ccc">zzz</option> </select> jQueryを使ってセレクトボックスを変更したときに値「aaa」「bbb」「ccc」を取得するには、次のように記述します。 jQuery(function() { jQuery('#foo').change(function(){ var data = jQuery(this).val(); alert('セレクトボックスの値は「' + dat
jQueryでフォームの値を取得する方法をまとめておくので、コピペでご利用ください。 | Ginpen.com
必要ならどうぞ。 デモ jQueryでフォームの値を取得する方法をまとめ – jsdo.it – Share JavaScript, HTML5 and CSS jQueryでフォームの値を取得する方法をまとめ – jsdo.it – share JavaScript, HTML5 and CSS 共通：要素の探し方 input要素なんかにid振っちゃうのが一番なんだけど、属性セレクターを使うと楽な場合があります。つまり[name=xxx]で検索するやり方。 <form id="my-form"> <input type="text" name="my-text" value="This is text." /> </form>
WEB開発者必携。任意ヘッダーやメソッドを指定して送信できるChromeアプリ「Dev HTTP Client」:phpspot開発日誌
WEB開発者必携。任意ヘッダーやメソッドを指定して送信できるChromeアプリ「Dev HTTP Client」 2012年05月01日- Chrome ウェブストア - Dev HTTP Client WEB開発者必携。任意ヘッダーやメソッドを指定して送信できるChromeアプリ「Dev HTTP Client」 サーバに対して、POSTやGET等のメソッドで、独自のクッキーやヘッダーなどを加えて手動で送信できるChromeのアプリです。 POSTで送信する場合ってフォームを用意しないといけないのが面倒ですが、それも手動で指定できるため、非常に便利。 その場で返却値がカラーリングされつつ整形されて見れるので、JSON等の値を見る場合には超便利です JSON返却値の例。カラーリングと整形がありがたい なくてもそこまで困らないかもしれませんが、エントリポイントをちゃんとチェックしたいっていう
ＰＨＰリファレンス（$_POST）
スポンサードリンク POSTメソッドでリクエストされたデータは、POST変数「$_POST」を利用し、取得します。 $_POSTには、連想配列でPOSTメソッドでリクエストされたデータが格納されます。 例１） POSTメソッドで送信したデータを取得する。 （１） フォームで、項目「post_data1」にデータ入力してPOSTメソッドで送信する。 「test_input.php」 <html> <body> <form action = "test_view.php" method = "post" > <input type="text" name="post_data1"> <input type="submit" name="POST送信" value="POST送信"> </form> </body> </html>
フォームの<input type="file" />の値をjQueryでリセット（クリア）する方法
フォームの<input type="file" />の値をjQueryでリセット（クリア）する方法を紹介します。 １．問題点 フォームの値をリセット（クリア）する場合、通常はtype属性が「reset」のボタンですべてクリアできます。<input type="file" />の値も同様にリセットされます。 HTML <form id="bar" action="foo.cgi"> <input type="file" /> <input type="reset" value="リセット" /> </form> サンプル1 JavaScript（jQuery）でリセットしたい場合、次のように記述すればいいように思われます。 HTML <form id="bar" action="foo.cgi"> <input type="file" id="file" /> <input type="bu
Windowsのスピンボタンコントロールを実装できるjQueryプラグイン「Smart Spin」:phpspot開発日誌
jQuery spin button html form control | EGrappler Windowsのスピンボタンコントロールを実装できるjQueryプラグイン「Smart Spin」。 上下矢印がついていて、数値をアップ・ダウンできるコントロールが実装できるjQueryプラグインです。 通常のHTMLでは数値を入力してもらったりする必要がありますが、このコントロールを使えばクリックでパラメータ調整ができます。 こうしたUIが適しているところもありそうなので知っておいてもよいかも。 ホイールも効くみたいです。 <input type="text" id="spn" class="smartspinner" /> 実装は<input>を定義して、spinitでオプション指定しつつ初期化するというもので簡単。 $('#spn').spinit({min:2,max:200,step
jQueryによるフォームデータ取得方法のまとめ
jQueryによるフォームデータ取得方法のまとめです。 フォームデータの取得で分かりにくいのは、セレクトボックス・ラジオボタン・チェックボックスの3種類ではないかと思われます。本エントリーではこの3種類にターゲットを絞り、動作サンプルを用いて解説します。「$」は「jQuery」で記述しています。 2012.06.19追記：テキストフィールド・テキストエリアの取得方法も追加しました。 2014.05.11追記：チェックボックスの取得方法をattr()からprop()に変更しました。 ネットで検索したところ、まとまった記事がなかったので自作しました。なお、本エントリーに掲載している方法以外にも色々なやり方があると思いますので、一例として参照して頂ければ幸いです。 １．セレクトボックスの値を変更したときに取得 セレクトボックスの値を変更したときに取得するには、changeイベントとval()を組
コメントカスタムフィールドの値をクッキーに保存する方法
Movable Typeのコメント投稿フォームで、コメントカスタムフィールドの値をクッキーに保存する方法を紹介します。 １．概要 Movable Typeのコメント投稿フォームは、「ログイン情報を記憶」をチェックしておくことで、投稿時に入力した名前やメールアドレスなどをクッキーに保存し、次回のコメント投稿時に利用することができます。 ただし、クッキーに保存できるのはデフォルトで用意されているフィールドのみで、カスタムフィールドで作成したフィールドは保存できません。 例えば下の画像のように、「テキストフィールド」というコメントカスタムフィールドに入力した値は、次回のコメント投稿時には反映されません。 本エントリーでは、コメントカスタムフィールドに入力した値をクッキーに保存できるようにする方法を紹介します。 カスタマイズ後のコメント投稿フォーム ２．カスタマイズ カスタマイズ対象は、コミュニテ
PHP で凄く簡単に GET/POST 送信ができる関数を作りました | ウェブル
以前こちらの URL で GET/POST を簡単にできるコードを書きましたが、問題があるとのことで多くの指摘を頂きました。zaru さんに正しいコードを書いて頂きましたので下記の記事をご覧ください。 PHP で凄く簡単に GET/POST 送信ができる関数を勝手に改良した | zaru blog 下記にコードを引用させて頂きます。いくらか稼働させた所 curl の方が安定していることが分かりましたので、こちらを引用させて頂きます。curl がインストールできない環境等では zaru さんの記事の別のコードを使用してください。 function wbsRequest2($method, $url, $params = array()) { $data = http_build_query($params); if($method == 'GET') { $url = ($data != '
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
