edo1z blog

プログラミングなどに関するブログです

JQuery

ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」を使ってみる

ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」で知った、gmaps.jsを使ってみます。 まずここで、ダウンロードします。ソースコードをコピペしてgmaps.jsを作成しました。ところで、google map APIはあまり使ったことがないので、とりあえず…

CSS - jQueryで垂直中央に配置する

jQueryを使ってボタンを親要素の高さの真ん中に配置したいと思います。単純なことですが、ちょっとはまったので、切り出して試しました。cssでheightを100%にするの忘れてたり、jQueryでtopを設定するときに'px'の2文字を入れ忘れたりしていただけでしたが…

jQuery+CSS3サンプル

jQueryとCSS3を使ったサイトのサンプルを作ってみました。 jQueryをちょっとばかにしてたけどかなり色々できて面白い。スマホだとIE対応等の為に重くなっているらしいので、もっと軽いjQueryみたいなやつが沢山でているそうです。同じような使い方であること…

jQuery - メニューをマウスオーバーしたら色変える

非常に簡単な話ですがメモ。大体jQueryも分かってきたのですが、cssの設定方法などもいくつかパターンがあるようで、あとbackground-colorという記載が通常のcssの表記法だと思うのですが、jQueryの場合は、backgroundColorだったりしてなんかややこしい。多…

cakePHP - RequestHandlerとJSONレスポンス

RequestHandler ★RequestHandlerコンポーネント★ RequestHandlerコンポーネントを使うと、クライアントの状態をチェックできる。GETによるアクセスなのか、POSTによるアクセスなのか、Ajaxによるアクセスなのか、などが分かる。 RequestHandlerを使うには、…

jQuery 将来的にも適用されるイベントハンドラの登録

基本的にjavascriptが読み込まれた時点で存在しない要素には、イベントハンドラは適用されない。 将来発生する要素にもイベントハンドラを適用したい場合は、liveを使う。 live(type, fn) jQuery日本語リファレンス - live(type, fn) 登録されたイベントは、…

jQuery 要素の属性を取得する

<div class=&quot;pic1&quot;><img id=&quot;hf36&quot; src=&quot;http://hoge.hoge/hoge.jpg&quot; /></div> 上記のようなHTMLがあったときに、pic1クラスの子供のimg要素のid属性を取得するには、こうやってやる。 var key = $('.pic1 > img').attr('id'); 上記でid属性の値が取得できる。変数keyを宣言しつつ、keyにid属性の値を格納している様。

jQueryのAjaxの基本型

jQueryでAjaxを使う場合の基本型。 windowがloadされたら、get_pic()が呼び出される。 Ajaxでjson形式のデータを受け取りたい場合は、dataTypeをjsonにする。 指定されたURLにアクセスした結果をdataに格納する。 dataが空でなければ、dataの0番目をアラー…

JQueryで駅データ取得

HeartRails ExpressのAPIを使って、JQueryで駅データ取得するスクリプト。しかし、GAEで駅データベースをしっかり作ろうとした場合、APIに逐一アクセスするのはかなり遅くなりそうでいやだし、駅名とか県名とか路線名そのものでアクセスや検索をするのは、か…

JQueryで県データ取得

HeartRails Expressで駅データをAjaxで取得・表示したい。まずは、県データを取得・表示するコード。 <h3>駅データの取得</h3> <script type="text/javascript"> $(function(){ $(window).load(function () {get_ken();}); }); function get_ken() { $.ajax({ dataType: "jsonp", data: {"method":'ge…