Ajaxで今よみがえる(^^;;-->[クロスブラウザ技術 ]DHTMLサンプル集
古籏一浩さんとのはじめての共著 発売中-->『Ajax実践テクニック』 古籏一浩/高橋 登史朗 (著)秀和システム
配本予約開始-->『入門Ajax 増補改訂版 』 高橋 登史朗 (著)ソフトバンククリエイティブ ; ISBN: 4797336242
【カテゴリー】 AjaSQL ( 9 ) Ajax ( 514 ) Arax ( 1 ) canvas ( 7 ) CSS ( 7 ) DLNA ( 1 ) Dojo ( 12 ) DOM ( 42 ) ES4 ( 2 ) 反重力物質 ( 1 ) Flash ( 42 ) Flash Remoting ( 11 ) FTP ( 2 ) GAF ( 9 ) Google Maps ( 105 ) GPS ( 38 ) HTTPヘッダサンプル ( 8 ) IPv6 ( 1 ) 漫画 ( 1 ) Java ( 39 ) JavaScript ( 193 ) jKamo ( 8 ) jQuery ( 4 ) jsGadget ( 18 ) jslb_ ( 3 ) jslb_ajax ( 8 ) JSON ( 44 ) JSR223 ( 5 ) kjscmd ( 1 ) KNOPPIX ( 1 ) Linux ( 13 ) Mac ( 4 ) Memo ( 3 ) Microformats ( 2 ) Mini AJAX ( 2 ) MochiKit ( 1 ) Movable Type ( 48 ) MySQL ( 7 ) NewGameWeb ( 2 ) Nucleus ( 8 ) OpenAJAX ( 3 ) OpenDocument ( 1 ) OS ( 3 ) P2P ( 2 ) Perl ( 7 ) PHP ( 36 ) PostGIS ( 1 ) PostgreSQL ( 3 ) prototype.js ( 17 ) ROBOT ( 1 ) RSSリーダー ( 14 ) Ruby on Rails ( 6 ) Spry ( 6 ) SQLite ( 9 ) SQLiteWorker ( 2 ) ssh ( 1 ) SSI ( 2 ) SVG ( 15 ) TRON ( 1 ) Video ( 1 ) VML ( 1 ) Webサービス ( 83 ) widget ( 6 ) Wiki ( 1 ) Win ( 6 ) WSH ( 1 ) X01HT ( 28 ) XML ( 27 ) XOOPS ( 1 ) XQuery ( 2 ) XUL ( 3 ) Yahoo! UI ( 49 ) 日付入力用カレンダー ( 1 ) 『Ajax実践テクニック』 ( 1 ) 『入門 Ajax』 ( 42 ) WinTips ( 2 ) チューニング ( 10 ) ダイナミックロード関数 ( 4 ) ライブラリ ( 44 ) レーダー雨量表示 ( 1 ) ハード ( 13 ) ペンギン ( 2 ) ブラウザ ( 47 ) ブログでBBS ( 1 ) アクセスグラフ ( 3 ) カレンダーによる日付入力スクリプト ( 2 ) クロスブラウザ ( 10 ) クロスブラウザ関数 ( 7 ) スマートフォン ( 7 ) セキュリティ ( 82 ) ソフトイーサ ( 1 ) マッシュアップ ( 20 ) 暗号 ( 4 ) 映画 ( 41 ) 河川の水位グラフ ( 3 ) 回線 ( 2 ) 開発ツール ( 10 ) 牛久大仏 ( 7 ) 携帯 ( 94 ) 言語 ( 12 ) 故障 ( 1 ) 洪水警報システム ( 2 ) 今日のひと言 ( 2 ) 仕様 ( 28 ) 雑談 ( 171 ) 書籍 ( 15 ) 親子ウインドウ有無の確認関数 ( 3 ) 新海誠 ( 3 )
【河川の水位グラフ このページ内へのリンク】
洪水警報メールシステム
水位警報システム
河川の水位のグラフをブログに自動表示

[ 河川の水位グラフ ]

このカテゴリーをyour [my del.icio.us]へ追加

2005年03月14日

洪水警報メールシステム ()

河川の水位グラフ

こないだからいじっていた「洪水警報メールシステム」が
形になりつつあります(^^)/。
http://jsgt.org/suii/mk/

ま、気長く速攻で?やってます。
まだ、いろいろな部分が確定してないです&これに従って命に関わっても責任は持てません(^^;



ちなみに、この表のCSSは下記のようになってますから!importantで上書きしてカスタマイズできます。
さらにテーブルセルの各id名とclass名をその次に書いておきます。

/* table 用 CSS
*/

#suii-table a:link{
color : #3366ff;
}
#suii-table a:visited{
color : #339966;
}
#suii-table a:hover{
color : #0099ff;
}
#suii-table a:active{
color : #33ffff;
}

/*テーブル全体*/
#suii-table {
width : 170px;
font-size : 12px;
border: 1px solid #888 ;
border-collapse: collapse ;
/* background-color : #0066ff;*/
}
/*tdすべて*/
#suii-table td {
font-family:Osaka,"MS PGothic",sans-serif ;
}

/* id="td-0-0" セル*/
#suii-table #td-0-0 {
font-size : 13px ;
height : 16px;
color : #fff;
border-bottom:none ;
border-top:none;
background-color : #0066ff;
}
/* id="td-1-0" セル*/
#suii-table #td-1-0 {
background-color : #0066ff;
}
/* id="td-2-0" セル*/
#suii-table #td-2-0 {
background-color : #0066ff;
}
/* id="td-3-0" セル*/
#suii-table #td-3-0 {
background-color : #0066ff;
}
/* id="td-4-0" セル*/
#suii-table #td-4-0 {
background-color : #0066ff;
}
/* id="td-5-0" セル*/
#suii-table #td-5-0 {
background-color : #0066ff;
border-bottom: 1px solid #aaa ;
}

/* id="td-1-1" セル --現在水位 項目名*/
#suii-table #td-1-1 {
color:#000;
background-color : #999;
border-bottom: 1px solid #000 ;
}
/* id="td-1-2" セル --現在水位*/
#suii-table #td-1-2 {
color:#000;
background-color : #ccc;
border-bottom: 1px solid #000 ;
border-right: none ;
}
/* id="td-1-3" セル --現在水位 値*/
#suii-table #td-1-3 {
color:#000;
background-color : #ccc;
border-bottom: 1px solid #000 ;
border-left: none ;
text-align : right;
}


#suii-date{

}

/* id="td-6-0" セル --*/
#suii-table #td-6-0 {
font-family:Osaka,"MS PGothic",sans-serif ;
font-size : 11px;
color:#000;
background-color : #fff;
border-top: 1px solid #ccc ;
border-bottom: 1px solid #000 ;
padding-top : 4px;
}
/*class td-a行*/
#suii-table .td-a {
width :14px ;
border-bottom:none ;
border-top:none
background-color : #0066ff;
}
/*class td-b行*/
#suii-table .td-b {
width :72px ;
border: 1px solid #aaa ;
background-color : #ccc;
}
/*class td-c行*/
#suii-table .td-c {
width :22px ;
border: 1px solid #aaa ;
background-color : #eee;
}
/*class td-d行*/
#suii-table .td-d {
border: 1px solid #aaa ;
background-color : #eee;
text-align : right;
}
/*フッタ id td-ft行*/
#suii-table #td-ft {
font-size : 11px;
background-color : #ddd;
text-align : center;
}



つづく、、、

投稿者 tato : 12:01 | トラックバック (0)

2005年02月11日

水位警報システム ()

河川の水位グラフ

水位グラフをもう十歩進めて、
水位警報システム[ 警戒水位時の自動携帯警報メール発信システム ]
http://jsgt.org/suii/
ってのを作ってみました。

例によって、国土交通省の水位データを2次利用してるんですが、近所の川の観測所を選んで自分の携帯のメールアドレスでも登録しておくと、警戒水位を超えた時に自動的に、警告メールが送信されるというものです。

まだちょっと、作業中ですのでいろいろ変わると思いますが、一応動いています。

とりあえずのワークフローメモ
http://jsgt.org/suii/suii.pdf

最近作られ始めた「浸水想定区域図」とか見てると、推定浸水5m以上なんてところもあったりして、結構恐ろしいもんですな、、、と思うわけです。
http://www.ktr.mlit.go.jp/kyoku/river/river/saigai/sinsuisoutei/index.htm

投稿者 tato : 01:28 | トラックバック (0)

2004年06月27日

河川の水位のグラフをブログに自動表示 ()

JavaScript , Movable Type 】 , jsGadget 】 , 河川の水位グラフ

近所の川の水位の推移グラフの最新版を自動表示できるようにしてみました。刻々と変わる最新グラフをJavaScriptで追尾しています。ただ、国土交通省の画像の出力仕様がわからなかったので、とりあえず「たぶん」のバージョンf^^;;です。 うちのそばの川の水位なんですが、もし赤い線とか出ていたら危ない?ということかなと思います。これで常時監視ができるというわけです(^^)v

<script charset="Shift_JIS" src="http://jsgt.org/mt/01/blog_kawa_1.js"></script> <script> jsg_blog_mkSuii("460") </script>
投稿者 tato : 12:01 | トラックバック (0)