Content-Length: 161453 | pFad | http://b.hatena.ne.jp/pidekazu/jquery/
押されたtype="submit"なinputタグを検出しつつAjax送信する - 前人未踏の領域へ Androidアプリ開発編
inputタグのtype="submit"を使うと選択したボタンをsubmit時にname=valueでパラメータとして送信してくれる。ただしjQueryのイベントではこれを拾うことができないらしい。サーバーサイドで押されたボタンに応じて処理を切り分けるようなケースもあるので対策を考える。 <form id="sampleForm"> <input id="selectedBtn" type="hidden" name="" value="anystring"> <input type="submit" name="hoge1" value="fuga1"> <input type="submit" name="hoge2" value="fuga2"> <input type="submit" name="hoge3" value="fuga3"> </form>押されたボタンのname
【JQuery UI】autocompleteの使い方 - 中の下の上の真ん中あたり
注意 とりあえず動くけど方法的に正しいかは知らない。 はじめに JQueryとJQuery UIを読み込む。 <!-- head内 --> <link type="text/css" rel="stylesheet" href="http://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css" /> <!-- 文末 --> <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script> 使い方(文字配列) 配列を表示さ
jQuery UI でオートコンプリート - Qiita
準備 jQuery UI 上記URLより Theme ⇒ [UI lightness] を選択してダウンロードしました。 その中の下記2ファイルを利用 jquery-ui.js jquery-ui.css オートコンプリート用のAPI SpringBootを使って、下記のようなAPIを追加 リクエスト：「検索文字列・検索対象」 レスポンス：「検索結果のリスト」 Python/Jinja2 Pythonを経由して、データのValidationや加工を行えるようにする。 ※ 検証用にこのような構成にしています。 内容 API仕様 target には検索条件を、query には入力中の文字が入る想定です。 たとえば、下記のようなリクエスト「Hotel name」が「R」から始まるホテル名といったリクエストを投げると { "header": { "countryCode": "US", "curr
はじめてajaxを使うときに知りたかったこと - Qiita
はじめに 今更ですが最近ajaxを少し触るようになりました。 jQueryを使えば簡単にajax通信ができるため、単純なものであればそれほど実装は難しくないかと思います。 ですが少し複雑なことをやろうとしてみると、急にハードルが上がる気がします。 そこで自戒を込めて、ajax初心者の方に対してはじめにこれを知りたかったと思えるんじゃないかというものをまとめてみたいと思います。 ※jQueryを利用したajax通信を想定しています 目次 処理の順番を意識する $.ajax()の省略メソッドを知る イベントを知る デバッグ方法を知る 通信状況を想定する（タイムアウトを設定する） 連続クリックを防止する ← [New!] 連続通信を防止する ← [New!] 処理の順番を意識する ajaxを使用する場合は、非同期通信で処理したいケースがほとんどかと思います しかし単純にそのまま書いただけでは処理
Flask+jQuery UIでAutocomplete
Flaskはjsonで返すメソッドがあるのでjQueryとの親和性は高そうな感じ。Autocomplete(suggest機能)が欲しかったので色々調べた結果、jQuery UIのがよさそうだったのでこれで。 GoogleのAJAX Libraries APIを使えばローカルにライブラリ置いておかなくてもよいので楽ちん。タグのリストはあえてJSONで取得するようなサンプルにしてみた。ちなみに実際に作っているモノはSQLiteでデータベースからselectした結果を返すようにしている。 下のコードだけで動く。 from flask import Flask, jsonify app = Flask(__name__) @app.route("/") def hello(): response = """<html><head> <link rel="stylesheet" href="htt
jQueryを使ってPHPとJSON形式のデータをやり取りする方法
クライアントとサーバー間で通信するときにJSON形式のデータを簡単にやり取り出来ないものかと調査したメモ。 クライアント（JavaScript側）はjQueryとjQueryのプラグイン「jquery-json」を使う。ダウンロードはこちらから。 jquery-jsonはjson形式の変換（encode, decode）を簡単にできる。 サーバー側はjson_decodeとjson_encodeを使う。詳しくは前の記事を参照。 以下サンプル クライアント側 var objData = new Object(); //var aData = {};でもOK objData.name = "hoge"; //aData["name"] = "hoge"でもoK objData.age = 12; sJson = $.toJSON(objData); $.getJSON("test.php",
CSS3とjQueryでフォームを美しく装飾する方法
2014年8月22日 CSS, jQuery どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです！そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってより美しいフォームを作成する方法を紹介します。 ↑私が10年以上利用している会計ソフト！ フォームの仕様 今回チャレンジするフォームの主な仕様です！ グラデーション・ボックスシャドウを使って立体感を表現 角丸で丸みをつける（モダンブラウザ） 対応ブラウザ: IE7△, IE8△, IE9, Firefox, Chrome, Safari フォーム制作の流れ CSS3ってなんだ？という人もひとつひとつ記述していけば意外と簡単に作れるはずです！リンクをクリックで各項目にジャンプします。 テキストボック
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fetched URL: http://b.hatena.ne.jp/pidekazu/jquery/
Alternative Proxies:
jQuery 便利なonを使おう（on click) - Qiita
IDEA * IDEA