JQuery
ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」で知った、gmaps.jsを使ってみます。 まずここで、ダウンロードします。ソースコードをコピペしてgmaps.jsを作成しました。ところで、google map APIはあまり使ったことがないので、とりあえず…
jQueryを使ってボタンを親要素の高さの真ん中に配置したいと思います。単純なことですが、ちょっとはまったので、切り出して試しました。cssでheightを100%にするの忘れてたり、jQueryでtopを設定するときに'px'の2文字を入れ忘れたりしていただけでしたが…
jQueryとCSS3を使ったサイトのサンプルを作ってみました。 jQueryをちょっとばかにしてたけどかなり色々できて面白い。スマホだとIE対応等の為に重くなっているらしいので、もっと軽いjQueryみたいなやつが沢山でているそうです。同じような使い方であること…
非常に簡単な話ですがメモ。大体jQueryも分かってきたのですが、cssの設定方法などもいくつかパターンがあるようで、あとbackground-colorという記載が通常のcssの表記法だと思うのですが、jQueryの場合は、backgroundColorだったりしてなんかややこしい。多…
RequestHandler ★RequestHandlerコンポーネント★ RequestHandlerコンポーネントを使うと、クライアントの状態をチェックできる。GETによるアクセスなのか、POSTによるアクセスなのか、Ajaxによるアクセスなのか、などが分かる。 RequestHandlerを使うには、…
基本的にjavascriptが読み込まれた時点で存在しない要素には、イベントハンドラは適用されない。 将来発生する要素にもイベントハンドラを適用したい場合は、liveを使う。 live(type, fn) jQuery日本語リファレンス - live(type, fn) 登録されたイベントは、…
<div class="pic1"><img id="hf36" src="http://hoge.hoge/hoge.jpg" /></div> 上記のようなHTMLがあったときに、pic1クラスの子供のimg要素のid属性を取得するには、こうやってやる。 var key = $('.pic1 > img').attr('id'); 上記でid属性の値が取得できる。変数keyを宣言しつつ、keyにid属性の値を格納している様。
jQueryでAjaxを使う場合の基本型。 windowがloadされたら、get_pic()が呼び出される。 Ajaxでjson形式のデータを受け取りたい場合は、dataTypeをjsonにする。 指定されたURLにアクセスした結果をdataに格納する。 dataが空でなければ、dataの0番目をアラー…
HeartRails ExpressのAPIを使って、JQueryで駅データ取得するスクリプト。しかし、GAEで駅データベースをしっかり作ろうとした場合、APIに逐一アクセスするのはかなり遅くなりそうでいやだし、駅名とか県名とか路線名そのものでアクセスや検索をするのは、か…
HeartRails Expressで駅データをAjaxで取得・表示したい。まずは、県データを取得・表示するコード。 <h3>駅データの取得</h3> <script type="text/javascript"> $(function(){ $(window).load(function () {get_ken();}); }); function get_ken() { $.ajax({ dataType: "jsonp", data: {"method":'ge…