Ajaxで今よみがえる(^^;;-->[クロスブラウザ技術 ]DHTMLサンプル集
古籏一浩さんとのはじめての共著 発売中-->『Ajax実践テクニック』 古籏一浩/高橋 登史朗 (著)秀和システム
配本予約開始-->『入門Ajax 増補改訂版 』 高橋 登史朗 (著)ソフトバンククリエイティブ ; ISBN: 4797336242
-- リスト --
【カテゴリー】 ActionScript ( 6 ) AIR ( 4 ) AjaSQL ( 10 ) Ajax ( 618 ) Arax ( 1 ) canvas ( 11 ) CSS ( 19 ) ( 8 ) DLNA ( 1 ) Dojo ( 22 ) DOM ( 50 ) ES4 ( 4 ) Ext JS ( 4 ) 反重力物質 ( 1 ) ffAdd-on ( 1 ) Flash ( 48 ) Flash Remoting ( 11 ) FTP ( 2 ) GAF ( 9 ) Google Maps ( 123 ) GPS ( 44 ) HTTPヘッダサンプル ( 10 ) Internet ( 1 ) iPhone ( 45 ) IPv6 ( 1 ) 漫画 ( 3 ) Java ( 47 ) JavaScript ( 306 ) jKamo ( 8 ) jQchart ( 3 ) jQuery ( 161 ) jquery-ref ( 1 ) jsGadget ( 19 ) jslb_ ( 3 ) jslb_ajax ( 9 ) JSON ( 47 ) JSR223 ( 7 ) kjscmd ( 1 ) KNOPPIX ( 1 ) Linux ( 17 ) Mac ( 9 ) Memo ( 3 ) Microformats ( 2 ) Mini AJAX ( 2 ) MochiKit ( 2 ) mootools ( 5 ) Movable Type ( 57 ) MySQL ( 10 ) NewGameWeb ( 2 ) Nucleus ( 8 ) OpenAJAX ( 3 ) OpenDocument ( 1 ) OS ( 9 ) P2P ( 2 ) Perl ( 8 ) PHP ( 37 ) PostGIS ( 1 ) PostgreSQL ( 4 ) prototype.js ( 26 ) ROBOT ( 1 ) RSSリーダー ( 15 ) Ruby on Rails ( 7 ) Spry ( 6 ) SQLite ( 16 ) SQLiteWorker ( 2 ) ssh ( 1 ) SSI ( 2 ) SVG ( 20 ) TRON ( 1 ) Ubiquity ( 6 ) Video ( 1 ) VML ( 1 ) Web Slice ( 1 ) Webサービス ( 103 ) widget ( 6 ) Wii ( 1 ) Wiki ( 1 ) Win ( 6 ) WSH ( 1 ) X01HT ( 30 ) XML ( 32 ) XOOPS ( 1 ) XQuery ( 2 ) XUL ( 4 ) Yahoo! UI ( 71 ) 日付入力用カレンダー ( 1 ) 『Ajax実践テクニック』 ( 1 ) 『入門 Ajax』 ( 42 ) WinTips ( 2 ) こりゃすごい ( 6 ) チューニング ( 24 ) ダイナミックロード関数 ( 7 ) リファレンス ( 18 ) ライブラリ ( 157 ) レーダー雨量表示 ( 1 ) ハード ( 32 ) ペンギン ( 2 ) ブラウザ ( 95 ) ブログでBBS ( 1 ) アクセスグラフ ( 3 ) イベント ( 2 ) カレンダーによる日付入力スクリプト ( 4 ) クロスブラウザ ( 12 ) クロスブラウザ関数 ( 8 ) スマートフォン ( 8 ) セキュリティ ( 137 ) ソフトイーサ ( 1 ) マッシュアップ ( 23 ) 暗号 ( 4 ) 映画 ( 48 ) 河川の水位グラフ ( 3 ) 回線 ( 2 ) 開発ツール ( 36 ) 牛久大仏 ( 16 ) 携帯 ( 148 ) 言語 ( 19 ) 故障 ( 6 ) 広告とか ( 1 ) 洪水警報システム ( 2 ) 今日のひと言 ( 9 ) 仕様 ( 91 ) 雑談 ( 294 ) 実装 ( 2 ) 書籍 ( 17 ) 親子ウインドウ有無の確認関数 ( 3 ) 新海誠 ( 3 )
【info】有料サポート(ベータ)限定 承り中 多忙につき、一時、新規受付停止 閉店中 /【JSサポート(仮称)】 

【info】いつもいろいろなテストなどをページ内のあちこちでやっているので、重かったり、壊れていたりするf^^;ことも多いです。実験用ですので、カオス(混沌)をあえて意図したりもしますので、標準やValidとは無縁だったりしますが、何卒、ご了承ください ( _ _ b

2004年06月28日

ブログにレーダー雨量を表示する

JavaScript , Nucleus , jsGadget , レーダー雨量表示 ブックマークに追加する ブックマーク-- Buzzurl  / Hatena  / Livedoor track feed 人気ブログランキングへ


国土交通省シリーズ(^^)
国土交通省のレーダ雨量情報システhttp://www.river.go.jp/へのリンクを補助するスクリプトです。JavaScriptを使ったのは主に画像選択と画像書き換えです。といっても、元の国土交通省の情報がすんばらしいんでほとんど何もしていません。例によって?下記スクリプトをコピペすれば使えます。

2004.6.30 Version 1.1 に更新しました。画像の高さと選択されている県を指定できるようになりました。デフォルトは全国です。

ScriptName : jsg_blog_getUryo Description : レーダー雨量forブログ Version : 1.1 [ 20040630] ScriptURL : http://jsgt.org/mt/01/jsg_blog_getUryo_1_1.js ScriptCharset : Shift_JIS Syntax : jsg_blog_getUryo( ["地域"][,"画像の幅"][,"画像の高さ"]) 地域 -- 地域名を半角英字で指定します。nullまたは""なら「全国」。 zenkoku は 全国 kanto は 関東地方 fukushima は 福島県 ibaraki は 茨城県 tochigi は 栃木県 gunma は 群馬県 saitama は 埼玉県 chiba は 千葉県 tokyo は 東京都 kanagawa は 神奈川県 yamanashi は 山梨県 nagano は 長野県 shizuoka は 静岡県 画像の幅 -- ピクセル数で指定します。nullまたは""なら元サイズ。 画像の高さ -- ピクセル数で指定します。nullまたは""なら元サイズ。 Sample : jsg_blog_getUryo() jsg_blog_getUryo('ibaraki','','') jsg_blog_getUryo('tokyo','90','122') Example : [ please copy to your blog ]
    <script charset="Shift_JIS" src="http://jsgt.org/mt/jsg_blog_getUryo_1_1.js"></script> <script> <!-- jsg_blog_getUryo() //<--引数なし (全国、画像サイズなりゆき) jsg_blog_getUryo('ibaraki','180','') //<--茨城県、画像幅180px、高さなりゆき //--> </script>
使用可能なブログ : Nucleus/Movable Type/JUGEM/livedoor/seesaa Maker :  Toashirou Takahasi  http://game.gr.jp/js/ Support :  http://jsgt.org/mt/archives/01/000063.htm


注意 : このスクリプトは国土交通省のレーダ雨量情報システhttp://www.river.go.jp/へのリンクを補助するものですので、そのシステムが変われば使えなくなる可能性があります。スクリプト本体( <script charset="Shift_JIS" src="http://jsgt.org/mt/jsg_blog_getUryo_1_1.js"></script> )は1ページにつき1度だけ読み込むようにしてください。1ページに複数表示したい場合、2つめ以降は<script> jsg_blog_getUryo( 'tokyo' ) </script> <script> jsg_blog_getUryo( 'nagano' ) </script>のようにメソッドだけを必要数書いてください。
更新予定 : null
更新履歴 :
2004.06.30 [ 最新版 ] Version 1.1 [ 20040630 ]
前バージョン(1.0 [ 20040628 ])との違い
1.デフォルトエリアを「茨城」から「全国」に変更。
2.引数に「画像高さ」と「地域」を追加。
2004.06.28 Version 1.0 [ 20040628 ]→旧バージョンの詳細はコメントへ


    高橋 ( 2006年01月13日 00:18 )

    どうぞ〜。

    owner ( 2006年01月19日 18:37 )

    リメイク中ですが、とてもいいもの発見!ごちそうさまでした。
    現在のページはこちらhttp://raspberryfarm.net

    ヨンシマイ ( 2006年05月06日 15:50 )

    こんにちは、はじめまして。
    「ブログパーツをさがせ」というブログを見ていて
    大変興味を持ったので、早速使わせていただきました。
    全国の様子がわかりとても便利です。
    関西に住んでいるので、関西のものもあるとうれしいのですが、それでも十分に満足しています。
    ありがとうございました。

    witaru ( 2006年05月23日 12:50 )

    サイドバーがさみしいのでなにかないかなーで見つけました。
    実用的で飽きないので置かせていただきますね。
    これからの季節にむけて気温情報も期待!

    ヨンシマイ ( 2006年10月03日 01:11 )

    こんばんは、以前こちらのパーツを使わせていただいたものです。
    レーダ雨量のサイトを見ていたら近畿地方もあったので、ぜひ付け加えたいと思い、jsファイルをダウンロードしてファイル内のtargetAreaを増やして見ました。デフォルトを全国ではなく、近畿地方にして表示させたらうまくいきました。ありがとうございました。

    ただ、勝手に「jsg_blog_getUryo_1_1.js」ファイルに追加をしたので、著作権上問題がないか心配です。もしよろしくなければ、パーツを元に戻しますので、仰ってください。私のブログのサイドにつけています。また、よろしかったらご指摘ください。では、失礼します。

    mitz ( 2006年12月22日 10:40 )

    私も地方版(四国)を作成し使わせてもらいたいのですが問題があればご連絡ください。
    またブログ(Nucleus/Movable Type/JUGEM/livedoor/seesaa
    )以外の通常ページで使用させていただきたいのですが、こちらも問題があればご連絡ください。

    vinca ( 2006年12月24日 23:42 )

    わたしも、targetAreaを増やして使わせていただいてます
    問題があるようでしたら、初期設定に戻しますので、
    よろしくお願いします

    ヨンシマイ ( 2007年04月03日 20:01 )

    このサービスの仕様が変わったのでしょうか?
    昨日からレーダー雨量が表示されなくなりました。
    なので、しばらく使わないことにしました。
    かなり気に入っていたので残念です・・・。

    Pey ( 2007年04月09日 10:06 )

    4月1日から国交省の表示システムが変わったようでスクリプトが無効になりました。毎日、url が変わります。規則性が分かれば対処可能なんでしょうが、私の力では無理。バージョンアップを望みます。
    もともとケータイ用のサービスで、ケータイのキャッシュの仕様により更新されない不具合に対処したものと思われます。決して、勝手にホームページ上に貼り付けたユーザが増えたための対策とは思いたくはないですが。

    仕様書作成係 ( 2009年04月25日 12:04 )

    読ませていただきました。
    大変参考になりました。
    これからも、良い情報の発信をしていだければと思います。
    ありがとうございました。


    【コメント】(←clickで入力欄open)





AllaboutのJavaScript記事を連載させていただいてます。最近は、jQueryを主に取り上げていますが、多少なりとも参考になれば幸いです。