JavaScript

jQuery mobileなんてあったのね

知らなかったです。早速ダウンロードして、テストしてみます。 jQuery Mobile

RSSを取得するには…

非常に今更な技術だけど、ブログの更新情報などを取得する…というハナシ。 で、どれでやるのが一番いいのかってことです。ユーザビリティというか、設定のしやすさみたいなことを考えるとHTMLをパースしてlinkタグからRSSのURLを取得するとかってことをして…

入力フォームの初期値の操作で悩む…のつづき

テキストエリアなんかの初期値の操作について。 こんな入力フォームがあったとする。 画面遷移は 入力 ←→ 確認 → 完了 でもって、フォームの例。 <textarea id="message" name="message"><?php echo $message; ?></textarea> echoしてるだけなんだけど、htmlspecialchars()とかをかませるのを忘れないように。 …

入力フォームの初期値の操作で悩む

テキストエリアなどの入力フォームに初期値が入っていて、フォーカスすると初期値が消える…というのを考える。 でもって、未入力のままフォーカスが外れた場合に、初期値が戻る…とする(入力がなければ)。 というのはdefaultValueを使えば初期値を保持でき…

アコーディオンメニューで質問された

ちょっとwebチームの人に訊かれたので、調べてみた。恐らくここ↓で紹介されてるスクリプトだと思う。 スムーズに開閉するJavascriptアコーディオンメニュー | CREAMU 配布元 Animated JavaScript Accordion V2 - Web Development Blog指定の仕方はこんなふう…

どうなんだろう? Google AJAX API

色々と困ったことがあって解決策として、jQueryを使うことにした。 そこで、折角なのでGoogleが提供しているAJAX APIを利用してみた。 <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.3");</script> とりあえずjQueryの1.3(の最新版)を読み込むことにした。 Googleがお亡くなりになった…

Aタグにonclickを設定する場合の話

Aタグにonclick=""を入れるとなると、こういうパターンがよくあると思う。 <a href="javascript:void(0);" onclick="alert(); return false;">文字列とか</a> <a href="#" onclick="alert(); return false;">文字列とか</a> でもvoid(0)は良くないとか、いい加減「#」はやめようよなんて書いてるページを時々見かける。 確かにステータスバーに「void(0)」とか関数が表示されるのは…

JSONは生きていた

ページを開いたときに、表示すべきデータがあるかどうかチェックして、その結果に応じてSELECTの項目を作る。 データベースを用意するのが面倒なので、絶対に値を返すようにする。とりあえず形式はJSON形式で。まずはPHPから。 // テキトーだけど $first_arr…

作るぞー

色々あって、AJAX的なものを作ることに。 jQueryでpost()するのが一番簡単そう…とか思ったけど、色々面倒だね。例えば、以下のようなサイト。 ダウンロード 富士ゼロックス selectが複数並んでいて、jQueryで選択したvalueを飛ばして、次々に検索条件を絞り…

ちゃちゃっと作る… のは案外難しい。

お客さんのサイトの仕上げ中。 色々あって、久しぶりにガッツリ残業。 それここれも○○が○○で○○なのがいかん! ところで、お店情報的にGoogle Mapsを使って地図表示したいということらしい。 住所はわかってるワケで… せっかくなのでGoogle Maps API v3を使お…

愚痴 - ツールチップを表示させる。

要するに、指定したターゲットにhover()したら、<p>とかを生成して、そこにターゲットのタグに指定してあるtitle属性とかをセットして、マウスカーソルの近くに表示させるというものなんだろうけどさ… 重いよ。 IE8でテストすると、フツーのツールチップが表示</p>…

jQueryのscrollTopがOperaでチラチラ

jQueryとか全然知らないんだけど、どうかねぇ。 上に戻るリンクで、Operaだけ上手くいかないって、デザイナからヘルプの声が届いた。 とりあえずソースを確認して、alert()を仕込んで、罠にかかるのを待つ。 まず全然関係ない問題が発覚。 pathnameの値が違…

C:\fakepath

元記事はこれ。 Heartache Reborn: C:\fakepath 引き継いだ?サイトの管理画面で、画像アップロード機能がある。 type=fileのinputタグの「参照」ボタンから画像を選択すると、onChangeでJavaScriptが走って、画像のパスを取得する。取得した画像のローカル…

JSON形式を使って全てをマーカー表示する

以前書いたある地点から指定した距離の施設検索という記事に関連して、追記する。 指定した緯度経度、そして距離を使って、その範囲内にある施設を検索する。 それは以前に記事に書いた通り。 取得したその結果を使って、今度は地図上にマーカーを置く。 そ…

地図の中心に十字マーク

元ネタはここ↓ 4-2:地図の中心に常に『十字マーク』を表示する - Google Maps 活用講座 でもここはversion 2なので、version 3向けに改造する必要がある。 と言ってもそう難しいものではなく、地図が移動したら十字マークを描画すると読み替えれば簡単です…

緯度経度から住所を取得する

以下のページをじっくり読めば判ることなんだけど、折角調べたので… Maps API V3 サービス (Google Maps API Version3 日本語ドキュメント(非公式))緯度経度から住所を取得してみる。サンプルは以下のURLから。 Reverse Geocoding (Address Lookup)Geocoding…

円を描く

郵便番号(三桁、四桁別々)と半径(キロメートル)を入力して、ボタンを押下すると(onclick)、地図上に円を描くようにしてみる。 忘れないように、とりあえずfunctionだけ書いておく。 JavaScriptは始めたばかりなので、スマートかどうかは自信がない。参考…

ある地点から指定した距離の施設検索

ある地点から半径?キロメートル内の施設情報を検索する方法。 例えばPostgreSQLだとPOINT型とかあって地点間の距離計算なんか簡単に出来るらしい(よく知らないけど)。 でも世の中、そうそう思い通りのデータベースを使えるかというと…何故なら僕はローカ…

クリックした箇所にマーカーを置いて地図の中央にする…を改造する。

開発者ガイド (Google Maps API Version3 日本語ドキュメント(非公式)) Geekなぺーじ : Google MAPS APIプログラミング基本的なことは上記のサイトを見ればだいたい判るはず。 特に開発者ガイドは必読。最終的には英語のページを読むのが大事。とりあえず、…