制作屋のメモ: javascript アーカイブ

＜body onLoad="MM_preloadImages('image/s/menu1_2.jpg','image/s/menu2_2.jpg','image/s/menu3_2.jpg','image/s/menu4_2.jpg','image/s/menu5_2.jpg','image/s/menu6_2.jpg','image/s/menu7_2.jpg','image/s/menu8_2.jpg','image/under/gedanbu1_2.gif','image/under/gedanbu2_2.gif','image/under/gedanbu3_2.gif','image/under/gedanbu4_2.gif','image/pagetop_2.gif')"＞

↓

外部 .jsファイル内に、

window.onload = function()

｝

MM_preloadImages('image/s/menu1_2.jpg',

'image/s/menu2_2.jpg',

'image/s/menu3_2.jpg',

'image/s/menu4_2.jpg',

'image/s/menu5_2.jpg',

'image/s/menu6_2.jpg',

'image/s/menu7_2.jpg',

'image/s/menu8_2.jpg',

'image/under/gedanbu1_2.gif',

'image/under/gedanbu2_2.gif',

'image/under/gedanbu3_2.gif',

'image/under/gedanbu4_2.gif',

'image/pagetop_2.gif')

｝

と書く。

投稿者: 管理者日時: 2010年12月01日 16:17 | パーマリンク | コメント (0) | トラックバック (0)

画面のスクロールに合わせて画像を読み込むjQuery『Lazy Load Plugin for jQuery』

http://monodez.com/create/lazyload.html

ここに使われてるやつがこれ・・・・かな？

http://www.designwalker.com/2008/02/button-layer-styles.html

投稿者: 管理者日時: 2010年09月01日 20:35 | パーマリンク | コメント (0) | トラックバック (0)

IE6以下をWeb標準に準拠させるライブラリ『IE7.js』

http://blog.webcreativepark.net/2008/01/09-070210.html

IE7.jsを使ってもIEはFirefoxにはならない

http://www.440design.com/2008/01/13/ie7js2/

「IEのHTML・CSSをモダンブラウザ並にする」IE7.js・IE8.jsを使ってみた

http://www.440design.com/2008/01/13/ie7js/

投稿者: 管理者日時: 2010年08月05日 10:10 | パーマリンク | コメント (0) | トラックバック (0)

文字サイズ変更するボタン

http://www.yomotsu.net/lab/javascripts/switchfontsize/demo.html

http://www.haagen-dazs.co.jp/contact_qa/qa02.html

http://www.yomotsu.net/lab/javascripts/switchfontsize/demo.html

http://dwighttinker.com/apps/alter-font.htm

ここのQ&AはjQ?

投稿者: 管理者日時: 2010年07月30日 18:59 | パーマリンク | コメント (0) | トラックバック (0)

かゆいところに効くjs

http://higash.net/20080821/js_library.html/comment-page-1/#comment-944

投稿者: 管理者日時: 2010年07月29日 14:11 | パーマリンク | コメント (0) | トラックバック (0)

TEXTAREA や INPUT の初期値をクリックで消すCommentsAdd Star

http://gmr.blog.shinobi.jp/Entry/527/

http://www.marinetime.jp/arty/acv/2010/05/004931.html

sampleではbody onloadになっているので、これを外部ファイル化するとスマート。

投稿者: 管理者日時: 2010年07月28日 09:00 | パーマリンク | コメント (0) | トラックバック (0)

縦書きを可能にするjavascriptライブラリ「竹取JS」

http://design-develop.net/web-design/taketorijs.html

投稿者: 管理者日時: 2010年07月13日 11:51 | パーマリンク | コメント (0) | トラックバック (0)

外部の JS を読み込むための JS (CSS でいう import.css)

http://www.yomotsu.net/lab/javascripts/jsloader

投稿者: 管理者日時: 2010年06月29日 11:41 | パーマリンク | コメント (0) | トラックバック (0)

directURL.js

http://bizcaz.com/archives/2006/03/01-232317.php

投稿者: 管理者日時: 2010年06月21日 10:10 | パーマリンク | コメント (0) | トラックバック (0)

floatingdays: JavaScriptでページ上にカレンダーをポップアップ表示するライブラリのリンク集

http://fdays.blogspot.com/2008/02/javascript-22-window-yahho-calendar-yui.html

フォーム入力補助スクリプト

google カレンダーとリンクしている奴いいな。

※メンテ不要

投稿者: 管理者日時: 2010年05月08日 10:32 | パーマリンク | コメント (0) | トラックバック (0)

ページ内スクロール

http://www.dezinerfolio.com/2007/08/08/df-javascript-smooth-scroll/

http://d.hatena.ne.jp/KAZUMiX/20080418/scrollsmoothly

http://bizcaz.com/example/jquery/smooth-scroll.php

http://techfoolery.com/archives/2006/08/11/2021/

横スクロール！

http://bookreader.cognitom.com/

投稿者: 管理者日時: 2010年04月27日 14:43 | パーマリンク | コメント (0) | トラックバック (0)

ページ内アンカー縦横斜め。なんだかすごいやつ

http://d.hatena.ne.jp/KAZUMiX/20080418/scrollsmoothly

サンプル

こだわりのページ内リンクスムーズスクロール scrollsmoothly.js 動作サンプル

http://www.rr.iij4u.or.jp/~kazumix/d/javascript/scrollsmoothly/#section9

javascriptの空リンク「#」に反応しちゃうのかどうか？未確認。

投稿者: 管理者日時: 2010年04月27日 14:12 | パーマリンク | コメント (0) | トラックバック (0)

YUI Compressor Online　javascript圧縮サービス

http://miracleblues.blog46.fc2.com/blog-entry-227.html

コマンドラインでしかできないのー？

ﾏﾝﾄﾞｸｾ。。。

と思っていたら、ウェブ用があった。

http://yui.2clics.net/

エクセレント！

投稿者: 管理者日時: 2010年04月24日 18:54 | パーマリンク | コメント (0) | トラックバック (0)

JavaScript ミニライブラリ

http://espion.just-size.jp/archives/06/198181103.html

導入が比較的簡単で、ほぼ読み込ませるだけの「あったらいいな」的なjavascript

その他まとめている方の記事

http://higash.net/20080821/js_library.html

投稿者: 管理者日時: 2010年04月23日 11:22 | パーマリンク | コメント (0) | トラックバック (0)

wmode="transparent" 大丈夫なんだろーか？

lgihtboxを使うとswfオブジェクトがしゃしゃり出てきてしまう回避策として、

wmode="transparent"

が良く書かれているんだが、textareaの挙動がおかしなるだとかの記述が他でちらほら。

解決済の問題なのか？（ブラウザのバージョンの問題？）

http://www.koikikukan.com/archives/2007/11/08-001717.php

http://lala-rockets.com/blog/2008/09/flashlightboxswf.html

http://www.isabella.jp/mashroom/blog/090128231.html

対策としてはこんな記事とか多いのだけど、実際はどうなのよ。

投稿者: 管理者日時: 2010年04月22日 16:41 | パーマリンク | コメント (0) | トラックバック (0)

【javascript] bodyタグ以外でonloadさせる

http://d.hatena.ne.jp/orange_juice_dev/20081211/1228979386

投稿者: 管理者日時: 2010年04月22日 09:36 | パーマリンク | コメント (0) | トラックバック (0)

【javascript] bodyタグ以外でonloadさせる

http://d.hatena.ne.jp/orange_juice_dev/20081211/1228979386

■基本事項だが補足というか覚え書き

JavaScriptの区切りは;(セミコロン)

＜body onload="Test();abc()"＞

このように記述。

■自分で書いておいてすっかり忘れているサンプル

http://www.marinestation.jp/reservation/diving.html

投稿者: 管理者日時: 2010年04月22日 09:36 | パーマリンク | コメント (0) | トラックバック (0)

フォームで数字のみ入力可能にCommentsAdd Star

http://d.hatena.ne.jp/Kimura/20050123/1106461645

忘れないようにメモ。

javascript制御じゃない方法ってあんのかね？

rollover.js

http://www.dnolan.com/code/js/rollover/

同名でいくつかあるのよね。

jquelyを使うものもある。

投稿者: 管理者日時: 2010年04月19日 10:12 | パーマリンク | コメント (0) | トラックバック (0)

テーブルをゼブラ（ストライプ）模様にできる zebraTable.jsを公開しました。

http://blog.e-riverstyle.com/2008/10/zebratablejs.html

MITライセンス

http://ja.wikipedia.org/wiki/MIT_License

投稿者: 管理者日時: 2010年04月19日 07:30 | パーマリンク | コメント (0) | トラックバック (0)

smartscroll 他にもありそう。

http://www.7438.com/archives/2006/04/20060409_2333.php

http://blog.webcreativepark.net/2007/07/12-143406.html

投稿者: 管理者日時: 2010年04月08日 14:25 | パーマリンク | コメント (0) | トラックバック (0)

背景画像をランダム表示

http://oshiete1.goo.ne.jp/qa2061131.html

これが一番すっきりかな？

動作確認まだ。

以下引用。

classを切り替えてみてはどうでしょうか？

<html>

<head>

.s1{

background-image:url("1.jpg");

background-repeat:no-repeat;

}

.s2{

background-image:url("2.jpg");

background-repeat:repeat-y;

}

.s3{

background-image:url("3.jpg");

background-repeat:repeat-x;

background-position:bottom;

background-attachment:fixed;

}

</style>

function onloadFunc(){

var max=3;

var wall=Math.floor(Math.random() * max) +1;

if (wall==1) document.body.className="s1";

if (wall==2) document.body.className="s2";

if (wall==3) document.body.className="s3";

}

</script>

</head>

テスト

</body>

</html>

続きを読む "背景画像をランダム表示" »

投稿者: 管理者日時: 2010年04月07日 12:08 | パーマリンク | コメント (0) | トラックバック (0)

[JS]Lightboxのいい点・悪い点

http://coliss.com/articles/build-websites/operation/javascript/390.html

投稿者: 管理者日時: 2010年04月05日 09:51 | パーマリンク | コメント (0) | トラックバック (0)

年間カレンダーを書き出すjs

http://blog.livedoor.jp/dankogai/archives/50978399.html

MTで書き出す

http://taeko.w-museum.com/wing/200903061328.html

投稿者: 管理者日時: 2010年04月02日 16:21 | パーマリンク | コメント (0) | トラックバック (0)

Lightbox JS でブログパーツ等の Flash を PNG 背景画像の下に隠す

http://www.koikikukan.com/archives/2006/03/17-021717.php

投稿者: 管理者日時: 2010年03月27日 17:52 | パーマリンク | コメント (0) | トラックバック (0)

アンカーリンクタグをスムーズにスクロールさせるsmooth.pack.js

http://waldspaziergang.com/notizblock/tag/smoothpackjs/

投稿者: 管理者日時: 2010年03月27日 15:52 | パーマリンク | コメント (0) | トラックバック (0)

WEB制作に役立つ汎用性の高いJavaScriptライブラリ「MJL（MITSUE-LINKS JavaScript Library）」

http://design-develop.net/web-design/mitsue-links-javascript-library.html

投稿者: 管理者日時: 2010年03月01日 20:01 | パーマリンク | コメント (0) | トラックバック (0)

クロスフェードするロールオーバー

http://d.hatena.ne.jp/KAZUMiX/20071017/rollover2

gifアニメで良いんぢゃね？と思う人もいるとおもうが。

投稿者: 管理者日時: 2010年03月01日 18:59 | パーマリンク | コメント (0) | トラックバック (0)

営業日カレンダースクリプト

http://www.calenderdayo.com/

http://www.netshop7.com/blog/2007/01/_2.html

http://boocgi.org/cgi/1244718073.html

一ヶ月だけの表示

http://www.synck.com/contents/download/javascript/cal2.1.html

作成サービス

http://shopsupport.net/emCal/

MT4.1プラグイン

http://www.apstars.com/blog/215/mt41_26.php

投稿者: 管理者日時: 2010年02月02日 21:11 | パーマリンク | コメント (0) | トラックバック (0)

オープンウインドウ(ポップアップウインドウ）

http://www.asarinet.co.jp/new/sample-size.html

http://write-off.cside.com/scripts/tips/open.htm

投稿者: 管理者日時: 2010年01月27日 16:45 | パーマリンク | コメント (0) | トラックバック (0)

window open(popup window)の記述方法

http://write-off.cside.com/scripts/tips/open.htm

return(false)を書くのがミソとは！！！！

恥ずかしながら数年前からずっと悩んでた（恥

投稿者: 管理者日時: 2010年01月27日 16:42 | パーマリンク | コメント (0) | トラックバック (0)

ニュースティッカーに便利なJavascript（aScroller編）

http://digital-gate.com/2007/12/javascript.html

投稿者: 管理者日時: 2010年01月27日 13:28 | パーマリンク | コメント (0) | トラックバック (0)

ループなしのGIFアニメでロールオーバーさせた時のIEのバグ（？）

http://302mg.blog8.fc2.com/blog-entry-294.html

ようするに先読みしなければよい。っつー原始的対策以外なさそう。

投稿者: 管理者日時: 2010年01月18日 08:47 | パーマリンク | コメント (0) | トラックバック (0)

アルファ画像を扱うalphafilter.jsライブラリ

http://blog.webcreativepark.net/2007/02/01-233315.html

修正版

http://d.hatena.ne.jp/deeeki/20090116/alphafilterjs

http://www.kosukekato.com/2009/08/ie-6-pngalphafilterjsie-png-fix-alpha-3.php

こっちのほうが優秀な様子（未検証

投稿者: 管理者日時: 2009年12月28日 10:19 | パーマリンク | コメント (0) | トラックバック (0)

スワップイメージ

http://support.future-shop.jp/materials/swapimage.html

投稿者: 管理者日時: 2009年11月17日 16:13 | パーマリンク | コメント (0) | トラックバック (0)

カレンダーの自動表示

http://www.netshop7.com/blog/2007/01/_2.html

投稿者: 管理者日時: 2009年10月24日 05:37 | パーマリンク | コメント (0) | トラックバック (0)

アクセス毎にランダムで画像を変える(flash対応）

http://www.trancedive.com/contents/reference/javascript/sample/tips006.html

投稿者: 管理者日時: 2009年10月13日 07:47 | パーマリンク | コメント (0) | トラックバック (0)

javascriptでテキストをアンチエイリアス表示させる

http://www.ideamans.com/tool/beautifuljapanese.php

投稿者: 管理者日時: 2009年08月05日 22:13 | パーマリンク | コメント (0) | トラックバック (0)

このサイトの商品のスライドショーのjavascriptはなんだろ。

http://soltanto.jp/products/detail.php?product_id=195

http://solidstate.jp/ContentsDisplay/slidebox/script_154.html

coda-slider.1.1.1.pack.js

これだ。

投稿者: 管理者日時: 2009年08月03日 10:15 | パーマリンク | コメント (0) | トラックバック (0)

ランダムバナー表示　flash対応

http://www.trancedive.com/contents/reference/javascript/sample/tips006.html

投稿者: 管理者日時: 2009年07月27日 03:30 | パーマリンク | コメント (0) | トラックバック (0)

【SSLでsrcナシの空iframeはアウト】jQuery: thickbox をSSLで使う場合のメモ

thickboxを使ったページをSSLに通すと、IE6でのみ「このページにはセキュリティーで保護されている〜」っつーアラートに悩まされてた。

http://www.verisign.co.jp/basic/alert/ie/04.html

▼SSLでsrcナシの空iframeはアウト

http://gyauza.egoism.jp/clip/archives/2007/11/071101-ssl-empty-iframe/

となるのがエラーの原因らしい。

↓

とすると回避できる。

※src="javascript:false"　でもいいみたい。

つまりこう。

具体的には、thickbox.js　内の該当記述を書き換えれば良いのだけど、compバージョンの thickbox.js では駄目。

非圧縮バージョンでないと、該当記述を書き換えられないので注意。

※圧縮アルゴリズムがわかればいいのだけど、わからんｗ

しらみつぶしに該当画像を探してたんだが・・・・違っていたとは・・・・

半日費やしちゃった（泪

続きを読む "【SSLでsrcナシの空iframeはアウト】jQuery: thickbox をSSLで使う場合のメモ" »

投稿者: 管理者日時: 2009年01月26日 01:45 | パーマリンク | コメント (0) | トラックバック (0)

プルダウンメニューjs

http://exyz.cocolog-nifty.com/good_sleep/2007/09/javascript_8131.html

http://jsajax.com/DropDownMenuArticle286.aspx

投稿者: 管理者日時: 2008年08月02日 20:46 | パーマリンク | コメント (0) | トラックバック (0)

textareaにあらかじめコメントを表示。onfourcusで消去、offで再表示

http://atstyle.biz/blog/archives/2007/01/08_1755.php
入力された場合には消える例のアレ。

投稿者: 管理者日時: 2008年07月18日 10:48 | パーマリンク | コメント (0) | トラックバック (0)

サブメニュー表示　javascript

http://www.calm-web.com/lecture/script/h_script/index.html

div で括られた部分が全て消去される仕様になっている？らしい・・・・・

http://www.kirei-inei.net/weblog/2007/01/11/yyyayycyayyuyoyayeya/

こんな改造が必要とのこと。

投稿者: 管理者日時: 2008年07月17日 14:52 | パーマリンク | コメント (0) | トラックバック (0)

画像ギャラリー

http://design-develop.net/web-design/galleria.html

投稿者: 管理者日時: 2008年07月16日 22:14 | パーマリンク | コメント (0) | トラックバック (0)

ランダム広告表示javascript

ランダム広告表示スクリプト

http://www1.plala.or.jp/ayatohiroka/javascript/random.html

投稿者: 管理者日時: 2008年07月16日 22:03 | パーマリンク | コメント (0) | トラックバック (0)

Dreamweaver8で吐き出されるロールオーバーイメージをコンパクトに

http://kikinote.seesaa.net/article/35351636.html

投稿者: 管理者日時: 2008年06月30日 12:26 | パーマリンク | コメント (0) | トラックバック (0)

拡大画像をスタイリッシュに見せるための JavaScript＆FLASH ライブラリ「Magic Toolbox」

http://japan.internet.com/busnews/20080624/7.html?rss

商用サイトの場合は有料。品質は良さそう。

投稿者: 管理者日時: 2008年06月24日 10:32 | パーマリンク | コメント (0) | トラックバック (0)

ロールオーバーを簡単に実装する-Image Rollover Code-

http://blog.webcreativepark.net/2007/09/13-135024.html

ロールーオーバーを簡単に実装する為のjsライブラリ

投稿者: 管理者日時: 2008年06月23日 15:23 | パーマリンク | コメント (0) | トラックバック (0)

HTMLテーブルに分かりやすいカーソルハイライト機能を付けられるJSライブラリ「Tablecloth」

http://phpspot.org/blog/archives/2007/10/htmljstableclot.html

投稿者: 管理者日時: 2008年06月20日 17:33 | パーマリンク | コメント (0) | トラックバック (0)

リンクのある画像にロールオーバーで虫眼鏡などを表示させるスクリプト

http://musicmaniacs.net/archives/2008/01/29000138.php

リンクのある画像にロールオーバーで虫眼鏡などを表示させるスクリプト

投稿者: 管理者日時: 2008年06月02日 10:16 | パーマリンク | コメント (0) | トラックバック (0)

thickbox設置注意　タブ表示関連リンク

○本家

http://jquery.com/demo/thickbox/

http://www.530point.com/demo_folder/thickbox/

macFFBgHack.png

こいつを入れないとMac FireFoxで透過ができない。

★jQuery系　かなり多機能

http://docs.jquery.com/UI/Tabs

http://gigazine.net/index.php?/news/comments/20070419_tab_ajax/

手軽にAjaxタブインターフェイスを作成できる「jquery.tabs」

http://101lab.net/javascript/2007/08/jquerytabs.html

http://stilbuero.de/jquery/tabs_3/

http://gyauza.egoism.jp/clip/archives/2007/04/jquery-tab-contents/

設置方法詳しく載ってる

http://mt-systems.rdy.jp/mtsys/homes/view/tabTheme

投稿者: 管理者日時: 2008年05月24日 23:24 | パーマリンク | コメント (0) | トラックバック (0)

jQueryでスムーススクロール - Movable Type 備忘録

http://bizcaz.com/archives/2007/06/21-145954.php

投稿者: 管理者日時: 2008年05月09日 15:08 | パーマリンク | コメント (0) | トラックバック (0)

入力補完ライブラリ　suggest.js

http://www.enjoyxstudy.com/javascript/suggest/

投稿者: 管理者日時: 2008年04月19日 18:20 | パーマリンク | コメント (0) | トラックバック (0)

テキストボックスをボタンで伸縮させるjavascript「resizeTextarea」

http://www.skuare.net/2007/08/javascriptresizetextarea.html

投稿者: 管理者日時: 2008年04月19日 16:49 | パーマリンク | コメント (0) | トラックバック (0)

css list ロールオーバー　javascriptのロールオーバーメニューが何故駄目なのか？

http://cherrypie.cocolog-nifty.com/blog/2005/05/post_888c.html

以下転載

サイトのメニューはリストで（テキスト編）

サイトの上や左にメニューを配置して、マウスを重ねると表示が変わる仕組み自体は、サイトを作っている人にはもう必須とも言えるようなものになってきています。

でも、それを実現するために使われているのは、ほとんど JavaScript による、イメージの置き換えという手法です。

これは、DreamWeaver + Fireworks で自動的にコードが作成される機能が実現されて以来、多くの Webオーサリングソフトに実装され、誰でも簡単に使える定番の仕組みになりました。

しかし、定番といわれてきたこの手法が最近になって問題とされてきています。

●内容と関係のない部分（イメージの置き換えのためのコード）が非常に大きくなるため、検索エンジンに対して不利になる（内容が検索されにくい）。

●修正時には、Webオーサリングソフトを使用して、オリジナルファイルから作り直さないといけない。

●画像やJavaScript がオフだと機能しないので、代替手段が必要になる。

といったことです。

では、これをCSSで書き直すとどうなるでしょう？

んで本文へと。

http://cherrypie.cocolog-nifty.com/blog/2005/05/post_888c.html

投稿者: 管理者日時: 2008年04月18日 22:24 | パーマリンク | コメント (0) | トラックバック (0)

Prototype.jsとScript.aculo.usを圧縮して32.5KBにした「ProtoPacked v2.13」

http://phpspot.org/blog/archives/2007/05/prototypejsscri.html

投稿者: 管理者日時: 2008年04月18日 10:49 | パーマリンク | コメント (0) | トラックバック (0)

超絶クールなMacOS X風ドックメニュー「CSS Dock Menu」

http://phpspot.org/blog/archives/2007/05/macos_xcss_dock.html

こっちはjQueryベース

投稿者: 管理者日時: 2008年04月18日 10:46 | パーマリンク | コメント (0) | トラックバック (0)

タブ切り替え　css javascript jsオフでもページ内リンクで動作！

http://hyper-text.org/archives/2007/09/javascript_tab.shtml

投稿者: 管理者日時: 2008年04月16日 21:17 | パーマリンク | コメント (0) | トラックバック (0)

タブ切り替え　javascript

http://archiva.jp/web/javascript/tab-menu.html

投稿者: 管理者日時: 2008年04月16日 10:14 | パーマリンク | コメント (0) | トラックバック (0)

javascrptでMP3を鳴らす

○javascrptでMP3を鳴らす

http://labs.unoh.net/2006/11/javascriptmp3.html

投稿者: 管理者日時: 2008年04月14日 14:21 | パーマリンク | コメント (0) | トラックバック (0)

上から小窓が降ってくるやつ　js

http://weboook.blog22.fc2.com/blog-entry-86.html

投稿者: 管理者日時: 2008年04月12日 16:04 | パーマリンク | コメント (0) | トラックバック (0)

JavaScriptでマウスを乗せると小窓が現れるスクリプト

http://weboook.blog22.fc2.com/blog-entry-87.html

投稿者: 管理者日時: 2008年04月12日 15:28 | パーマリンク | コメント (0) | トラックバック (0)

★prototype.jsでアコーディオンなタブな横メニュー　これならIE6画像バグ無し

http://weboook.blog22.fc2.com/blog-entry-19.html

http://weboook.blog22.fc2.com/blog-entry-20.html

○その他タブメニュー　海外サイトからピックアップされているらしいもの。

http://weboook.blog22.fc2.com/blog-entry-73.html

投稿者: 管理者日時: 2008年04月12日 15:14 | パーマリンク | コメント (0) | トラックバック (0)

on clickを使ういわゆる通常のポップアップのソース

http://www.inclover-inc.com/pocket/px/coding/eid202.html

投稿者: 管理者日時: 2008年04月11日 15:59 | パーマリンク | コメント (0) | トラックバック (0)

css ロールオーバー時にレイヤーで虫眼鏡画像などを表示

http://blog.creamu.com/mt/2008/01/javascriptstyle_your_image_lin.html

http://cssglobe.com/post/1238/style-your-image-links

うーん。。。。。。

http://www.gac.jp/article/index.php?stats=question&category=21&id=19088&command=msg

position: absolute;

を使用しているので、いまくいかない・・・・・（泪

左寄せならば、位置調整は簡単だったのにセンターレイアウトだしなぁ・・・

投稿者: 管理者日時: 2008年04月09日 16:46 | パーマリンク | コメント (0) | トラックバック (0)

画像にマウスオーバしたときに虫眼鏡アイコンを表示するJavascript『Style Your Image Links』

http://blog.creamu.com/mt/2008/01/javascriptstyle_your_image_lin.html

投稿者: 管理者日時: 2008年04月09日 16:23 | パーマリンク | コメント (0) | トラックバック (0)

ホーバーウインドウ作成方法

http://bridgeover.biz/xoops/modules/tinyd_hp2/index.php?id=4

投稿者: 管理者日時: 2008年04月08日 12:40 | パーマリンク | コメント (0) | トラックバック (0)

JavaScriptで画像サイズと合ったポップアップウィンドウを開く

http://creazy.net/2008/04/re_openimagesizedwindow_js.html

投稿者: 管理者日時: 2008年04月08日 12:18 | パーマリンク | コメント (0) | トラックバック (0)

いわゆる一般的なポップアップウインドウ

http://www.marguerite.jp/Nihongo/WWW/JavaScript/NewWindow.html

以下引用：

ポップアップウインドウは閲覧者にウインドウを閉じさせる操作を強要する事になります。つまり、相手ややり方に依っては非常に迷惑になる恐れもある事を承知の上で導入して下さい。

まぁ、そーゆーこった。

投稿者: 管理者日時: 2008年04月08日 12:08 | パーマリンク | コメント (0) | トラックバック (0)

jQuery解説　初級編から導入編

○ニュータイプなJSライブラリjQueryを使ってみよう！

http://zapanet.info/blog/item/1164

○ニュータイプなjQueryその2-jQuery導入方法

http://zapanet.info/blog/item/1165

○ニュータイプなjQueryその3-HTML要素アクセス

http://zapanet.info/blog/item/1166

投稿者: 管理者日時: 2008年03月22日 17:42 | パーマリンク | コメント (0) | トラックバック (0)

jQueryでweb制作をする時にキープしておきたい30リストまとめ

http://e0166.blog89.fc2.com/blog-entry-422.html

すげーくーるです。

一番気になったのはこれ。

http://jquery.com/demo/thickbox/

次がこれ。

http://www.ndoherty.com/demos/coda-slider/1.1/

SEO的には、内部のコンテンツはどうなるんだろ。

追記：

○テキストエリアリサイズ　これは他でも見かけたことあるな。

http://plugins.jquery.com/project/TextAreaResizer

サンプル

○jCarousel - Riding carousels with jQuery

画像スライドショー

このサンプルがよさそう

ThickBoxとの組み合わせ

投稿者: 管理者日時: 2008年03月19日 18:36 | パーマリンク | コメント (0) | トラックバック (0)

[JS]巨大なテーブルでも省スペースに表示するスクリプト -Super Tables

○[JS]巨大なテーブルでも省スペースに表示するスクリプト -Super Tables

http://coliss.com/articles/build-websites/operation/javascript/892.html

投稿者: 管理者日時: 2008年03月14日 19:43 | パーマリンク | コメント (0) | トラックバック (0)

[JS]軽量で、簡単に設置できるLightbox風のスクリプト -iBox

○[JS]軽量で、簡単に設置できるLightbox風のスクリプト -iBox

http://coliss.com/articles/build-websites/operation/javascript/895.html

http://gamma.ibegin.com/ibox/

litebox系　Text、youtubeの表示が出来るのと、jsファイルが軽いのがいい。

rel=は書くみたいだけど、いいなこれ。

○avascrpt圧縮ツール　packer

http://dean.edwards.name/packer/

投稿者: 管理者日時: 2008年03月14日 19:25 | パーマリンク | コメント (0) | トラックバック (0)

[JS]フォームのファイルボタンを画像に変更するスクリプト -Styling File Inputs

http://coliss.com/articles/build-websites/operation/javascript/393.html

投稿者: 管理者日時: 2008年03月13日 17:01 | パーマリンク | コメント (0) | トラックバック (0)

[JS]フォームのファイルボタンを画像に変更するスクリプト -Styling File Inputs

http://coliss.com/articles/build-websites/operation/javascript/393.html

投稿者: 管理者日時: 2008年03月12日 21:07 | パーマリンク | コメント (0) | トラックバック (0)

フォントサイズを変更するボタンをつける prototype.jsを用いたフォントサイズ変更スクリプト

http://as-is.net/blog/archives/001201.html

http://www.nrym.org/storeroom/neta/01_fontsize/

投稿者: 管理者日時: 2008年03月11日 14:46 | パーマリンク | コメント (0) | トラックバック (0)

ゆっくり折り畳む　これはliはずれる？

http://clockworks-99.taro.boy.jp/?eid=223651

投稿者: 管理者日時: 2008年03月07日 18:05 | パーマリンク | コメント (0) | トラックバック (0)

432 + JavaScript Libraries　cool or ギミックに凝ったやつなど。

○432 + JavaScript Libraries　cool or ギミックに凝ったやつなど。

http://www.skuare.net/test/index.html

投稿者: 管理者日時: 2008年03月07日 17:37 | パーマリンク | コメント (0) | トラックバック (0)

Mac OSX Dockメニューを実現するjavascript「iconDock」

○Mac OSX Dockメニューを実現するjavascript「iconDock」

http://www.skuare.net/2007/09/dockjavascripticondock.html

○サンプルページ

http://www.skuare.net/test/jiconDock.html

○本家

http://icon.cat/software/iconDock/

○本家のバリエーションサンプル　一番下のやつが個人的には好き

http://icon.cat/software/iconDock/0.8b/dock.html

投稿者: 管理者日時: 2008年03月07日 17:23 | パーマリンク | コメント (0) | トラックバック (0)

lightbox2.02 js 透明度などの変数一覧　カスタマイズ方法の記述

○lightbox2.02 js 透明度などの変数一覧　カスタマイズ方法の記述

http://journal.mycom.co.jp/articles/2007/06/14/lightbox/005.html

lightbox.js

322行目あたりの記述

new Effect.Appear('overlay', { duration: 0.2, from: 0.0, to: 0.6 });

0.6の部分が不透明度。デフォルトは0.8。1で真っ黒。

ex.)

overlayOpacity 0.8 背景の不透明度 (1で真っ黒)

投稿者: 管理者日時: 2008年03月07日 16:38 | パーマリンク | コメント (0) | トラックバック (0)

lightbox 2 カスタマイズについての記述　かなり詳しく載ってる

○lightbox 2 カスタマイズについての記述　かなり詳しく載ってる

http://www.tkrb.jp/guide/2008/01/post_6.html

投稿者: 管理者日時: 2008年03月07日 16:07 | パーマリンク | コメント (0) | トラックバック (0)

lightbox.js 透過に関する記述　カスタマイズなど。

○lightbox.js 透過に関する記述　カスタマイズなど。

http://japan.nucleuscms.org/bb/viewtopic.php?t=1661

投稿者: 管理者日時: 2008年03月07日 16:03 | パーマリンク | コメント (0) | トラックバック (0)

Lightbox JS でFlashを背景の下に隠す

http://clockworks-99.taro.boy.jp/?eid=223651

投稿者: 管理者日時: 2008年03月07日 15:50 | パーマリンク | コメント (0) | トラックバック (0)

ソフトスクロールでページの先頭へとばす

ソフトスクロールでページの先頭へとばすボタンを

絶対値でページの真ん中に表示している。

これもありかもなー。と思ったので覚え書き。

http://wp.mmrt-jp.net/2006/03/30/1959/

↓以下ソース

続きを読む "ソフトスクロールでページの先頭へとばす" »

投稿者: 管理者日時: 2008年02月22日 17:42 | パーマリンク | コメント (0) | トラックバック (0)

中継君　キャッシュするJS

http://tkmix.net/blog/archives/118

投稿者: 管理者日時: 2008年02月20日 15:48 | パーマリンク | コメント (0) | トラックバック (0)

小粋空間: Highslide JS でサムネイル画像を拡大表示する

http://www.koikikukan.com/archives/2007/01/18-005102.php

投稿者: 管理者日時: 2008年02月18日 14:23 | パーマリンク | コメント (0) | トラックバック (0)

やりたいこととサイトの重さ　javascriptで出来るいろんなギミック盛り合わせ

http://isaki.net/journal/2006/10/22/i-want-to-but/

投稿者: 管理者日時: 2008年02月14日 15:10 | パーマリンク | コメント (0) | トラックバック (0)

星形７気筒エンジンを積むバイク : Gizmodo Japan（ギズモード・ジャパン）

jsファイルのlightboxがかっこいいな。

http://www.gizmodo.jp/2008/02/post_3085.html

ギズモードジャパンに使われているlightboxなんだが、やっぱり　

というように　rel=　と指定してやらないと駄目らしい。

小粋空間さんのようなハックが出来そうな予感がしているのだが、その書き換えがわからん。。。。

オリジナルのlightbox と小粋空間バージョンの差分をさぐり適応させれば良いわけなんだが。

投稿者: 管理者日時: 2008年02月07日 18:55 | パーマリンク | コメント (0) | トラックバック (0)

フォームのリセットボタンを画像で作成する。

http://opqr.jp/2007/05/post_11.html

投稿者: 管理者日時: 2008年01月23日 13:46 | パーマリンク | コメント (0) | トラックバック (0)

IE6以下をWeb標準に準拠させるライブラリ『IE7.js』

http://feed.designlinkdatabase.net/feed/outsite_77493.aspx

これほんとなんだろーか？

追記：

http://www.google.co.jp/search?q=IE7.js&lr=lang_ja&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:ja-JP-mac:official&client=firefox

まだ実用段階ではなさそうですね。

投稿者: 管理者日時: 2008年01月22日 19:14 | パーマリンク | コメント (0) | トラックバック (0)

prototype download URL

http://prototype.conio.net/dist/

投稿者: 管理者日時: 2007年11月09日 13:04 | パーマリンク | コメント (0) | トラックバック (0)

javascript メニューサブメニュー表示　ゆっくり折りたたむ

http://www.koikikukan.com/archives/2005/08/24-235656.php

投稿者: 管理者日時: 2007年11月08日 18:29 | パーマリンク | コメント (0) | トラックバック (0)

javascript menu 開いたら他を閉じるメニュー

<Style Type="text/css">

</Style>

<Script Language="JavaScript">
<!--
<!--
///////////////////////////////////////////////////
var kaiViRi2=1;
var foMeCoRi2="#FF0000";
var bgMeCoRi2="#000000";
var bgCoRi2="#000000";
///////////////////////////////////////////////////

///////////////////////////////////////////////////
var kaiWRi2=0,kaiHRi2=0;
var kaiImDaRi2="swi_saf/00_dammy.gif";
///////////////////////////////////////////////////

///////////////////////////////////////////////////
var foWRi2=150,foHRi2=25;
var foImRi2=new Array();
foImRi2[0]=new Array();
foImRi2[0][0]="swi_saf/01_whats.gif";
foImRi2[0][1]="swi_saf/02_whats.gif";
foImRi2[1]=new Array();
foImRi2[1][0]="swi_saf/a_koushin.gif";
foImRi2[1][1]="swi_saf/b_koushin.gif";

foImRi2[2]=new Array();
foImRi2[2][0]="swi_saf/01_sche.gif";
foImRi2[2][1]="swi_saf/02_sche.gif";
foImRi2[3]=new Array();
foImRi2[3][0]="swi_saf/a_schedule.gif";
foImRi2[3][1]="swi_saf/b_schedule.gif";
foImRi2[4]=new Array();
foImRi2[4][0]="swi_saf/a_next.gif";
foImRi2[4][1]="swi_saf/b_next.gif";

foImRi2[5]=new Array();
foImRi2[5][0]="swi_saf/01_shutuen.gif";
foImRi2[5][1]="swi_saf/02_shutuen.gif";
foImRi2[6]=new Array();
foImRi2[6][0]="swi_saf/a_booking.gif";
foImRi2[6][1]="swi_saf/b_booking.gif";
foImRi2[7]=new Array();
foImRi2[7][0]="swi_saf/a_nar.gif";
foImRi2[7][1]="swi_saf/b_nar.gif";
foImRi2[8]=new Array();
foImRi2[8][0]="swi_saf/a_gg.gif";
foImRi2[8][1]="swi_saf/b_gg.gif";
foImRi2[9]=new Array();
foImRi2[9][0]="swi_saf/a_hall.gif";
foImRi2[9][1]="swi_saf/b_hall.gif";

foImRi2[10]=new Array();
foImRi2[10][0]="swi_saf/01_info.gif";
foImRi2[10][1]="swi_saf/02_info.gif";
foImRi2[11]=new Array();
foImRi2[11][0]="swi_saf/a_map.gif";
foImRi2[11][1]="swi_saf/b_map.gif";
foImRi2[12]=new Array();
foImRi2[12][0]="swi_saf/a_ticket.gif";
foImRi2[12][1]="swi_saf/b_ticket.gif";
foImRi2[13]=new Array();
foImRi2[13][0]="swi_saf/a_staffbo.gif";
foImRi2[13][1]="swi_saf/b_staffbo.gif";

foImRi2[14]=new Array();
foImRi2[14][0]="swi_saf/01_link.gif";
foImRi2[14][1]="swi_saf/02_link.gif";
foImRi2[15]=new Array();
foImRi2[15][0]="swi_saf/a_artist.gif";
foImRi2[15][1]="swi_saf/b_artist.gif";
foImRi2[16]=new Array();
foImRi2[16][0]="swi_saf/a_live.gif";
foImRi2[16][1]="swi_saf/b_live.gif";
foImRi2[17]=new Array();
foImRi2[17][0]="swi_saf/a_other.gif";
foImRi2[17][1]="swi_saf/b_other.gif";

foImRi2[18]=new Array();
foImRi2[18][0]="swi_saf/call1.gif";
foImRi2[18][1]="swi_saf/call1.gif";
foImRi2[19]=new Array();
foImRi2[19][0]="swi_saf/call2.gif";
foImRi2[19][1]="swi_saf/call2.gif";
foImRi2[20]=new Array();
foImRi2[20][0]="swi_saf/call3.gif";
foImRi2[20][1]="swi_saf/call3.gif";
///////////////////////////////////////////////////

function writeMeRi2() {
	///////////////////////////////////////////////////
	setMeRi2(-1,"","","","","","","","swi_saf/contents.gif",150,25);

setMeRi2(0,-1,"yes","","","whatsnew/whatsnew.cgi","mainFrame","",0);
	setMeRi2(1,0,"no","","","whatsnew/whatsnew.cgi","mainFrame","",1);

setMeRi2(2,-1,"yes","","","schedule/index.html","mainFrame","",2);
	setMeRi2(3,2,"no","","","schedule/index.html","mainFrame","",3);
	setMeRi2(4,2,"no","","","schedule/next.html","mainFrame","",4);

setMeRi2(5,-1,"yes","","","performer/booking/index.html","mainFrame","",5);
	setMeRi2(6,5,"no","","","performer/booking/index.html","mainFrame","",6);
	setMeRi2(7,5,"no","","","performer/nar/index.html","mainFrame","",7);
	setMeRi2(8,5,"no","","","performer/greatgeneration/index.html","mainFrame","",8);
	setMeRi2(9,5,"no","","","performer/rental/index.html","mainFrame","",9);

setMeRi2(10,-1,"yes","","","","","",10);
	setMeRi2(11,10,"no","","","map/indexx.html","mainFrame","",11);
	setMeRi2(12,10,"no","","","ticket/index.html","mainFrame","",12);
	setMeRi2(13,10,"yes","","","job/index.html","mainFrame","",13);
	
	setMeRi2(14,-1,"yes","","","","","",14);
	setMeRi2(15,14,"no","","","link/artist/index.html","mainFrame","",15);
	setMeRi2(16,14,"no","","","link/livehouse/index.html","mainFrame","",16);
	setMeRi2(17,14,"yes","","","link/other/index.html","mainFrame","",17);
	
	setMeRi2(18,-1,"yes","","","","","",18);
	setMeRi2(19,-1,"yes","","","","","",19);
	setMeRi2(20,-1,"yes","","","","","",20);
	///////////////////////////////////////////////////
}

var obFrRRi2,obFrRi2;
var i,kazRi2,htmlRi2,html0Ri2=new Array(),html1Ri2=new Array();
var kaiRi2=new Array(),visRi2=new Array(),visCRi2=new Array();
var setRi2=new Array(),foImFlRi2=new Array();
var urlTopRi2,targetTopRi2,urlRi2=new Array(),targetRi2=new Array();
writeMeRi2();

function setMeRi2(nu,seNu,fl,ti,si,ur,ta,fo,im,w,h) {
	if (nu!=-1) {
		var i,kIm="",u,im0,im1,li0,li1;
		kazRi2=nu;
		setRi2[nu]=seNu;
		if (seNu==-1) kaiRi2[nu]=0;
		else kaiRi2[nu]=kaiRi2[seNu]+1;
		if (kaiRi2[nu]==0) visRi2[nu]=true;
		else visRi2[nu]=false;
		if (fl=="yes") visCRi2[nu]=false;
		else visCRi2[nu]="no";
		urlRi2[nu]=ur,targetRi2[nu]=ta;
		foImFlRi2[nu]=im;
		kIm='<IMG SRC="'+kaiImDaRi2+'" ALIGN="bottom" WIDTH="'+(kaiWRi2*(kaiRi2[nu]+1))+'" HEIGHT="'+kaiHRi2+'">';
		im0='<IMG SRC="'+foImRi2[im][0]+'" ALIGN="bottom" BORDER="0" WIDTH="'+foWRi2+'" HEIGHT="'+foHRi2+'">';
		im1='<IMG SRC="'+foImRi2[im][1]+'" ALIGN="bottom" BORDER="0" WIDTH="'+foWRi2+'" HEIGHT="'+foHRi2+'">';

li0='<FONT SIZE="'+si+'" COLOR="'+fo+'"><SPAN style="background-color:'+bgCoRi2+'">'+ti+'</SPAN></FONT>';
		li1='<FONT SIZE="'+si+'" COLOR="'+foMeCoRi2+'"><SPAN style="background-color:'+bgMeCoRi2+'">'+ti+'</SPAN></FONT>';
		if (ur=="") u='<A HREF="#" onClick="clickEveRi2('+nu+',false);return false">';
		else u='<A HREF="#" onClick="clickEveRi2('+nu+',true);return false">';
		html1Ri2[nu]=new Array();
		html1Ri2[nu][0]=kIm+u+im0+'</A>'+u+li0+'</A><BR>';
		html1Ri2[nu][1]=kIm+u+im1+'</A>'+u+li0+'</A><BR>';
		html1Ri2[nu][2]=kIm+u+im0+'</A>'+u+li1+'</A><BR>';
		html1Ri2[nu][3]=kIm+u+im1+'</A>'+u+li1+'</A><BR>';
		if (visRi2[nu]) {
			if (visCRi2[nu]==true) htmlRi2+=html1Ri2[nu][1];
			else htmlRi2+=html1Ri2[nu][0];
		}
	}
	else {
		urlTopRi2=ur,targetTopRi2=ta;
		li0='<FONT SIZE="'+si+'" COLOR="'+fo+'"><SPAN style="background-color:'+bgCoRi2+'">'+ti+'</SPAN></FONT>';
		li1='<FONT SIZE="'+si+'" COLOR="'+foMeCoRi2+'"><SPAN style="background-color:'+bgMeCoRi2+'">'+ti+'</SPAN></FONT>';
		if (ur=="") u='<A HREF="#" onClick="clickEveRi2('+nu+',false);return false">';
		else u='<A HREF="#" onClick="clickEveRi2('+nu+',true);return false">';
		html0Ri2[0]=u+'<IMG SRC="'+im+'" ALIGN="bottom" BORDER="0" WIDTH="'+w+'" HEIGHT="'+h+'"></A>'+u+li0+'</A><BR>';
		html0Ri2[1]=u+'<IMG SRC="'+im+'" ALIGN="bottom" BORDER="0" WIDTH="'+w+'" HEIGHT="'+h+'"></A>'+u+li1+'</A><BR>';
		htmlRi2=html0Ri2[0];
	}
}

function writeLayRi2(obj,mes) {
	if (document.all || document.getElementById) obj.innerHTML=mes;
	else if (document.layers) {
		obj.document.open();
		obj.document.write(mes);
		obj.document.close();
	}
}

function setBgRi2(obj,color) {
	if (document.all || document.getElementById) obj.style.backgroundColor=color;
	else if (document.layers) obj.bgColor=color;
}

</HEAD>
<BODY BGCOLOR="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onReload = location.reload(); onLoad="MM_checkBrowser(4.8,0,1,4.0,0,0,0,'f_leftxx.html','f_leftxx.html');return document.MM_returnValue">

</BODY>
</HTML>

投稿者: 管理者日時: 2007年11月08日 16:46 | パーマリンク | コメント (0) | トラックバック (0)

javascript MARQUEEでテロップ広告

特別新しい事では無いけれど、ちょっとハッとしたネタ。ロールオーバーでストップさせるのね。なるほど。 http://www.ebank.co.jp/ より

<td align="center" class="xmain" bgcolor="#dcdcdc"><MARQUEE onmouseover=this.stop() onmouseout=this.start() 
scrollAmount=4 width="585" vspace="2" bgcolor="#ffffe0"><div style="padding:1px">     <A 
href="http://efantasia.ebank.co.jp/toshin/">☆投資信託6本追加しました⇒合計245本です！</A>      <A 
href="./totoebank/index.html">★第311回BIGに16億5千万円のキャリーオーバー発生中★</A>      <A 
href="http://efantasia.ebank.co.jp/gaika/">外貨定期預金はじめました！米ドル＆ユーロ＆豪ドル</A>      <A 
href="./kojin/service/card/jaune_card/index.html">ケータイクレジット機能付！新カード「ジョーヌ」誕生！</A>      <A 
href="http://www.acom.co.jp/ebank/?p1=preb002" target="_blank">【PR】アコムのキャッシング24時間申込受付中☆クリック！</A>      <A 
href="./kojin/debit/index.html">8種類から選べるイーバンクマネーカード申込受付中！</A>      <A 
href="https://www.fxcm.co.jp/index.php?CID=&DID=ad&PID=eb2&AFID=eb005eb2" target="_blank">【PR】FXCMジャパン 現金5,000円キャッシュバックキャンペーン！</A>      <A 
href="http://efantasia.ebank.co.jp/search/p6/01/dd/RZ/">イーバンクでのお申込み手数料が0円の投資信託は55本！</A>      <A 
href="https://www.joinvest.jp/agent/ebank.html?banner_id=ebwd0005" target="_blank">【PR】野村グループのネット専業証券会社。ジョインベスト証券</A>      <A 
href="./kojin/service/odds/index.html">地方競馬があるじゃないか！週末もオッズパークで楽しもう</A>      <A 
href="http://www.jlc.ne.jp/JLCE_campaign/cb/index_e.html?" target="_blank">【PR】今がチャンス！競艇会員登録で1,000円プレゼント！</A>      <A 
href="http://efantasia.ebank.co.jp/gaika/">外貨普通預金は低水準の為替コスト！1米ドルあたり10銭</A>      <A 
href="http://ebank.hokende.com/index.html" target="_blank">【PR】イザという時の備えに、今話題の保険があります！</A>      <A 
href="http://efantasia.ebank.co.jp/shingata/kawase/mozart.php">大好評！為替特約定期預金「モーツァルト」♪</A>

</div></MARQUEE></td>

http://heo.jp/tag/font/marpuee.html

投稿者: 管理者日時: 2007年10月26日 16:52 | パーマリンク | コメント (0) | トラックバック (0)

MT 横型javascriptカレンダー

http://www.koikikukan.com/archives/2006/03/27-015013.php

投稿者: 管理者日時: 2007年10月21日 22:27 | パーマリンク | コメント (0) | トラックバック (0)

Flash swfをランダムに表示

http://www.gac.jp/article/index.php?stats=question&category=9&id=12579&command=msg

○魚拓

http://s01.megalodon.jp/2008-0314-2024-27/www.gac.jp/article/index.php?stats=question&category=9&id=12579&command=msg

投稿者: 管理者日時: 2007年10月06日 20:12 | パーマリンク | コメント (0) | トラックバック (0)

MT Quick Edit ブックマークレット＆プラグイン

http://junnama.alfasado.net/online/2007/03/movabletypebookmarklet.html

=>Quick Edit

「Quickedit.pl」をmt/plugins へインストール
上記ブックマークレットを環境に合わせてURLを変更。
該当記事を開いている際に、ブックマークレットを起動させると編集画面が開く。

投稿者: 管理者日時: 2007年10月04日 11:32 | パーマリンク | コメント (0) | トラックバック (0)

javascript ブックマークレット作成補助ソース

http://www.openspc2.org/reibun/javascript/bookmarklet/001/

複数行で記述された javascript をブックマークレット用の一行表示変更

投稿者: 管理者日時: 2007年10月04日 11:02 | パーマリンク | コメント (0) | トラックバック (0)

js　ポップアップウインドウ（小窓）から親窓を制御　リモコンウインドウ

http://allabout.co.jp/internet/hpcreate/closeup/CU20040530A/

http://z.la/513wb

出来れば、javascrptで小窓表示なんてやりたくないんだが・・・・・

っつーか、ポップアップが好きな人ってどうしてなのかなぁ。と。

投稿者: 管理者日時: 2007年09月29日 11:25 | パーマリンク | コメント (0) | トラックバック (0)

ランダムバナーリンク

http://technique.eweb-design.com/0503_rbl.html

ランダムにバナー表示、各画像に対してリンク先を設定可能

投稿者: 管理者日時: 2007年09月26日 21:27 | パーマリンク | コメント (0) | トラックバック (0)

MdN 使いこなすための”Flashデザイン総ざらい javascriptなども含む

http://www.mdn.co.jp/webcre/Volume/Vol31/Special/

投稿者: 管理者日時: 2007年09月12日 16:42 | パーマリンク | コメント (0) | トラックバック (0)

js 画像の透明度制御

opacity

http://z.la/25nru

投稿者: 管理者日時: 2007年08月25日 23:22 | パーマリンク | コメント (0) | トラックバック (0)

なめらかにマウスオンで開閉するメニュー javascript

http://www.hiraganagateway.com/hrgn/enc/aHR0cDovL2h5cGVyLXRleHQub3JnL2FyY2hpdmVzLzIwMDYvMTIvc2xpZGVfbWVudV9qYXZhc2NyaXB0LnNodG1s

投稿者: 管理者日時: 2007年05月05日 07:45 | パーマリンク | コメント (0) | トラックバック (0)

ajax　javascript　参考

http://fnya.cocolog-nifty.com/blog/05ajaxjavascript/index.html

投稿者: 管理者日時: 2007年05月04日 08:42 | パーマリンク | コメント (0) | トラックバック (0)

softscrollbackの改良版 javascript

~~http://www.gac.jp/article/index.php?stats=question&category=9&id=15782&command=msg~~ 上記より転載

リンク元がエロにいつのまにか変わってるのでリンク切りました。

//ブラウザ判別
var IE = navigator.appName.indexOf("Microsoft Internet Explorer",0) != -1;

flag = false;

function goToAnchor(elementID){
	if((getAnchorPos(elementID).x >=0 || getAnchorPos(elementID).y >=0)){
		pageScroll(0,getAnchorPos(elementID).y,10);
		}
	else{
		flag = true;
	}
}

function getScrollLeft(){
//現在の横位置を取得
	if(IE){
		return document.body.scrollLeft;
	}
	else if(window.pageXOffset){
	return window.pageXOffset;
	}
	else{
	return 0;
	}
}

function getScrollTop(){
//現在の縦位置を取得
	if(IE){
		return document.body.scrollTop;
	}
	else if(window.pageYOffset){
	return window.pageYOffset;
	}
	else{
	return 0;
	}
}

var timeID;
function pageScroll(endX,endY,frms,cuX,cuY){
//ページスクロール本体
	if(timeID){
	clearTimeout(timeID);
	}
	if(endX < 0){
		endX = 0;
	}
	if(endY < 0){
	endY = 0;
	}
	if(!cuX){
	cuX = getScrollLeft();
	}
	if(!cuY){
	cuY = getScrollTop();
	}
	if(endY > cuY && endY > (getAnchorPos('end').y) - getInnerSize().height) {
	endY = (getAnchorPos('end').y - getInnerSize().height)+1;
	}
	cuX += (endX - getScrollLeft())/frms;
	if(cuX < 0){cuX = 0;}
	cuY +=(endY - getScrollTop())/frms;
	if(cuY < 0){cuY = 0;}
	var posiX = Math.floor(cuX);
	var posiY = Math.floor(cuY);
	window.scrollTo(posiX,posiY);
	if(posiX != endX || posiY != endY){
	timeID = setTimeout("pageScroll("+endX+","+endY+","+frms+","+cuX+","+cuY+")",16);
	}
}

HTMLのbody

そしてスタイルシートでbodyのmarginとpaddingを0pxに設定をする。
これをしないとNNとかFirefoxとかでスクロール後上がちょっとあいてしまいます。

投稿者: 管理者日時: 2007年04月27日 21:22 | パーマリンク | コメント (0) | トラックバック (0)

javascript サンプルとリファレンス

http://www015.upp.so-net.ne.jp/heyjude/script_sample.html

投稿者: 管理者日時: 2007年04月26日 11:25 | パーマリンク | コメント (0) | トラックバック (0)

javascript submitでページのリロード

http://www015.upp.so-net.ne.jp/heyjude/script_sample_brow_07.html

投稿者: 管理者日時: 2007年04月26日 10:18 | パーマリンク | コメント (0) | トラックバック (0)

Movable Type 画像ポップアップウインドウのカスタマイズ

http://www.koikikukan.com/archives/2006/06/24-015315.php

投稿者: 管理者日時: 2007年04月23日 22:02 | パーマリンク | コメント (0) | トラックバック (0)

javascript サブウインドウ制御

http://www.openspc2.org/kouza_js/049/index.html

投稿者: 管理者日時: 2007年04月23日 21:58 | パーマリンク | コメント (0) | トラックバック (0)

javasctiptエラーの解消方法

http://www.koikikukan.com/archives/2005/11/10-235011.php

投稿者: 管理者日時: 2007年04月22日 21:08 | パーマリンク | コメント (0) | トラックバック (0)

window.onloadの代替スクリプト

http://p2b.jp/index.php?UID=1152214827

投稿者: 管理者日時: 2007年04月22日 21:01 | パーマリンク | コメント (0) | トラックバック (0)

body　以外の場所でonLoadさせる

http://chaichan.web.infoseek.co.jp/qa2000/qa2457.htm ダミー画像使うパターンなど。

投稿者: 管理者日時: 2007年04月22日 20:45 | パーマリンク | コメント (0) | トラックバック (0)

javascript 総合サイト

http://javascriptist.net/

投稿者: 管理者日時: 2007年04月22日 16:28 | パーマリンク | コメント (0) | トラックバック (0)

marinestation.jp/reservation.html cookieバージョン　保存

以下html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<HTML lang="ja">  
<HEAD>
<META name="content-language" content="ja">
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Script-Type" content="text/javascript">
<META http-equiv="Content-Style-Type" content="text/css">
<META name="keywords" content="奄美大島,リゾートホテル,ダイビング,シーカヤック,島料理">
<META name="description" content="マリンステーション奄美は奄美大島最南部にあるダイビングリゾートホテルです。奄美大島の自然の中でダイビングやシーカヤックで遊んだり、島の伝統料理[鶏飯]を味わってみませんか？">
<META name="robots" content="all">
<TITLE>予約入力-マリンステーション奄美【奄美大島のダイビング・リゾートホテル】</TITLE>

</TR>
<TR>
<TD height="27" class="navi-c"><DIV style="position:static; height:27px;">

<DIV class="menu1" style="position:absolute; left:210px"><a href="../bath/index.html" title="貸切露天五右衛門風呂">露天風呂</a></DIV>
<DIV class="menu2" style="position:absolute; left:275px" onMouseOver="hyouji('submenu_2')" onMouseOut="kakusu('submenu_2')"><a href="../hotel/index.html" title="ホテル">ホテル</a></DIV>
<DIV class="menu3" style="position:absolute; left:335px" onMouseOver="hyouji('submenu_3')" onMouseOut="kakusu('submenu_3')"><a href="../yuuna/index.html" title="レストランゆうな">レストラン</a></DIV>
<DIV class="menu4" style="position:absolute; left:415px" onMouseOver="hyouji('submenu_4')" onMouseOut="kakusu('submenu_4')"><a href="../diving/index.html" title="ダイビング">ダイビング</a></DIV>
<DIV class="menu5" style="position:absolute; left:495px" onMouseOver="hyouji('submenu_5')" onMouseOut="kakusu('submenu_5')"><a href="../outdoor/index.html" title="アウトドア">アウトドア</a></DIV>
<DIV class="menu6" style="position:absolute; left:575px" onMouseOver="hyouji('submenu_6')" onMouseOut="kakusu('submenu_6')"><a href="../nature/index.html" title="奄美の自然">奄美の自然</a></DIV>
<DIV class="menu7" style="position:absolute; left:655px" onMouseOver="hyouji('submenu_7')" onMouseOut="kakusu('submenu_7')"><a href="http://www.marinetime.jp/blog/" title="ブログ">BLOG</a></DIV>

</DIV>
<DIV style="position:static; height:22px;">

<DIV id="submenu_1" class="submenu1" style="position:absolute; left:0px; visibility:hidden;"> </DIV>

<DIV id="submenu_2" class="submenu2" style="position:absolute; left:0px; visibility:hidden;" onMouseOver="hyouji('submenu_2')" onMouseOut="kakusu('submenu_2')"> <span class="submenu_obj"><A href="../hotel/index.html" title="ご挨拶"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">ご挨拶</A></span> <span class="submenu_obj"><A href="../hotel/hotel.html" title="ホテル紹介"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">ホテル紹介</A></span> <span class="submenu_obj"><A href="../hotel/charge.html" title="宿泊料金"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">宿泊料金</A></span> <span class="submenu_obj"><A href="../hotel/leisure.html"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">レジャー案内</A></span> <span class="submenu_obj"><A href="../hotel/access.html"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">アクセス&nbsp;&nbsp;</A>

<div style="padding-left:100px">&nbsp;</div>
</span> </DIV>
<DIV id="submenu_3" class="submenu3" style="position:absolute; left:0px; visibility:hidden;" onMouseOver="hyouji('submenu_3')" onMouseOut="kakusu('submenu_3')"> <span class="submenu_obj"><A href="../yuuna/index.html"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">レストランゆうな</A></span> <span class="submenu_obj"><A href="../yuuna/menu.html"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">メインメニュー</A></span> <span class="submenu_obj"><A href="../yuuna/enkai.html"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">宴会メニュー&nbsp;&nbsp;</A></span> </DIV>
<DIV id="submenu_4" class="submenu4" style="position:absolute; left:0px; visibility:hidden;" onMouseOver="hyouji('submenu_4')" onMouseOut="kakusu('submenu_4')"> <A href="../diving/index.html"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">ダイビング</A> <span class="submenu_obj"><A href="../diving/pointmap.html"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">ポイントマップ</A></span> <span class="submenu_obj"><A href="../diving/flow.html"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">ダイビングの流れ</A></span> <span class="submenu_obj"><A href="../diving/books.html"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">マリステ図鑑</A></span> <span class="submenu_obj"><A href="../diary/" target="_blank"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">ダイビング日記&nbsp;&nbsp;</A></span> </DIV>

<DIV id="submenu_5" class="submenu5" style="position:absolute; left:0px; visibility:hidden;" onMouseOver="hyouji('submenu_5')" onMouseOut="kakusu('submenu_5')"> <span class="submenu_obj"><A href="../outdoor/index.html"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">アウトドア</A></span> <span class="submenu_obj"><A href="../outdoor/mangrove.html"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">マングローブ</A></span> <span class="submenu_obj"><A href="../outdoor/imore.html"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">イモーレ・ツアー</A></span> <span class="submenu_obj"><A href="../outdoor/mishore.html"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">ミショーレ・ツアー</A></span> <span class="submenu_obj"><A href="../outdoor/tourmap.html"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">ツアーマップ</A></span> <span class="submenu_obj"><A href="../outdoor/regulation.html"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">お読み下さい&nbsp;&nbsp;</A></span> </DIV>
<DIV id="submenu_6" class="submenu6" style="position:absolute; left:0px; visibility:hidden;" onMouseOver="hyouji('submenu_6')" onMouseOut="kakusu('submenu_6')"> <span class="submenu_obj"><A href="../nature/index.html"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">気候</A></span> <span class="submenu_obj"><A href="../nature/animal.html"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">動植物</A></span> <span class="submenu_obj"><A href="../nature/sea.html"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">海</A></span> <span class="submenu_obj"><A href="../nature/hamada.html"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">写真家・浜田太&nbsp;&nbsp;</A></span> </DIV>

<DIV id="submenu_7" class="submenu7" style="position:absolute; left:0px; visibility:hidden;" onMouseOver="hyouji('submenu_7')" onMouseOut="kakusu('submenu_7')"> <span class="submenu_obj"><A href="http://www.marinetime.jp/blog/archives/cat6/"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">ダイビング日記&nbsp;(ブログ版)</A></span> <span class="submenu_obj"><A href="http://www.marinetime.jp/blog/archives/cat3/"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">アウトドア日記</A></span> <span class="submenu_obj"><A href="http://www.marinetime.jp/blog/archives/cat22/"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">レストランゆうな</A></span> <span class="submenu_obj"><A href="http://www.marinetime.jp/blog/archives/cat2/"><img src="../images/menu_icon.gif" border="0" align="bottom" class="submenu_icon">マリンステイション情報&nbsp;&nbsp;</A></span> </DIV>
</DIV></TD>
</TR>
</TABLE>
<TABLE width="740" border="0" cellpadding="0" cellspacing="0" id="formtable">
<TR>
<TD align="center" valign="top">

<div id="formtitle">■ 体験ダイビング・ボートスノーケルのご予約 ■</div>
<div style="color:#ffffff;"><br>
｜<a href="#stay"><img src="images/link_icon.gif" width="12" height="12" border="0" align="absmiddle" class="icon_link" style="margin-right:3px;margin-bottom:1px;">宿泊のご予約</a>|<span class="act"><a href="#sealeisure"><img src="images/link_icon.gif" width="12" height="12" border="0" align="absmiddle" class="icon_link" style="margin-right:3px;margin-bottom:1px;">体験ダイビング・ボートスノーケルのご予約</a></span>|<br>
<br>
｜<img src="images/link_icon.gif" width="12" height="12" border="0" align="absmiddle" class="icon_link">ファンダイビング・ダイビングスクールのご予約 | <br>
<br>
｜<img src="images/link_icon.gif" width="12" height="12" border="0" align="absmiddle" class="icon_link">シーカヤック・ツアーのご予約 | ｜<img src="images/link_icon.gif" width="12" height="12" border="0" align="absmiddle" class="icon_link">マングローブカヌー・ツアーのご予約 | </div>

<br>
<a name="stay"></a>

<div align="center" style="margin-bottom:20px;"><iframe name="iframe01" src="http://www.489.jp/rwrs/vroom2/list3.php?smem_id=275&op_id=1" width="650px" height="480px" frameborder="0"><img src="images/489jp_prv.gif" alt="ご宿泊の予約のお客様はこちらをクリックしてください。" width="323" height="212" border="0"><br>
<A href="http://www.489.jp/rwrs/vroom2/list3.php?smem_id=275&op_id=1" target="_blank">インラインフレーム表示がオフの設定か、もしくは<br>
ご利用のブラウザがインラインフレーム表示に対応していない<br>
古いバージョンのブラウザの可能性があります。
インラインフレームを表示する設定にするか、<br>
最新のバージョンのブラウザをインストールすることをお薦めいたします。
<br>
詳しくは当サイトの推奨利用環境をご覧下さい。</a></iframe>
</div>

<br style="clear:both">
<br>
<br>
<br>
<br>

<FORM action="order.cgi" method="post" name="form1" onsubmit="if (this.bakecookie[0].checked) rememberMe(this)" >

<table width="650" border="0" align="center" cellpadding="0" cellspacing="0" id="maintb">
<tr>
<td colspan="3" class="tit_td02"><a href="#stay">【当館への宿泊のご予約をされるお客様は、この上の入力欄よりどうぞ】</a><br>
<a name="sealeisure"></a><br>
以下の送信フォームは<br>
「体験ダイビング・ボートスノーケル」<br>
のご予約となります、ご注意ください。<a name="basic"><br>
</a></td>
</tr>
<tr>
<td colspan="3" class="read_td3"><br><span class="act">予約フォーム（このページ）</span>&nbsp;&nbsp;&gt;&gt;&nbsp;&nbsp;確認ページ&nbsp;&nbsp;&gt;&gt;&nbsp;&nbsp;送信完了画面<br>

<br>
<strong>〈お読み下さい〉</strong>
<ul>
<li>必要事項をご記入いただき、このページの一番下にある「次へ」ボタンを押すと、内容の確認ページへ進みます。</li>
<li>「確認ページ」にて、入力漏れ・間違いなどがあれば、戻って修正することができます。</li>
<li>書き込み内容に問題が無ければ「確認ページ」より「送信」ボタンを押して頂くと予約が完了いたします。</li>
<li>送信完了後、お客様に入力していただいたメールアドレスへ、内容確認メールが「自動返信」されます。</li>
<li><strong>自動返信メールがお客様へ届かない場合</strong>、もしくは数日中に当館より連絡が入らない場合は、大変お手数ですが再度ご連絡をくださるようお願いいたします。ご入力して頂いたメールアドレスに間違いがあったか、なんらかのシステムトラブルなどで、<strong>当館へ予約内容が届いていない可能性</strong>がございます。</li>

<li>お客様より送信して頂いた内容をもとに、予約状況・料金などを確認後、改めて数日中に折り返しご連絡をいたします。</li>
</ul>
<a name="kihon"></a></td>
</tr>
<tr>
<td colspan="3" class="tit_td02"><a href="#stay">【当館への宿泊のご予約をされるお客様は、この上の入力欄よりどうぞ】</a><br>
<a name="sealeisure"></a><br>
以下の入力欄は<br>「体験ダイビング・ボートスノーケル」<br>のご予約となります、ご注意ください。<a name="basic"><br>
</a></td>
</tr>
<tr>
<td colspan="3" class="tit_td">【代表者の基本情報１】<br>

<br>
<span class="small"><span class="act"><strong>※</strong></span>のついた項目は必須とさせていただきます、記入漏れの無いようお願いいたします。</span></td>
</tr>
<tr>
<td width="150" class="td01">代表者のお名前&nbsp;<span class="red">※</span></td>
<td width="500" colspan="2"><input type="text" size="35" name="hissu_name">&nbsp;&nbsp;</td>
</tr>
<tr>
<td class="td01">フリガナ&nbsp;<span class="red">※</span></td>
<td colspan="2"><input type="text" size="35" name="hissu_kana">
<span class="red">&nbsp;全角カナでご記入ください</span></td>

</tr>
<tr>
<td class="td01">年齢&nbsp;<span class="red">※</span></td>
<td colspan="2"><input name="hissu_age" type="text" size="10" class="number" value="">
歳</td>
</tr>

<tr>
<td class="td01">e-mail&nbsp;<span class="red">※</span></td>
<td colspan="2"><input name="hissu_email" type="text" size="35" class="number">
&nbsp;<span class="red">半角英数字でご記入ください</span></td>

</tr>
<tr>
<td class="td01">ご連絡先電話番号&nbsp;<span class="red">※</span></td>
<td colspan="2"><input name="hissu_tel" type="text" size="35" class="number">
<br>
<span class="red">・電話番号は半角数字でご記入ください。&nbsp;記入例：03-1234-5678<br>
・確認のお電話をする場合がございます。<br>
・連絡可能な電話番号をご指定ください。</span></td>
</tr>
<tr>
<td class="td01">性別&nbsp;<span class="red">※</span></td>

<td colspan="2">&nbsp;<input type="radio" name="hissu_mrms" value="男性" id="hissu_mrms_mr">
<label for="hissu_mrms_mr">男性</label>
&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="hissu_mrms" value="女性" id="hissu_mrms_ms">
<label for="hissu_mrms_ms">女性</label>
<input name="hissu_mrms" type="hidden" id="hissu_mrms_ms" value="" checked></td>
</tr>
<tr>
<td class="td01">当館<br>
マリンステイション奄美<br>
でのご宿泊&nbsp;<span class="red">※</span></td>

<td colspan="2">&nbsp;<label for="stay_true"><input type="radio" name="hissu_stay" value="ご宿泊あり　" id="stay_true">ご宿泊あり</label>
&nbsp;&nbsp;&nbsp;&nbsp;<label for="stay_false"><input type="radio" name="hissu_stay" value="ご宿泊なし" id="stay_false">ご宿泊なし</label>
<input type="hidden" name="hissu_stay" id="stay_noncheck" value="" checked>
</td>
</tr>
<tr>
<td class="td01">基本情報１の記憶</td>
<td colspan="2">&nbsp;
<input name="bakecookie" type="radio" id="bakecookie" checked />
<label for="bakecookie">記憶する</label>
<input type="radio" id="forget" name="bakecookie" onclick="forgetMe(this.form)" value="Forget Info" style="margin-left: 15px;" />
<label for="forget">記憶しない</label>

<br>
<span class="small">＊「記憶する」を選ぶと、次回より基本情報の入力を省略することができます。<br>
＊記憶されるのはテキスト入力欄のみです。<br>
＊ダイビング、カヤック、カヌーのご予約をするお客様は「記憶する」をお選び下さい。 </span></td>
</tr>
<tr>
<td colspan="3" class="tit_td">【代表者の基本情報２】</td>
</tr>
<tr>
<td colspan="3" class="tit_td02"><a href="index.html#diving"> ▼体験ダイビングのお申し込み</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="index.html#outdoor">▼ボートスノーケリングのお申し込み</a></td>

</tr>
<tr>
<td colspan="3" class="tit_td"><a name="diving"></a><a name="dive_course"></a>【ご希望の日程】 <br>
<div class="small">※「参加人数」の項目は、代表者様と同行者様の合計人数でお願いします。</div></td>
</tr>
<tr>
<td colspan="3" class="tit_td02">以下の項目は<br>
「体験ダイビング」<br>
お申し込みのお客様のみご入力ください。
</td>
</tr>

<tr>

<td colspan="3" class="tit_td">体験ダイビング希望日１</td>
</tr>
<tr>
<td class="td01_div">希望日と参加人数</td>
<td colspan="2"><select name="day1_dive_year">
<option value="2007年" selected>2007年</option>
<option value="2008年">2008年</option>
</select>
<select name="day1_dive_month">
<option value="" selected>月</option>
<option value="1月">1月</option>

<option value="2月">2月</option>
<option value="3月">3月</option>
<option value="4月">4月</option>
<option value="5月">5月</option>
<option value="6月">6月</option>
<option value="7月">7月</option>
<option value="8月">8月</option>
<option value="9月">9月</option>
<option value="10月">10月</option>

<option value="11月">11月</option>
<option value="12月">12月</option>
</select>
<select name="day1_dive_day">
<option value="" selected>日</option>
<option value="1日">1日</option>
<option value="2日">2日</option>
<option value="3日">3日</option>
<option value="4日">4日</option>
<option value="5日">5日</option>

<option value="6日">6日</option>
<option value="7日">7日</option>
<option value="8日">8日</option>
<option value="9日">9日</option>
<option value="10日">10日</option>
<option value="11日">11日</option>
<option value="12日">12日</option>
<option value="13日">13日</option>
<option value="14日">14日</option>

<option value="15日">15日</option>
<option value="16日">16日</option>
<option value="17日">17日</option>
<option value="18日">18日</option>
<option value="19日">19日</option>
<option value="20日">20日</option>
<option value="21日">21日</option>
<option value="22日">22日</option>
<option value="23日">23日</option>

<option value="24日">24日</option>
<option value="25日">25日</option>
<option value="26日">26日</option>
<option value="27日">27日</option>
<option value="28日">28日</option>
<option value="29日">29日</option>
<option value="30日">30日</option>
<option value="31日">31日</option>
</select>

&nbsp;&nbsp; &nbsp;&nbsp; 参加人数
<select name="day1_dive_people">
<option value="" selected>0名様</option>
<option value="1名様">1名様</option>
<option value="2名様">2名様</option>
<option value="3名様">3名様</option>
<option value="4名様">4名様</option>
<option value="5名様">5名様</option>
<option value="6名様">6名様</option>

<option value="7名様以上">7名様以上</option>
</select>
<label for="day1_timezone3"></label></td>
</tr>
<tr>
<td class="td01_div">&nbsp;希望ダイビングコース
<span class="td01"><img src="../images/spacer.gif" width="130" height="1"></span></td>
<td colspan="2">
<input type="radio" name="day1_dive_course" value="体験ダイビング" id="day1_dive_course_pre">
<label for="day1_dive_course_pre">体験ダイビング</label>
&nbsp;&nbsp;
<input name="day1_dive_course" type="radio" id="day1_dive_course_none" value="" checked>
<label for="day1_dive_course_none">無し</label></td>
</tr>

<tr>
<td class="td01_div">予定本数</td>
<td colspan="2"><label for="day1_lunch_kibou"></label>
<select name="day1_dive_num">
<option value="" selected>0本</option>
<option value="1本">1本</option>
<option value="2本">2本</option>
<option value="3本">3本</option>
<option value="4本">4本以上</option>
</select>
&nbsp;&nbsp;

<input type="checkbox" name="day1_timezone" value="9:00〜" id="day1_timezone1">
<label for="day1_timezone1">9:00〜</label>
<input type="checkbox" name="day1_timezone" value="13:00〜" id="day1_timezone2">
<label for="day1_timezone2">13:30〜</label>
<input type="checkbox" name="day1_timezone" value="15:30〜" id="day1_timezone3">
<label for="day1_timezone3">15:30〜</label>
<input type="checkbox" name="day1_timezone" value="未定" id="day1_timezone4">
<label for="day1_timezone4">未定</label><div class="small">◎出発時刻は状況によって変更される場合があります。</div></td>
</tr>
<tr>
<td class="td01_div">ダイバーズランチ希望数</td>

<td colspan="2"><label for="day1_lunch_kibou"></label>
<select name="day1_dive_lunchpeople">
<option value="" selected>0名様分</option>
<option value="ランチ1名">1名様分</option>
<option value="ランチ2名">2名様分</option>
<option value="ランチ3名">3名様分</option>
<option value="ランチ4名">4名様分</option>
<option value="ランチ5名">5名様分</option>
<option value="ランチ6名">6名様分</option>
<option value="ランチ7名以上">7名様分以上</option>

</select>
<span class="small">&nbsp;※ダイビングのお客様限定の、日替りランチサービス(おひとり様840円)です。</span></td>
</tr>


<tr>
<td colspan="3" class="tit_td">体験ダイビング希望日２</td>
</tr>
<tr>
<td class="td01_div">希望日と参加人数</td>
<td colspan="2"><select name="day2_dive_year">
<option value="2007年" selected>2007年</option>
<option value="2008年">2008年</option>

</select>
<select name="day2_dive_month">
<option value="" selected>月</option>
<option value="1月">1月</option>
<option value="2月">2月</option>
<option value="3月">3月</option>
<option value="4月">4月</option>
<option value="5月">5月</option>
<option value="6月">6月</option>
<option value="7月">7月</option>

<option value="8月">8月</option>
<option value="9月">9月</option>
<option value="10月">10月</option>
<option value="11月">11月</option>
<option value="12月">12月</option>
</select>
<select name="day2_dive_day">
<option value="" selected>日</option>
<option value="1日">1日</option>
<option value="2日">2日</option>

<option value="3日">3日</option>
<option value="4日">4日</option>
<option value="5日">5日</option>
<option value="6日">6日</option>
<option value="7日">7日</option>
<option value="8日">8日</option>
<option value="9日">9日</option>
<option value="10日">10日</option>
<option value="11日">11日</option>

<option value="12日">12日</option>
<option value="13日">13日</option>
<option value="14日">14日</option>
<option value="15日">15日</option>
<option value="16日">16日</option>
<option value="17日">17日</option>
<option value="18日">18日</option>
<option value="19日">19日</option>
<option value="20日">20日</option>

<option value="21日">21日</option>
<option value="22日">22日</option>
<option value="23日">23日</option>
<option value="24日">24日</option>
<option value="25日">25日</option>
<option value="26日">26日</option>
<option value="27日">27日</option>
<option value="28日">28日</option>
<option value="29日">29日</option>

<option value="30日">30日</option>
<option value="31日">31日</option>
</select>
&nbsp;&nbsp; &nbsp;&nbsp; 参加人数
<select name="day2_dive_people">
<option value="" selected>0名様</option>
<option value="1名様">1名様</option>
<option value="2名様">2名様</option>
<option value="3名様">3名様</option>

<option value="4名様">4名様</option>
<option value="5名様">5名様</option>
<option value="6名様">6名様</option>
<option value="7名様以上">7名様以上</option>
</select>
<label for="day2_timezone3"></label></td>
</tr>
<tr>
<td class="td01_div">&nbsp;希望ダイビングコース <span class="td01"><img src="../images/spacer.gif" width="130" height="1"></span></td>
<td colspan="2">
<input type="radio" name="day2_dive_course" value="体験ダイビング" id="day2_dive_course_pre">
<label for="day2_dive_course_pre">体験ダイビング</label>

&nbsp;&nbsp;
<label for="day2_dive_course_sc"></label>
<input name="day2_dive_course" type="radio" id="day2_dive_course_none" value="" checked>
<label for="day2_dive_course_none">無し</label></td>
</tr>
<tr>
<td class="td01_div">予定本数</td>
<td colspan="2"><label for="day2_lunch_kibou"></label>
<select name="day2_dive_num">
<option value="" selected>0本</option>
<option value="1本">1本</option>
<option value="2本">2本</option>

<option value="3本">3本</option>
<option value="4本">4本以上</option>
</select>
&nbsp;&nbsp;
<input type="checkbox" name="day2_timezone" value="9:00〜" id="day2_timezone1">
<label for="day2_timezone1">9:00〜</label>
<input type="checkbox" name="day2_timezone" value="13:00〜" id="day2_timezone2">
<label for="day2_timezone2">13:30〜</label>
<input type="checkbox" name="day2_timezone" value="15:30〜" id="day2_timezone3">
<label for="day2_timezone3">15:30〜</label>
<input type="checkbox" name="day2_timezone" value="未定" id="day2_timezone4">
<label for="day2_timezone4">未定</label><div class="small">◎出発時刻は状況によって変更される場合があります。</div></td>

</tr>
<tr>
<td class="td01_div">ダイバーズランチ希望数</td>
<td colspan="2"><label for="day2_lunch_kibou"></label>
<select name="day2_dive_lunchpeople">
<option value="" selected>0名様分</option>
<option value="ランチ1名">1名様分</option>
<option value="ランチ2名">2名様分</option>
<option value="ランチ3名">3名様分</option>
<option value="ランチ4名">4名様分</option>
<option value="ランチ5名">5名様分</option>

<option value="ランチ6名">6名様分</option>
<option value="ランチ7名以上">7名様分以上</option>
</select>
<span class="small">&nbsp;※ダイビングのお客様限定の、日替りランチサービス(おひとり様840円)です。</span></td>
</tr>


<tr>
<td colspan="3" class="tit_td">体験ダイビング希望日３</td>
</tr>
<tr>
<td class="td01_div">希望日と参加人数</td>

<td colspan="2"><select name="day3_dive_year">
<option value="2007年" selected>2007年</option>
<option value="2008年">2008年</option>
</select>
<select name="day3_dive_month">
<option value="" selected>月</option>
<option value="1月">1月</option>
<option value="2月">2月</option>
<option value="3月">3月</option>
<option value="4月">4月</option>

<option value="5月">5月</option>
<option value="6月">6月</option>
<option value="7月">7月</option>
<option value="8月">8月</option>
<option value="9月">9月</option>
<option value="10月">10月</option>
<option value="11月">11月</option>
<option value="12月">12月</option>
</select>

<select name="day3_dive_day">
<option value="" selected>日</option>
<option value="1日">1日</option>
<option value="2日">2日</option>
<option value="3日">3日</option>
<option value="4日">4日</option>
<option value="5日">5日</option>
<option value="6日">6日</option>
<option value="7日">7日</option>

<option value="8日">8日</option>
<option value="9日">9日</option>
<option value="10日">10日</option>
<option value="11日">11日</option>
<option value="12日">12日</option>
<option value="13日">13日</option>
<option value="14日">14日</option>
<option value="15日">15日</option>
<option value="16日">16日</option>

<option value="17日">17日</option>
<option value="18日">18日</option>
<option value="19日">19日</option>
<option value="20日">20日</option>
<option value="21日">21日</option>
<option value="22日">22日</option>
<option value="23日">23日</option>
<option value="24日">24日</option>
<option value="25日">25日</option>

<option value="26日">26日</option>
<option value="27日">27日</option>
<option value="28日">28日</option>
<option value="29日">29日</option>
<option value="30日">30日</option>
<option value="31日">31日</option>
</select>
&nbsp;&nbsp; &nbsp;&nbsp; 参加人数
<select name="day3_dive_people">

<option value="" selected>0名様</option>
<option value="1名様">1名様</option>
<option value="2名様">2名様</option>
<option value="3名様">3名様</option>
<option value="4名様">4名様</option>
<option value="5名様">5名様</option>
<option value="6名様">6名様</option>
<option value="7名様以上">7名様以上</option>
</select>

<label for="day3_timezone3"></label></td>
</tr>
<tr>
<td class="td01_div">&nbsp;希望ダイビングコース <span class="td01"><img src="../images/spacer.gif" width="130" height="1"></span></td>
<td colspan="2">
<input type="radio" name="day3_dive_course" value="体験ダイビング" id="day3_dive_course_pre">
<label for="day3_dive_course_pre">体験ダイビング</label>
&nbsp;&nbsp;
<input name="day3_dive_course" type="radio" id="day3_dive_course_none" value="" checked>
<label for="day3_dive_course_none">無し</label></td>
</tr>
<tr>
<td class="td01_div">予定本数</td>

<td colspan="2"><label for="day3_lunch_kibou"></label>
<select name="day3_dive_num">
<option value="" selected>0本</option>
<option value="1本">1本</option>
<option value="2本">2本</option>
<option value="3本">3本</option>
<option value="4本">4本以上</option>
</select>
&nbsp;&nbsp;
<input type="checkbox" name="day3_timezone" value="9:00〜" id="day3_timezone1">
<label for="day3_timezone1">9:00〜</label>

<input type="checkbox" name="day3_timezone" value="13:00〜" id="day3_timezone2">
<label for="day3_timezone2">13:30〜</label>
<input type="checkbox" name="day3_timezone" value="15:30〜" id="day3_timezone3">
<label for="day3_timezone3">15:30〜</label>
<input type="checkbox" name="day3_timezone" value="未定" id="day3_timezone4">
<label for="day3_timezone4">未定</label><div class="small">◎出発時刻は状況によって変更される場合があります。</div></td>
</tr>
<tr>
<td class="td01_div">ダイバーズランチ希望数</td>
<td colspan="2"><label for="day3_lunch_kibou"></label>
<select name="day3_dive_lunchpeople">
<option value="" selected>0名様分</option>

<option value="ランチ1名">1名様分</option>
<option value="ランチ2名">2名様分</option>
<option value="ランチ3名">3名様分</option>
<option value="ランチ4名">4名様分</option>
<option value="ランチ5名">5名様分</option>
<option value="ランチ6名">6名様分</option>
<option value="ランチ7名以上">7名様分以上</option>
</select>
<span class="small">&nbsp;※ダイビングのお客様限定の、日替りランチサービス(おひとり様840円)です。</span></td>

</tr>


<tr>
<td colspan="3" class="tit_td">体験ダイビング希望日４</td>
</tr>
<tr>
<td class="td01_div">希望日と参加人数</td>
<td colspan="2"><select name="day4_dive_year">
<option value="2007年" selected>2007年</option>
<option value="2008年">2008年</option>
</select>
<select name="day4_dive_month">

<option value="" selected>月</option>
<option value="1月">1月</option>
<option value="2月">2月</option>
<option value="3月">3月</option>
<option value="4月">4月</option>
<option value="5月">5月</option>
<option value="6月">6月</option>
<option value="7月">7月</option>
<option value="8月">8月</option>

<option value="9月">9月</option>
<option value="10月">10月</option>
<option value="11月">11月</option>
<option value="12月">12月</option>
</select>
<select name="day4_dive_day">
<option value="" selected>日</option>
<option value="1日">1日</option>
<option value="2日">2日</option>
<option value="3日">3日</option>

<option value="4日">4日</option>
<option value="5日">5日</option>
<option value="6日">6日</option>
<option value="7日">7日</option>
<option value="8日">8日</option>
<option value="9日">9日</option>
<option value="10日">10日</option>
<option value="11日">11日</option>
<option value="12日">12日</option>

<option value="13日">13日</option>
<option value="14日">14日</option>
<option value="15日">15日</option>
<option value="16日">16日</option>
<option value="17日">17日</option>
<option value="18日">18日</option>
<option value="19日">19日</option>
<option value="20日">20日</option>
<option value="21日">21日</option>

<option value="22日">22日</option>
<option value="23日">23日</option>
<option value="24日">24日</option>
<option value="25日">25日</option>
<option value="26日">26日</option>
<option value="27日">27日</option>
<option value="28日">28日</option>
<option value="29日">29日</option>
<option value="30日">30日</option>

<option value="31日">31日</option>
</select>
&nbsp;&nbsp; &nbsp;&nbsp; 参加人数
<select name="day4_dive_people">
<option value="" selected>0名様</option>
<option value="1名様">1名様</option>
<option value="2名様">2名様</option>
<option value="3名様">3名様</option>
<option value="4名様">4名様</option>

<option value="5名様">5名様</option>
<option value="6名様">6名様</option>
<option value="7名様以上">7名様以上</option>
</select>
<label for="day4_timezone3"></label></td>
</tr>
<tr>
<td class="td01_div">&nbsp;希望ダイビングコース <span class="td01"><img src="../images/spacer.gif" width="130" height="1"></span></td>
<td colspan="2">
<input type="radio" name="day4_dive_course" value="体験ダイビング" id="day4_dive_course_pre">
<label for="day4_dive_course_pre">体験ダイビング</label>
&nbsp;&nbsp;

<label for="day4_dive_course_sc"></label>
<input name="day4_dive_course" type="radio" id="day4_dive_course_none" value="" checked>
<label for="day4_dive_course_none">無し</label>
</td>
</tr>
<tr>
<td class="td01_div">予定本数</td>
<td colspan="2"><label for="day4_lunch_kibou"></label>
<select name="day4_dive_num">
<option value="" selected>0本</option>
<option value="1本">1本</option>
<option value="2本">2本</option>

<option value="3本">3本</option>
<option value="4本">4本以上</option>
</select>
&nbsp;&nbsp;
<input type="checkbox" name="day4_timezone" value="9:00〜" id="day4_timezone1">
<label for="day4_timezone1">9:00〜</label>
<input type="checkbox" name="day4_timezone" value="13:00〜" id="day4_timezone2">
<label for="day4_timezone2">13:30〜</label>
<input type="checkbox" name="day4_timezone" value="15:30〜" id="day4_timezone3">
<label for="day4_timezone3">15:30〜</label>
<input type="checkbox" name="day4_timezone" value="未定" id="day4_timezone4">
<label for="day4_timezone4">未定</label><div class="small">◎出発時刻は状況によって変更される場合があります。</div></td>

</tr>
<tr>
<td class="td01_div">ダイバーズランチ希望数</td>
<td colspan="2"><label for="day4_lunch_kibou"></label>
<select name="day4_dive_lunchpeople">
<option value="" selected>0名様分</option>
<option value="ランチ1名">1名様分</option>
<option value="ランチ2名">2名様分</option>
<option value="ランチ3名">3名様分</option>
<option value="ランチ4名">4名様分</option>
<option value="ランチ5名">5名様分</option>

<option value="ランチ6名">6名様分</option>
<option value="ランチ7名以上">7名様分以上</option>
</select>
<span class="small">&nbsp;※ダイビングのお客様限定の、日替りランチサービス(おひとり様840円)です。</span></td>
</tr>

<tr>
<td colspan="3" class="tit_td">体験ダイビング希望日５</td>
</tr>
<tr>

<td colspan="3" class="hoge">5日目以降のご希望がある場合には、【ダイビング予約代表者の項目】の一番最後にある「備考欄」に日程・詳細をご記入下さい。</td>
</tr>
<tr>
<td colspan="3" class="tit_td"><a name="divive_daihyo"></a>【体験ダイビング予約代表者の項目】</td>
</tr>
<tr>
<td class="td01_div">代表者の<br>
ダイビング経験本数</td>
<td class="tdc1">約<input type="text" name="diving_ex" size="5" class="number">本</td>
<td class="tdc2"><span class="smallr">過去に体験ダイビングの経験がある場合、その本数。<br>

未経験ならば「0」をご記入ください</span></td>
</tr>
<tr>
<td class="td01_div">代表者が<br>
最後にダイビングをした<br>
日時 </td>
<td colspan="2"><select name="fin_dive_year">
<option></option>
<option value="ダイビング歴なし">ダイビング歴なし</option>
<option value="1995年以前">1995</option>
<option value="1996年">1996</option>

<option value="1997年">1997</option>
<option value="1998年">1998</option>
<option value="1999年">1999</option>
<option value="2000年">2000</option>
<option value="2001年">2001</option>
<option value="2002年">2002</option>
<option value="2003年">2003</option>
<option value="2004年">2004</option>
<option value="2005年">2005</option>

<option value="2006年">2006</option>
<option value="2007年">2007</option>
</select>
年
<select name="fin_dive_month">
<option></option>
<option value="1月">1 </option>
<option value="2月">2 </option>
<option value="3月">3 </option>
<option value="4月">4 </option>
<option value="5月">5 </option>

<option value="6月">6 </option>
<option value="7月">7 </option>
<option value="8月">8 </option>
<option value="9月">9 </option>
<option value="10月">10 </option>
<option value="11月">11 </option>
<option value="12月">12 </option>
</select>
月
<select name="fin_dive_day">

<option value="9日">9 </option>
<option value="10日">10 </option>
<option value="11日">11 </option>
<option value="12日">12 </option>
<option value="13日">13 </option>
<option value="14日">14 </option>
<option value="15日">15 </option>
<option value="16日">16 </option>
<option value="17日">17 </option>

<option value="18日">18 </option>
<option value="19日">19 </option>
<option value="20日">20 </option>
<option value="21日">21 </option>
<option value="22日">22 </option>
<option value="23日">23 </option>
<option value="24日">24 </option>
<option value="25日">25 </option>
<option value="26日">26 </option>

<option value="27日">27 </option>
<option value="28日">28 </option>
<option value="29日">29 </option>
<option value="30日">30 </option>
<option value="31日">31 </option>
</select>
日&nbsp;</td>
</tr>
<tr>
<td class="td01_div">代表者の<br>

器材レンタルの有無</td>
<td colspan="2"><input type="checkbox" name="item" value="器材レンタルを希望" id="rentalkibou">
<label for="rentalkibou">器材レンタルを希望</label>
<br>
<br>
【身長&nbsp;
<input name="height" type="text" size="4" maxlength=8 class="number">
&nbsp;cm&nbsp;&nbsp;体重&nbsp;
<input name="weight" type="text" size="4" maxlength=8  class="number">
&nbsp;kg&nbsp;&nbsp;足のサイズ&nbsp;

<input type="text" size="4" maxlength=8 name="foot_size" class="number">
&nbsp;cm】 <br>
</td>
</tr>
<tr>
<td class="td01_div">レンタル希望器材
<div class="small">器材レンタルを希望する方</div></td>
<td colspan="2"><input type="radio" name="rental2" value="個別レンタル" id="kobetu_rental">
<label for="kobetu_rental">個別レンタル</label>
<br>
<input type="radio" name="rental2" value="フルレンタル" onClick="radioButton()" id="fullrental">
<label for="fullrental">フルレンタル(BC、レギュレター、ウエットスーツ、スキンセット＊)</label>
<br>

＊<span class="small">スキンセット詳細：スノーケル、グローブ、ブーツ、フィン、マスク（度入り・度無し)</span> </td>
</tr>
<tr>
<td class="td01_div">個別レンタル詳細
<div class="small">【個別レンタル】を選択した方</div></td>
<td colspan="2"> ▼スキンセット
<input type="button" value="スキンセット全てにチェック" onClick="checkCB()">
<br>
<input type="checkbox" name="skinset1" value="スノーケル　" id="skinset1_sno">
<label for="skinset1_sno">スノーケル</label>
<input type="checkbox" name="skinset2" value="フィン　" id="skinset2_fin">

<label for="skinset2_fin">フィン</label>
<input type="checkbox" name="skinset3" value="ブーツ　" id="skinset3_boot">
<label for="skinset3_boot">ブーツ</label>
<input type="checkbox" name="skinset4" value="グローブ　" id="skinset4_glo">
<label for="skinset4_glo">グローブ</label>
<br>
<input type="checkbox" name="skinset5" value="マスク　" id="skinset5_mask">
<label for="skinset5_mask">マスク《</label>
<input type="checkbox" name="skinset_mask" value="コンタクト使用　" id="skinset_mask_contact">
<label for="skinset_mask_contact">コンタクト使用&nbsp;&nbsp;</label>
<input type="checkbox" onClick="setTF(this,'etc')" name="skinset_mask" value="度入りマスク希望　" id="skinset_mask_do">
<label for="skinset_mask_do">度入りマスク希望　→　視力(裸眼)</label>

<input name="etc" type="text" disabled size="4" value="">
》 <br>
<br>
▼スキンセット以外 <br>
<input type="checkbox" name="equip" value="BC　" id="14">
<label for="14">BC</label>
&nbsp;
<input type="checkbox" name="equip" value="レギュレター　" id="15">
<label for="15">レギュレター</label>
&nbsp;
<input type="checkbox" name="equip" value="ウェットスーツ　" id="16">
<label for="16">ウェットスーツ</label>

<br>
<br>
その他&nbsp;
<input type="text" name="equip_etc" size=40>
<span class="td01_div"><a name="div_comment"></a></span></td>
</tr>

<tr>
<td valign="top" class="td01_div"><a name="helthycheck_daihyo">&nbsp;</a>健康チェック</td>
<td colspan="2" align="center" valign="middle"><table width="100%"  border="0" align="center" cellpadding="0" cellspacing="0" style="margin-top:3px;margin-bottom:3px" id="healthycheck_tb">
<tr>
<TD colspan="3">現在・過去を問わず下記一覧の項目の中で、あてはまる症状がある方はチェックを入れ、一覧に含まれていない場合、詳細が必要と思われる症状がある場合には、「詳細又はその他」の欄に症状・詳細を正確にご記入ください。 症状によっては、<span class="red">医師の診断書が必要になる場合</span>もございます。</TD>

</tr>
<TR>
<TD><INPUT type="checkbox" name="healthycheck1" value="ろくまく炎　" id="healthycheck01">
<label for="healthycheck01">ろくまく炎</label></TD>
<TD><INPUT type="checkbox" name="healthycheck2" value="ぜんそく　" id="healthycheck02">
<label for="healthycheck02">ぜんそく</label></TD>
<TD><INPUT type="checkbox" name="healthycheck3" value="肺結核　" id="healthycheck03">
<label for="healthycheck03">肺結核</label></TD>
</TR>
<tr>
<TD><INPUT type="checkbox" name="healthycheck4" value="鼻・副鼻腔トラブル　"id="healthycheck04">
<label for="healthycheck04">鼻(副鼻腔)のトラブル</label></TD>
<TD><INPUT type="checkbox" name="healthycheck5" value="自然気胸　" id="healthycheck05">

<label for="healthycheck05">自然気胸</label></TD>
<TD><INPUT type="checkbox" name="healthycheck6" value="ひどい肺炎　" id="healthycheck06">
<label for="healthycheck06">ひどい肺炎</label></TD>
</tr>
<TR>
<TD><INPUT type="checkbox" name="healthycheck7" value="花粉症　" id="healthycheck07">
<label for="healthycheck07">花粉症</label></TD>
<TD><INPUT type="checkbox" name="healthycheck8" value="呼吸器系トラブル　" id="healthycheck08">
<label for="healthycheck08">その他呼吸器系トラブル</label></TD>
<TD><INPUT type="checkbox" name="healthycheck9" value="糖尿病　" id="healthycheck09">
<label for="healthycheck09">糖尿病</label></TD>
</TR>

<TR>
<TD><INPUT type="checkbox" name="healthycheck10" value="狭心症　" id="healthycheck10">
<label for="healthycheck10">狭心症</label></TD>
<TD><INPUT type="checkbox" name="healthycheck11" value="不整脈・動悸　" id="healthycheck11">
<label for="healthycheck11">不整脈・動悸</label></TD>
<TD><INPUT type="checkbox" name="healthycheck12" value="高・低血圧　" id="healthycheck12">
<label for="healthycheck12">高・低血圧</label></TD>
</TR>
<TR>
<TD><INPUT type="checkbox" name="healthycheck18" value="定期的に薬服用　" id="healthycheck18">
<label for="healthycheck18">定期的に薬を服用</label></TD>
<TD colspan="2"><label for="healthycheck14">
<INPUT type="checkbox" name="healthycheck13" value="てんかんめまい意識不明　" id="healthycheck13">

てんかん・めまい・意識不明を起こす体質</label></TD>
</TR>
<TR>
<TD colspan="3"><input type="button" value="全てのチェックを入れる" onClick="checkCB7('check')">&nbsp;&nbsp;<input type="button" value="全てのチェックを外す" onClick="checkCB7('uncheck')">
<br>
<br>
【詳細又はその他】申告の必要があると思われる症状・怪我等<br>
<textarea name="healthycheck_other" cols="55" rows="5" id="healthycheck_other"></textarea></TD>
</TR>
</table></td>
</tr>

<tr>

<td colspan="3" class="tit_td"><a name="div_p1"></a>以下は体験ダイビング同行者の項目となります。<br>
<div class="small">５名様まで入力欄があります。同行者が６名様を超える場合には<br>
一番最後の項目「ダイビング備考欄」へご記入ください。</div></td>
</tr>
<tr>
<td class="td01_div">同行者の人数</td>
<td colspan="2"><select name="people">
<option value="" selected>0名</option>
<option value="1名様">1名様</option>
<option value="2名様">2名様</option>

<option value="3名様">3名様</option>
<option value="4名様">4名様</option>
<option value="5名様">5名様</option>
<option value="6名様">6名様以上</option>
</select>
</td>
</tr>
<tr>
<td colspan="3" class="tit_td"><a name="div_p1"></a>【体験ダイビング同行者1人目の項目】
</td>
</tr>
<tr>
<td class="td01_div">氏名カタカナ</td>

<td colspan="2"><input type="text" size="35" name="dive_people1_name">
<span class="red">&nbsp;全角カナでご記入ください</span></td>
</tr>
<tr>
<td class="td01_div">年齢</td>
<td colspan="2"><input name="dive_people1_age" type="text" size="10" class="number">
歳</td>
</tr>
<tr>
<td class="td01_div">性別</td>
<td colspan="2"><input type="radio" name="dive_people1_MRMS" value="男性" id="dive_people1_MRMS_mr">
<label for="dive_people1_MRMS_mr">男性</label>

&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="dive_people1_MRMS" value="女性" id="dive_people1_MRMS_ms">
<label for="dive_people1_MRMS_ms">女性</label></td>
</tr>
<tr>
<td valign="top" class="td01_div">Cカードについて
<div class="small">&nbsp;ファンダイビングのお申し込みの方のみ</div></td>
<td colspan="2"><input type="radio" name="dive_people1_c_card" value="Cカードなし" id="dive_people1_c_card_false">
<label for="dive_people1_c_card_false">Cカードなし</label>
&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="dive_people1_c_card" value="Cカード有り" id="dive_people1_c_card_true">
<label for="dive_people1_c_card_true">Cカード有り</label>
<br>

<br>
・Cカード指導団体名&nbsp;
<input name="dive_people1_c_dantai" type="text" value="" size="40">
<br>
<br>
・取得ランク <br>
<input type="checkbox" name="divep1_c_cardrank" value="オープンウォーター　" id="divep1_09">
<label for="divep1_09">オープンウォーター</label>
&nbsp;
<input type="checkbox" name="divep1_c_cardrank" value="アドバンス　" id="divep1_10">
<label for="divep1_10">アドバンス</label>
&nbsp;
<input type="checkbox" name="divep1_c_cardrank" value="ダイブマスター　" id="divep1_11">

<label for="divep1_11">ダイブマスター</label>
&nbsp;
<input type="checkbox" name="divep1_c_cardrank" value="インストラクター " id="divep1_12">
<label for="divep1_12">インストラクター </label>
<br>
その他&nbsp;
<input type="text" name="divep1_c_cardrank" size=50>
</td>
</tr>
<tr>
<td class="td01_div">ダイビング経験本数</td>
<td colspan="2">約
<input type="text" name="divep1_diving_ex" size="5" class="number">

本<span class="smallr">&nbsp;ファンダイビングのお申し込みの方のみ</span></td>
</tr>
<tr>
<td class="td01_div">最後にダイビングをした<br>
日時 </td>
<td colspan="2"><select name="divep1_fin_dive_year">
<option></option>
<option value="ダイビング歴なし">ダイビング歴なし</option>
<option value="1995年以前">1995</option>
<option value="1996年">1996</option>

<option value="1997年">1997</option>
<option value="1998年">1998</option>
<option value="1999年">1999</option>
<option value="2000年">2000</option>
<option value="2001年">2001</option>
<option value="2002年">2002</option>
<option value="2003年">2003</option>
<option value="2004年">2004</option>
<option value="2005年">2005</option>

<option value="2006年">2006</option>
<option value="2007年">2007</option>
</select>
年
<select name="divep1_fin_dive_month">
<option></option>
<option value="1月">1 </option>
<option value="2月">2 </option>
<option value="3月">3 </option>
<option value="4月">4 </option>
<option value="5月">5 </option>

<option value="6月">6 </option>
<option value="7月">7 </option>
<option value="8月">8 </option>
<option value="9月">9 </option>
<option value="10月">10 </option>
<option value="11月">11 </option>
<option value="12月">12 </option>
</select>
月
<select name="divep1_fin_dive_day">

<option value="9日">9 </option>
<option value="10日">10 </option>
<option value="11日">11 </option>
<option value="12日">12 </option>
<option value="13日">13 </option>
<option value="14日">14 </option>
<option value="15日">15 </option>
<option value="16日">16 </option>
<option value="17日">17 </option>

<option value="18日">18 </option>
<option value="19日">19 </option>
<option value="20日">20 </option>
<option value="21日">21 </option>
<option value="22日">22 </option>
<option value="23日">23 </option>
<option value="24日">24 </option>
<option value="25日">25 </option>
<option value="26日">26 </option>

<option value="27日">27 </option>
<option value="28日">28 </option>
<option value="29日">29 </option>
<option value="30日">30 </option>
<option value="31日">31 </option>
</select>
日<span class="smallr">&nbsp;ファンダイビングのお申し込みの方のみ</span></td>
</tr>
<tr>
<td class="td01_div">レンタル希望器材</td>

<td colspan="2"><input name="divep1_rental2" type="radio" id="divep1_rental_none" onClick="radioButton1()" value="レンタル無し" checked>
<label for="divep1_rental_none">レンタル無し</label>
<br>
<input type="radio" name="divep1_rental2" value="個別レンタル" onClick="radioButton1()" id="divep1_kobetu_rental">
<label for="divep1_kobetu_rental">個別レンタル</label>
<br>
<input type="radio" name="divep1_rental2" value="フルレンタル" onClick="radioButton1()" id="divep1_fullrental">
<label for="divep1_fullrental">フルレンタル(BC、レギュレター、ウエットスーツ、スキンセット＊)</label>
<br>
＊<span class="small">スキンセット詳細：スノーケル、グローブ、ブーツ、フィン、マスク（度入り・度無し)</span> <br>
<br>

→【身長&nbsp;
<input name="divep1_height" type="text" size="4" maxlength=8 class="number">
&nbsp;cm&nbsp;&nbsp;体重&nbsp;
<input name="divep1_weight" type="text" size="4" maxlength=8  class="number">
&nbsp;kg&nbsp;&nbsp;足のサイズ&nbsp;
<input type="text" size="4" maxlength=8 name="divep1_foot_size" class="number">
&nbsp;cm】 <br></td>
</tr>
<tr>
<td class="td01_div">個別レンタル詳細
<div class="small">【個別レンタル】を選択した方</div></td>

<td colspan="2"> ▼スキンセット
<input type="button" value="スキンセット全てにチェック" onClick="checkCB1()">
<br>
<input type="checkbox" name="divep1_skinset1" value="スノーケル　" id="divep1_skinset1_sno">
<label for="divep1_skinset1_sno">スノーケル</label>
<input type="checkbox" name="divep1_skinset2" value="フィン　" id="divep1_skinset2_fin">
<label for="divep1_skinset2_fin">フィン</label>
<input type="checkbox" name="divep1_skinset3" value="ブーツ　" id="divep1_skinset3_boot">
<label for="divep1_skinset3_boot">ブーツ</label>
<input type="checkbox" name="divep1_skinset4" value="グローブ　" id="divep1_skinset4_glo">
<label for="divep1_skinset4_glo">グローブ</label>
<br>

<input type="checkbox" name="divep1_skinset5" value="マスク　" id="divep1_skinset5_mask">
<label for="divep1_skinset5_mask">マスク《</label>
<input type="checkbox" name="divep1_skinset_mask" value="コンタクト使用　" id="divep1_skinset_mask_contact">
<label for="divep1_skinset_mask_contact">コンタクト使用&nbsp;&nbsp;</label>
<input type="checkbox" onClick="setTF1(this,'divep1_etc')" name="divep1_skinset_mask" value="度入りマスク希望　" id="divep1_skinset_mask_do">
<label for="divep1_skinset_mask_do">度入りマスク希望　→　視力(裸眼)</label>
<input name="divep1_etc" type="text" disabled size="4" value="">
》 <br>
<br>
▼スキンセット以外 <br>
<input type="checkbox" name="divep1_equip" value="BC　" id="divep1_14">
<label for="divep1_14">BC</label>

&nbsp;
<input type="checkbox" name="divep1_equip" value="レギュレター　" id="divep1_15">
<label for="divep1_15">レギュレター</label>
&nbsp;
<input type="checkbox" name="divep1_equip" value="ウェットスーツ　" id="divep1_16">
<label for="divep1_16">ウェットスーツ</label>
<br>
<br>
その他&nbsp;
<input type="text" name="divep1_equip_etc" size=40>
</td>
</tr>

<tr>

<td valign="middle" class="td01_div">健康チェック<div class="small">【ダイビングスクール】を<br>お申し込みの方は<br>必ずご記入ください</div></td>
<td colspan="2" class="tdc3"><textarea name="divep1_healthycheck_other" id="divep1_healthycheck_other" cols="55" rows="5" onFocus="if (divep1_healthycheck_other.innerHTML =='現在・過去に関わらず、申告の必要があると思われる「症状・体質、健康状態など」がある場合には、この欄に出来るだけ詳しくご記入ください') divep1_healthycheck_other.innerHTML = '';">現在・過去に関わらず、申告の必要があると思われる「症状・体質、健康状態など」がある場合には、この欄に出来るだけ詳しくご記入ください</textarea>
<br>＊項目については、<a href="#helthycheck_daihyo">代表者の「健康チェックの欄」</a>を参考にしてください。</td>
</tr>

<tr>
<td colspan="3" class="tit_td"><a name="div_p2"></a>【ダイビング同行者2人目の項目】

</td>
</tr>
<tr>
<td class="td01_div">氏名カタカナ</td>
<td colspan="2"><input type="text" size="35" name="dive_people2_name">
<span class="red">&nbsp;全角カナでご記入ください</span></td>
</tr>
<tr>
<td class="td01_div">年齢</td>
<td colspan="2"><input name="dive_people2_age" type="text" size="10" class="number">
歳</td>
</tr>
<tr>

<td class="td01_div">性別</td>
<td colspan="2"><input type="radio" name="dive_people2_MRMS" value="男性" id="dive_people2_MRMS_mr">
<label for="dive_people2_MRMS_mr">男性</label>
&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="dive_people2_MRMS" value="女性" id="dive_people2_MRMS_ms">
<label for="dive_people2_MRMS_ms">女性</label></td>
</tr>
<tr>
<td valign="top" class="td01_div">Cカードについて
<div class="small">&nbsp;ファンダイビングのお申し込みの方のみ</div></td>
<td colspan="2"><input type="radio" name="dive_people2_c_card" value="Cカードなし" id="dive_people2_c_card_false">
<label for="dive_people2_c_card_false">Cカードなし</label>

&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="dive_people2_c_card" value="Cカード有り" id="dive_people2_c_card_true">
<label for="dive_people2_c_card_true">Cカード有り</label>
<br>
<br>
・Cカード指導団体名&nbsp;
<input name="dive_people2_c_dantai" type="text" value="" size="40">
<br>
<br>
・取得ランク <br>
<input type="checkbox" name="divep2_c_cardrank" value="オープンウォーター　" id="divep2_09">
<label for="divep2_09">オープンウォーター</label>
&nbsp;

<input type="checkbox" name="divep2_c_cardrank" value="アドバンス　" id="divep2_10">
<label for="divep2_10">アドバンス</label>
&nbsp;
<input type="checkbox" name="divep2_c_cardrank" value="ダイブマスター　" id="divep2_11">
<label for="divep2_11">ダイブマスター</label>
&nbsp;
<input type="checkbox" name="divep2_c_cardrank" value="インストラクター " id="divep2_12">
<label for="divep2_12">インストラクター </label>
<br>
その他&nbsp;
<input type="text" name="divep2_c_cardrank" size=50>
</td>
</tr>

<tr>
<td class="td01_div">ダイビング経験本数</td>
<td colspan="2">約
<input type="text" name="divep2_diving_ex" size="5" class="number">
本<span class="smallr">&nbsp;ファンダイビングのお申し込みの方のみ</span></td>
</tr>
<tr>
<td class="td01_div">最後にダイビングをした<br>
日時 </td>
<td colspan="2"><select name="divep2_fin_dive_year">
<option></option>
<option value="ダイビング歴なし">ダイビング歴なし</option>

<option value="1995年以前">1995</option>
<option value="1996年">1996</option>
<option value="1997年">1997</option>
<option value="1998年">1998</option>
<option value="1999年">1999</option>
<option value="2000年">2000</option>
<option value="2001年">2001</option>
<option value="2002年">2002</option>
<option value="2003年">2003</option>

<option value="2004年">2004</option>
<option value="2005年">2005</option>
<option value="2006年">2006</option>
<option value="2007年">2007</option>
</select>
年
<select name="divep2_fin_dive_month">
<option></option>
<option value="1月">1 </option>
<option value="2月">2 </option>
<option value="3月">3 </option>

<option value="4月">4 </option>
<option value="5月">5 </option>
<option value="6月">6 </option>
<option value="7月">7 </option>
<option value="8月">8 </option>
<option value="9月">9 </option>
<option value="10月">10 </option>
<option value="11月">11 </option>
<option value="12月">12 </option>

</select>
月
<select name="divep2_fin_dive_day">
<option></option>
<option value="1日">1 </option>
<option value="2日">2 </option>
<option value="3日">3 </option>
<option value="4日">4 </option>
<option value="5日">5 </option>
<option value="6日">6 </option>
<option value="7日">7 </option>

<option value="8日">8 </option>
<option value="9日">9 </option>
<option value="10日">10 </option>
<option value="11日">11 </option>
<option value="12日">12 </option>
<option value="13日">13 </option>
<option value="14日">14 </option>
<option value="15日">15 </option>
<option value="16日">16 </option>

<option value="17日">17 </option>
<option value="18日">18 </option>
<option value="19日">19 </option>
<option value="20日">20 </option>
<option value="21日">21 </option>
<option value="22日">22 </option>
<option value="23日">23 </option>
<option value="24日">24 </option>
<option value="25日">25 </option>

<option value="26日">26 </option>
<option value="27日">27 </option>
<option value="28日">28 </option>
<option value="29日">29 </option>
<option value="30日">30 </option>
<option value="31日">31 </option>
</select>
日<span class="smallr">&nbsp;ファンダイビングのお申し込みの方のみ</span></td>
</tr>

<tr>
<td class="td01_div">レンタル希望器材</td>
<td colspan="2"><input name="divep2_rental2" type="radio" id="divep2_rental_none" onClick="radioButton2()" value="レンタル無し" checked>
<label for="divep2_rental_none">レンタル無し</label>
<br>
<input type="radio" name="divep2_rental2" value="個別レンタル" onClick="radioButton2()" id="divep2_kobetu_rental">
<label for="divep2_kobetu_rental">個別レンタル</label>
<br>
<input type="radio" name="divep2_rental2" value="フルレンタル" onClick="radioButton2()" id="divep2_fullrental">
<label for="divep2_fullrental">フルレンタル(BC、レギュレター、ウエットスーツ、スキンセット＊)</label>
<br>
＊<span class="small">スキンセット詳細：スノーケル、グローブ、ブーツ、フィン、マスク（度入り・度無し)</span> <br>

<br>
→【身長&nbsp;
<input name="divep2_height" type="text" size="4" maxlength=8 class="number">
&nbsp;cm&nbsp;&nbsp;体重&nbsp;
<input name="divep2_weight" type="text" size="4" maxlength=8  class="number">
&nbsp;kg&nbsp;&nbsp;足のサイズ&nbsp;
<input type="text" size="4" maxlength=8 name="divep2_foot_size" class="number">
&nbsp;cm】 <br></td>
</tr>
<tr>
<td class="td01_div">個別レンタル詳細

<div class="small">【個別レンタル】を選択した方</div></td>
<td colspan="2"> ▼スキンセット
<input type="button" value="スキンセット全てにチェック" onClick="checkCB2()">
<br>
<input type="checkbox" name="divep2_skinset1" value="スノーケル　" id="divep2_skinset1_sno">
<label for="divep2_skinset1_sno">スノーケル</label>
<input type="checkbox" name="divep2_skinset2" value="フィン　" id="divep2_skinset2_fin">
<label for="divep2_skinset2_fin">フィン</label>
<input type="checkbox" name="divep2_skinset3" value="ブーツ　" id="divep2_skinset3_boot">
<label for="divep2_skinset3_boot">ブーツ</label>
<input type="checkbox" name="divep2_skinset4" value="グローブ　" id="divep2_skinset4_glo">
<label for="divep2_skinset4_glo">グローブ</label>

<br>
<input type="checkbox" name="divep2_skinset5" value="マスク　" id="divep2_skinset5_mask">
<label for="divep2_skinset5_mask">マスク《</label>
<input type="checkbox" name="divep2_skinset_mask" value="コンタクト使用　" id="divep2_skinset_mask_contact">
<label for="divep2_skinset_mask_contact">コンタクト使用&nbsp;&nbsp;</label>
<input type="checkbox" onClick="setTF2(this,'divep2_etc')" name="divep2_skinset_mask" value="度入りマスク希望　" id="divep2_skinset_mask_do">
<label for="divep2_skinset_mask_do">度入りマスク希望　→　視力(裸眼)</label>
<input name="divep2_etc" type="text" disabled size="4" value="">
》 <br>
<br>
▼スキンセット以外 <br>
<input type="checkbox" name="divep2_equip" value="BC　" id="divep2_14">

<label for="divep2_14">BC</label>
&nbsp;
<input type="checkbox" name="divep2_equip" value="レギュレター　" id="divep2_15">
<label for="divep2_15">レギュレター</label>
&nbsp;
<input type="checkbox" name="divep2_equip" value="ウェットスーツ　" id="divep2_16">
<label for="divep2_16">ウェットスーツ</label>
<br>
<br>
その他&nbsp;
<input type="text" name="divep2_equip_etc" size=40>
</td>
</tr>

<tr>
<td colspan="3" class="tit_td"><a name="div_p3"></a>【ダイビング同行者3人目の項目】
</td>
</tr>
<tr>
<td class="td01_div">氏名カタカナ</td>
<td colspan="2"><input type="text" size="35" name="dive_people3_name">
<span class="red">&nbsp;全角カナでご記入ください</span></td>
</tr>
<tr>
<td class="td01_div">年齢</td>
<td colspan="2"><input name="dive_people3_age" type="text" size="10" class="number">
歳</td>

</tr>
<tr>
<td class="td01_div">性別</td>
<td colspan="2"><input type="radio" name="dive_people3_MRMS" value="男性" id="dive_people3_MRMS_mr">
<label for="dive_people3_MRMS_mr">男性</label>
&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="dive_people3_MRMS" value="女性" id="dive_people3_MRMS_ms">
<label for="dive_people3_MRMS_ms">女性</label></td>
</tr>
<tr>
<td valign="top" class="td01_div">Cカードについて
<div class="small">&nbsp;ファンダイビングのお申し込みの方のみ</div></td>
<td colspan="2"><input type="radio" name="dive_people3_c_card" value="Cカードなし" id="dive_people3_c_card_false">

<label for="dive_people3_c_card_false">Cカードなし</label>
&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="dive_people3_c_card" value="Cカード有り" id="dive_people3_c_card_true">
<label for="dive_people3_c_card_true">Cカード有り</label>
<br>
<br>
・Cカード指導団体名&nbsp;
<input name="dive_people3_c_dantai" type="text" value="" size="40">
<br>
<br>
・取得ランク <br>
<input type="checkbox" name="divep3_c_cardrank" value="オープンウォーター　" id="divep3_09">
<label for="divep3_09">オープンウォーター</label>

&nbsp;
<input type="checkbox" name="divep3_c_cardrank" value="アドバンス　" id="divep3_10">
<label for="divep3_10">アドバンス</label>
&nbsp;
<input type="checkbox" name="divep3_c_cardrank" value="ダイブマスター　" id="divep3_11">
<label for="divep3_11">ダイブマスター</label>
&nbsp;
<input type="checkbox" name="divep3_c_cardrank" value="インストラクター " id="divep3_12">
<label for="divep3_12">インストラクター </label>
<br>
その他&nbsp;
<input type="text" name="divep3_c_cardrank" size=50>
</td>

</tr>
<tr>
<td class="td01_div">ダイビング経験本数</td>
<td colspan="2">約
<input type="text" name="divep3_diving_ex" size="5" class="number">
本<span class="smallr">&nbsp;ファンダイビングのお申し込みの方のみ</span></td>
</tr>
<tr>
<td class="td01_div">最後にダイビングをした<br>
日時 </td>
<td colspan="2"><select name="divep3_fin_dive_year">
<option></option>

<option value="ダイビング歴なし">ダイビング歴なし</option>
<option value="1995年以前">1995</option>
<option value="1996年">1996</option>
<option value="1997年">1997</option>
<option value="1998年">1998</option>
<option value="1999年">1999</option>
<option value="2000年">2000</option>
<option value="2001年">2001</option>
<option value="2002年">2002</option>

<option value="2003年">2003</option>
<option value="2004年">2004</option>
<option value="2005年">2005</option>
<option value="2006年">2006</option>
<option value="2007年">2007</option>
</select>
年
<select name="divep3_fin_dive_month">
<option></option>
<option value="1月">1 </option>
<option value="2月">2 </option>

<option value="3月">3 </option>
<option value="4月">4 </option>
<option value="5月">5 </option>
<option value="6月">6 </option>
<option value="7月">7 </option>
<option value="8月">8 </option>
<option value="9月">9 </option>
<option value="10月">10 </option>
<option value="11月">11 </option>

<option value="12月">12 </option>
</select>
月
<select name="divep3_fin_dive_day">
<option></option>
<option value="1日">1 </option>
<option value="2日">2 </option>
<option value="3日">3 </option>
<option value="4日">4 </option>
<option value="5日">5 </option>
<option value="6日">6 </option>

<option value="7日">7 </option>
<option value="8日">8 </option>
<option value="9日">9 </option>
<option value="10日">10 </option>
<option value="11日">11 </option>
<option value="12日">12 </option>
<option value="13日">13 </option>
<option value="14日">14 </option>
<option value="15日">15 </option>

<option value="16日">16 </option>
<option value="17日">17 </option>
<option value="18日">18 </option>
<option value="19日">19 </option>
<option value="20日">20 </option>
<option value="21日">21 </option>
<option value="22日">22 </option>
<option value="23日">23 </option>
<option value="24日">24 </option>

<option value="25日">25 </option>
<option value="26日">26 </option>
<option value="27日">27 </option>
<option value="28日">28 </option>
<option value="29日">29 </option>
<option value="30日">30 </option>
<option value="31日">31 </option>
</select>
日<span class="smallr">&nbsp;ファンダイビングのお申し込みの方のみ</span></td>

</tr>
<tr>
<td class="td01_div">レンタル希望器材</td>
<td colspan="2"><input name="divep3_rental2" type="radio" id="divep3_rental_none" onClick="radioButton3()" value="レンタル無し" checked>
<label for="divep3_rental_none">レンタル無し</label>
<br>
<input type="radio" name="divep3_rental2" value="個別レンタル" onClick="radioButton3()" id="divep3_kobetu_rental">
<label for="divep3_kobetu_rental">個別レンタル</label>
<br>
<input type="radio" name="divep3_rental2" value="フルレンタル" onClick="radioButton3()" id="divep3_fullrental">
<label for="divep3_fullrental">フルレンタル(BC、レギュレター、ウエットスーツ、スキンセット＊)</label>
<br>
＊<span class="small">スキンセット詳細：スノーケル、グローブ、ブーツ、フィン、マスク（度入り・度無し)</span> <br>

<br>
→【身長&nbsp;
<input name="divep3_height" type="text" size="4" maxlength=8 class="number">
&nbsp;cm&nbsp;&nbsp;体重&nbsp;
<input name="divep3_weight" type="text" size="4" maxlength=8  class="number">
&nbsp;kg&nbsp;&nbsp;足のサイズ&nbsp;
<input type="text" size="4" maxlength=8 name="divep3_foot_size" class="number">
&nbsp;cm】 <br></td>
</tr>
<tr>
<td class="td01_div">個別レンタル詳細

<div class="small">【個別レンタル】を選択した方</div></td>
<td colspan="2"> ▼スキンセット
<input type="button" value="スキンセット全てにチェック" onClick="checkCB3()">
<br>
<input type="checkbox" name="divep3_skinset1" value="スノーケル　" id="divep3_skinset1_sno">
<label for="divep3_skinset1_sno">スノーケル</label>
<input type="checkbox" name="divep3_skinset2" value="フィン　" id="divep3_skinset2_fin">
<label for="divep3_skinset2_fin">フィン</label>
<input type="checkbox" name="divep3_skinset3" value="ブーツ　" id="divep3_skinset3_boot">
<label for="divep3_skinset3_boot">ブーツ</label>
<input type="checkbox" name="divep3_skinset4" value="グローブ　" id="divep3_skinset4_glo">
<label for="divep3_skinset4_glo">グローブ</label>

<br>
<input type="checkbox" name="divep3_skinset5" value="マスク　" id="divep3_skinset5_mask">
<label for="divep3_skinset5_mask">マスク《</label>
<input type="checkbox" name="divep3_skinset_mask" value="コンタクト使用　" id="divep3_skinset_mask_contact">
<label for="divep3_skinset_mask_contact">コンタクト使用&nbsp;&nbsp;</label>
<input type="checkbox" onClick="setTF3(this,'divep3_etc')" name="divep3_skinset_mask" value="度入りマスク希望　" id="divep3_skinset_mask_do">
<label for="divep3_skinset_mask_do">度入りマスク希望　→　視力(裸眼)</label>
<input name="divep3_etc" type="text" disabled size="4" value="">
》 <br>
<br>
▼スキンセット以外 <br>
<input type="checkbox" name="divep3_equip" value="BC　" id="divep3_14">

<label for="divep3_14">BC</label>
&nbsp;
<input type="checkbox" name="divep3_equip" value="レギュレター　" id="divep3_15">
<label for="divep3_15">レギュレター</label>
&nbsp;
<input type="checkbox" name="divep3_equip" value="ウェットスーツ　" id="divep3_16">
<label for="divep3_16">ウェットスーツ</label>
<br>
<br>
その他&nbsp;
<input type="text" name="divep3_equip_etc" size=40>
</td>
</tr>

<tr>
<td colspan="3" class="tit_td"><a name="div_p4"></a>【ダイビング同行者4人目の項目】
</td>
</tr>
<tr>
<td class="td01_div">氏名カタカナ</td>
<td colspan="2"><input type="text" size="35" name="dive_people4_name">
<span class="red">&nbsp;全角カナでご記入ください</span></td>
</tr>
<tr>
<td class="td01_div">年齢</td>
<td colspan="2"><input name="dive_people4_age" type="text" size="10" class="number">
歳</td>

</tr>
<tr>
<td class="td01_div">性別</td>
<td colspan="2"><input type="radio" name="dive_people4_MRMS" value="男性" id="dive_people4_MRMS_mr">
<label for="dive_people4_MRMS_mr">男性</label>
&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="dive_people4_MRMS" value="女性" id="dive_people4_MRMS_ms">
<label for="dive_people4_MRMS_ms">女性</label></td>
</tr>
<tr>
<td valign="top" class="td01_div">Cカードについて
<div class="small">&nbsp;ファンダイビングのお申し込みの方のみ</div></td>
<td colspan="2"><input type="radio" name="dive_people4_c_card" value="Cカードなし" id="dive_people4_c_card_false">

<label for="dive_people4_c_card_false">Cカードなし</label>
&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="dive_people4_c_card" value="Cカード有り" id="dive_people4_c_card_true">
<label for="dive_people4_c_card_true">Cカード有り</label>
<br>
<br>
・Cカード指導団体名&nbsp;
<input name="dive_people4_c_dantai" type="text" value="" size="40">
<br>
<br>
・取得ランク <br>
<input type="checkbox" name="divep4_c_cardrank" value="オープンウォーター　" id="divep4_09">
<label for="divep4_09">オープンウォーター</label>

&nbsp;
<input type="checkbox" name="divep4_c_cardrank" value="アドバンス　" id="divep4_10">
<label for="divep4_10">アドバンス</label>
&nbsp;
<input type="checkbox" name="divep4_c_cardrank" value="ダイブマスター　" id="divep4_11">
<label for="divep4_11">ダイブマスター</label>
&nbsp;
<input type="checkbox" name="divep4_c_cardrank" value="インストラクター " id="divep4_12">
<label for="divep4_12">インストラクター </label>
<br>
その他&nbsp;
<input type="text" name="divep4_c_cardrank" size=50>
</td>

</tr>
<tr>
<td class="td01_div">ダイビング経験本数</td>
<td colspan="2">約
<input type="text" name="divep4_diving_ex" size="5" class="number">
本<span class="smallr">&nbsp;ファンダイビングのお申し込みの方のみ</span></td>
</tr>
<tr>
<td class="td01_div">最後にダイビングをした<br>
日時 </td>
<td colspan="2"><select name="divep4_fin_dive_year">
<option></option>

<option value="ダイビング歴なし">ダイビング歴なし</option>
<option value="1995年以前">1995</option>
<option value="1996年">1996</option>
<option value="1997年">1997</option>
<option value="1998年">1998</option>
<option value="1999年">1999</option>
<option value="2000年">2000</option>
<option value="2001年">2001</option>
<option value="2002年">2002</option>

<option value="2003年">2003</option>
<option value="2004年">2004</option>
<option value="2005年">2005</option>
<option value="2006年">2006</option>
<option value="2007年">2007</option>
</select>
年
<select name="divep4_fin_dive_month">
<option></option>
<option value="1月">1 </option>
<option value="2月">2 </option>

<option value="3月">3 </option>
<option value="4月">4 </option>
<option value="5月">5 </option>
<option value="6月">6 </option>
<option value="7月">7 </option>
<option value="8月">8 </option>
<option value="9月">9 </option>
<option value="10月">10 </option>
<option value="11月">11 </option>

<option value="12月">12 </option>
</select>
月
<select name="divep4_fin_dive_day">
<option></option>
<option value="1日">1 </option>
<option value="2日">2 </option>
<option value="3日">3 </option>
<option value="4日">4 </option>
<option value="5日">5 </option>
<option value="6日">6 </option>

<option value="7日">7 </option>
<option value="8日">8 </option>
<option value="9日">9 </option>
<option value="10日">10 </option>
<option value="11日">11 </option>
<option value="12日">12 </option>
<option value="13日">13 </option>
<option value="14日">14 </option>
<option value="15日">15 </option>

<option value="16日">16 </option>
<option value="17日">17 </option>
<option value="18日">18 </option>
<option value="19日">19 </option>
<option value="20日">20 </option>
<option value="21日">21 </option>
<option value="22日">22 </option>
<option value="23日">23 </option>
<option value="24日">24 </option>

<option value="25日">25 </option>
<option value="26日">26 </option>
<option value="27日">27 </option>
<option value="28日">28 </option>
<option value="29日">29 </option>
<option value="30日">30 </option>
<option value="31日">31 </option>
</select>
日<span class="smallr">&nbsp;ファンダイビングのお申し込みの方のみ</span></td>

</tr>
<tr>
<td class="td01_div">レンタル希望器材</td>
<td colspan="2"><input name="divep4_rental2" type="radio" id="divep4_rental_none" onClick="radioButton4()" value="レンタル無し" checked>
<label for="divep4_rental_none">レンタル無し</label>
<br>
<input type="radio" name="divep4_rental2" value="個別レンタル" onClick="radioButton4()" id="divep4_kobetu_rental">
<label for="divep4_kobetu_rental">個別レンタル</label>
<br>
<input type="radio" name="divep4_rental2" value="フルレンタル" onClick="radioButton4()" id="divep4_fullrental">
<label for="divep4_fullrental">フルレンタル(BC、レギュレター、ウエットスーツ、スキンセット＊)</label>
<br>
＊<span class="small">スキンセット詳細：スノーケル、グローブ、ブーツ、フィン、マスク（度入り・度無し)</span> <br>

<br>
→【身長&nbsp;
<input name="divep4_height" type="text" size="4" maxlength=8 class="number">
&nbsp;cm&nbsp;&nbsp;体重&nbsp;
<input name="divep4_weight" type="text" size="4" maxlength=8  class="number">
&nbsp;kg&nbsp;&nbsp;足のサイズ&nbsp;
<input type="text" size="4" maxlength=8 name="divep4_foot_size" class="number">
&nbsp;cm】 <br></td>
</tr>
<tr>
<td class="td01_div">個別レンタル詳細

<div class="small">【個別レンタル】を選択した方</div></td>
<td colspan="2"> ▼スキンセット
<input type="button" value="スキンセット全てにチェック" onClick="checkCB4()">
<br>
<input type="checkbox" name="divep4_skinset1" value="スノーケル　" id="divep4_skinset1_sno">
<label for="divep4_skinset1_sno">スノーケル</label>
<input type="checkbox" name="divep4_skinset2" value="フィン　" id="divep4_skinset2_fin">
<label for="divep4_skinset2_fin">フィン</label>
<input type="checkbox" name="divep4_skinset3" value="ブーツ　" id="divep4_skinset3_boot">
<label for="divep4_skinset3_boot">ブーツ</label>
　
<input type="checkbox" name="divep4_skinset4" value="グローブ" id="divep4_skinset4_glo">

<label for="divep4_skinset4_glo">グローブ</label>
<br>
<input type="checkbox" name="divep4_skinset5" value="マスク　" id="divep4_skinset5_mask">
<label for="divep4_skinset5_mask">マスク《</label>
<input type="checkbox" name="divep4_skinset_mask" value="コンタクト使用　" id="divep4_skinset_mask_contact">
<label for="divep4_skinset_mask_contact">コンタクト使用&nbsp;&nbsp;</label>
<input type="checkbox" onClick="setTF4(this,'divep4_etc')" name="divep4_skinset_mask" value="度入りマスク希望　" id="divep4_skinset_mask_do">
<label for="divep4_skinset_mask_do">度入りマスク希望　→　視力(裸眼)</label>
<input name="divep4_etc" type="text" disabled size="4" value="">
》 <br>
<br>
▼スキンセット以外 <br>

<input type="checkbox" name="divep4_equip" value="BC　" id="divep4_14">
<label for="divep4_14">BC</label>
&nbsp;
<input type="checkbox" name="divep4_equip" value="レギュレター　" id="divep4_15">
<label for="divep4_15">レギュレター</label>
&nbsp;
<input type="checkbox" name="divep4_equip" value="ウェットスーツ　" id="divep4_16">
<label for="divep4_16">ウェットスーツ</label>
<br>
<br>
その他&nbsp;
<input type="text" name="divep4_equip_etc" size=40>
</td>

</tr>
<tr>
<td colspan="3" class="tit_td"><a name="div_p5"></a>【ダイビング同行者5人目の項目】
</td>
</tr>
<tr>
<td class="td01_div">氏名カタカナ</td>
<td colspan="2"><input type="text" size="35" name="dive_people5_name">
<span class="red">&nbsp;全角カナでご記入ください</span></td>
</tr>
<tr>
<td class="td01_div">年齢</td>
<td colspan="2"><input name="dive_people5_age" type="text" size="10" class="number">
歳</td>

</tr>
<tr>
<td class="td01_div">性別</td>
<td colspan="2"><input type="radio" name="dive_people5_MRMS" value="男性" id="dive_people5_MRMS_mr">
<label for="dive_people5_MRMS_mr">男性</label>
&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="dive_people5_MRMS" value="女性" id="dive_people5_MRMS_ms">
<label for="dive_people5_MRMS_ms">女性</label></td>
</tr>
<tr>
<td valign="top" class="td01_div">Cカードについて
<div class="small">&nbsp;ファンダイビングのお申し込みの方のみ</div></td>
<td colspan="2"><input type="radio" name="dive_people5_c_card" value="Cカードなし" id="dive_people5_c_card_false">

<label for="dive_people5_c_card_false">Cカードなし</label>
&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="dive_people5_c_card" value="Cカード有り" id="dive_people5_c_card_true">
<label for="dive_people5_c_card_true">Cカード有り</label>
<br>
<br>
・Cカード指導団体名&nbsp;
<input name="dive_people5_c_dantai" type="text" value="" size="40">
<br>
<br>
・取得ランク <br>
<input type="checkbox" name="divep5_c_cardrank" value="オープンウォーター　" id="divep5_09">
<label for="divep5_09">オープンウォーター</label>

&nbsp;
<input type="checkbox" name="divep5_c_cardrank" value="アドバンス　" id="divep5_10">
<label for="divep5_10">アドバンス</label>
&nbsp;
<input type="checkbox" name="divep5_c_cardrank" value="ダイブマスター　" id="divep5_11">
<label for="divep5_11">ダイブマスター</label>
&nbsp;
<input type="checkbox" name="divep5_c_cardrank" value="インストラクター " id="divep5_12">
<label for="divep5_12">インストラクター </label>
<br>
その他&nbsp;
<input type="text" name="divep5_c_cardrank" size=50>
</td>

</tr>
<tr>
<td class="td01_div">ダイビング経験本数</td>
<td colspan="2">約
<input type="text" name="divep5_diving_ex" size="5" class="number">
本<span class="smallr">&nbsp;ファンダイビングのお申し込みの方のみ</span></td>
</tr>
<tr>
<td class="td01_div">最後にダイビングをした<br>
日時 </td>
<td colspan="2"><select name="divep5_fin_dive_year">
<option></option>

<option value="ダイビング歴なし">ダイビング歴なし</option>
<option value="1995年以前">1995</option>
<option value="1996年">1996</option>
<option value="1997年">1997</option>
<option value="1998年">1998</option>
<option value="1999年">1999</option>
<option value="2000年">2000</option>
<option value="2001年">2001</option>
<option value="2002年">2002</option>

<option value="2003年">2003</option>
<option value="2004年">2004</option>
<option value="2005年">2005</option>
<option value="2006年">2006</option>
<option value="2007年">2007</option>
</select>
年
<select name="divep5_fin_dive_month">
<option></option>
<option value="1月">1 </option>
<option value="2月">2 </option>

<option value="3月">3 </option>
<option value="4月">4 </option>
<option value="5月">5 </option>
<option value="6月">6 </option>
<option value="7月">7 </option>
<option value="8月">8 </option>
<option value="9月">9 </option>
<option value="10月">10 </option>
<option value="11月">11 </option>

<option value="12月">12 </option>
</select>
月
<select name="divep5_fin_dive_day">
<option></option>
<option value="1日">1 </option>
<option value="2日">2 </option>
<option value="3日">3 </option>
<option value="4日">4 </option>
<option value="5日">5 </option>
<option value="6日">6 </option>

<option value="7日">7 </option>
<option value="8日">8 </option>
<option value="9日">9 </option>
<option value="10日">10 </option>
<option value="11日">11 </option>
<option value="12日">12 </option>
<option value="13日">13 </option>
<option value="14日">14 </option>
<option value="15日">15 </option>

<option value="16日">16 </option>
<option value="17日">17 </option>
<option value="18日">18 </option>
<option value="19日">19 </option>
<option value="20日">20 </option>
<option value="21日">21 </option>
<option value="22日">22 </option>
<option value="23日">23 </option>
<option value="24日">24 </option>

<option value="25日">25 </option>
<option value="26日">26 </option>
<option value="27日">27 </option>
<option value="28日">28 </option>
<option value="29日">29 </option>
<option value="30日">30 </option>
<option value="31日">31 </option>
</select>
日<span class="smallr">&nbsp;ファンダイビングのお申し込みの方のみ</span></td>

</tr>
<tr>
<td class="td01_div">レンタル希望器材</td>
<td colspan="2"><input name="divep5_rental2" type="radio" id="divep5_rental_none" onClick="radioButton5()" value="レンタル無し" checked>
<label for="divep5_rental_none">レンタル無し</label>
<br>
<input type="radio" name="divep5_rental2" value="個別レンタル" onClick="radioButton5()" id="divep5_kobetu_rental">
<label for="divep5_kobetu_rental">個別レンタル</label>
<br>
<input type="radio" name="divep5_rental2" value="フルレンタル" onClick="radioButton5()" id="divep5_fullrental">
<label for="divep5_fullrental">フルレンタル(BC、レギュレター、ウエットスーツ、スキンセット＊)</label>
<br>
＊<span class="small">スキンセット詳細：スノーケル、グローブ、ブーツ、フィン、マスク（度入り・度無し)</span> <br>

<br>
→【身長&nbsp;
<input name="divep5_height" type="text" size="4" maxlength=8 class="number">
&nbsp;cm&nbsp;&nbsp;体重&nbsp;
<input name="divep5_weight" type="text" size="4" maxlength=8  class="number">
&nbsp;kg&nbsp;&nbsp;足のサイズ&nbsp;
<input type="text" size="4" maxlength=8 name="divep5_foot_size" class="number">
&nbsp;cm】 <br></td>
</tr>
<tr>
<td class="td01_div">個別レンタル詳細

<div class="small">【個別レンタル】を選択した方</div></td>
<td colspan="2"> ▼スキンセット
<input type="button" value="スキンセット全てにチェック" onClick="checkCB5()">
<br>
<input type="checkbox" name="divep5_skinset1" value="スノーケル　" id="divep5_skinset1_sno">
<label for="divep5_skinset1_sno">スノーケル</label>
<input type="checkbox" name="divep5_skinset2" value="フィン　" id="divep5_skinset2_fin">
<label for="divep5_skinset2_fin">フィン</label>
<input type="checkbox" name="divep5_skinset3" value="ブーツ　" id="divep5_skinset3_boot">
<label for="divep5_skinset3_boot">ブーツ</label>
<input type="checkbox" name="divep5_skinset4" value="グローブ　" id="divep5_skinset4_glo">
<label for="divep5_skinset4_glo">グローブ</label>

<br>
<input type="checkbox" name="divep5_skinset5" value="マスク　" id="divep5_skinset5_mask">
<label for="divep5_skinset5_mask">マスク《</label>
<input type="checkbox" name="divep5_skinset_mask" value="コンタクト使用　" id="divep5_skinset_mask_contact">
<label for="divep5_skinset_mask_contact">コンタクト使用&nbsp;&nbsp;</label>
<input type="checkbox" onClick="setTF5(this,'divep5_etc')" name="divep5_skinset_mask" value="度入りマスク希望　" id="divep5_skinset_mask_do">
<label for="divep5_skinset_mask_do">度入りマスク希望　→　視力(裸眼)</label>
<input name="divep5_etc" type="text" disabled size="4" value="">
》 <br>
<br>
▼スキンセット以外 <br>
<input type="checkbox" name="divep5_equip" value="BC　" id="divep5_14">

<label for="divep5_14">BC</label>
&nbsp;
<input type="checkbox" name="divep5_equip" value="レギュレター　" id="divep5_15">
<label for="divep5_15">レギュレター</label>
&nbsp;
<input type="checkbox" name="divep5_equip" value="ウェットスーツ　" id="divep5_16">
<label for="divep5_16">ウェットスーツ</label>
<br>
<br>
その他&nbsp;
<input type="text" name="divep5_equip_etc" size=40>
</td>
</tr>

<tr>
<td colspan="3" class="tit_td">【ダイビング同行者6名様を超える場合】<br>
以下の備考欄へ各項目をご記入ください。 </td>
</tr>
<tr>
<td valign="top" class="td01_div">備考欄</td>
<td colspan="2"><span class="red"></span>
<textarea name="dive_comment" id="dive_comment" cols="55" rows="15" onFocus="if (dive_comment.innerHTML =='ご希望・ご質問等ありましたらご記入ください。') dive_comment.innerHTML = '';">ご希望・ご質問等ありましたらご記入ください。</textarea>
<br>
<a name="outdoor">&nbsp;</a> </td>
</tr>
<tr>

<td colspan="3" class="tit_td04">以下の項目は<br>
【ボートスノーケル・ツアーのご予約】<br>
のお客様のみご記入ください。
</td>
</tr>
<tr>
<td colspan="3" class="tit_td02"><span class="small">※アウトドアサービスは、シーカヤック、マングローブ、ボートスノーケルの各ツアーとなります。</span></td>
</tr>

<tr>
<td colspan="3" class="tit_td04">ボートスノーケル・ツアー希望日１</td>
</tr>

<option value="4月">4月</option>
<option value="5月">5月</option>
<option value="6月">6月</option>
<option value="7月">7月</option>
<option value="8月">8月</option>
<option value="9月">9月</option>
<option value="10月">10月</option>
<option value="11月">11月</option>
<option value="12月">12月</option>

</select>
<select name="kayac1_day" id="シーカヤック予定日">
<option value="" selected>日</option>
<option value="1日">1日</option>
<option value="2日">2日</option>
<option value="3日">3日</option>
<option value="4日">4日</option>
<option value="5日">5日</option>
<option value="6日">6日</option>
<option value="7日">7日</option>

<option value="8日">8日</option>
<option value="9日">9日</option>
<option value="10日">10日</option>
<option value="11日">11日</option>
<option value="12日">12日</option>
<option value="13日">13日</option>
<option value="14日">14日</option>
<option value="15日">15日</option>
<option value="16日">16日</option>

<option value="17日">17日</option>
<option value="18日">18日</option>
<option value="19日">19日</option>
<option value="20日">20日</option>
<option value="21日">21日</option>
<option value="22日">22日</option>
<option value="23日">23日</option>
<option value="24日">24日</option>
<option value="25日">25日</option>

<option value="26日">26日</option>
<option value="27日">27日</option>
<option value="28日">28日</option>
<option value="29日">29日</option>
<option value="30日">30日</option>
<option value="31日">31日</option>
</select></td>
</tr>
<tr>
<td class="td01_outdoor">代表者を含めた参加人数</td>

<td colspan="2"><select name="kayac1_people" id="シーカヤック参加人数">
<option value="0名"selected>0名</option>
<option value="1名">1名</option>
<option value="2名">2名</option>
<option value="3名">3名</option>
<option value="4名">4名</option>
<option value="5名">5名</option>
<option value="6名">6名</option>
<option value="7名以上">7名以上は下記【備考欄】へ</option>

</select></td>
</tr>
<tr>
<td class="td01_outdoor">ツアータイプと<br>
開始時間</td>
<td colspan="2"><strong>○ボートスノーケル・ツアー</strong>（所要時間約90分）<br>
希望時間帯<br>
<label>
<input type="radio" name="kayac2_course4" value="9:30 ">
9:30 </label>
&nbsp;&nbsp;

<label>
<input type="radio" name="kayac2_course4" value="13:30 ">
13:30</label>
&nbsp;&nbsp;
<label>
<input type="radio" name="kayac2_course4" value="15:30 ">
15:30</label>
&nbsp;&nbsp;
<label>
<input name="kayac2_course4" type="radio" value="希望しない " checked>
希望しない</label></td>
</tr>

<tr>
<td colspan="3" class="tit_td04">ボートスノーケル・ツアー希望日２</td>
</tr>
<tr>
<td class="td01_outdoor">希望日</td>
<td colspan="2"><select name="kayac2_year" id="シーカヤック予定年">
<option value="2007年" selected>2007年</option>
<option value="2008年">2008年</option>
</select>
<select name="kayac2_month" id="シーカヤック予定月">
<option value="" selected>月</option>
<option value="1月">1月</option>

<option value="2月">2月</option>
<option value="3月">3月</option>
<option value="4月">4月</option>
<option value="5月">5月</option>
<option value="6月">6月</option>
<option value="7月">7月</option>
<option value="8月">8月</option>
<option value="9月">9月</option>
<option value="10月">10月</option>

<option value="11月">11月</option>
<option value="12月">12月</option>
</select>
<select name="kayac2_day" id="シーカヤック予定日">
<option value="" selected>日</option>
<option value="1日">1日</option>
<option value="2日">2日</option>
<option value="3日">3日</option>
<option value="4日">4日</option>
<option value="5日">5日</option>

<option value="6日">6日</option>
<option value="7日">7日</option>
<option value="8日">8日</option>
<option value="9日">9日</option>
<option value="10日">10日</option>
<option value="11日">11日</option>
<option value="12日">12日</option>
<option value="13日">13日</option>
<option value="14日">14日</option>

<option value="15日">15日</option>
<option value="16日">16日</option>
<option value="17日">17日</option>
<option value="18日">18日</option>
<option value="19日">19日</option>
<option value="20日">20日</option>
<option value="21日">21日</option>
<option value="22日">22日</option>
<option value="23日">23日</option>

<option value="24日">24日</option>
<option value="25日">25日</option>
<option value="26日">26日</option>
<option value="27日">27日</option>
<option value="28日">28日</option>
<option value="29日">29日</option>
<option value="30日">30日</option>
<option value="31日">31日</option>
</select></td>

</tr>
<tr>
<td class="td01_outdoor">代表者を含めた参加人数</td>
<td colspan="2"><select name="kayac2_people" id="シーカヤック参加人数">
<option value="0名"selected>0名</option>
<option value="1名">1名</option>
<option value="2名">2名</option>
<option value="3名">3名</option>
<option value="4名">4名</option>
<option value="5名">5名</option>

<option value="6名">6名</option>
<option value="7名以上">7名以上は下記【備考欄】へ</option>
</select></td>
</tr>
<tr>
<td class="td01_outdoor">ツアータイプと<br>
開始時間</td>
<td colspan="2"><strong>○ボートスノーケル・ツアー</strong>（所要時間約90分）<br>
希望時間帯<br>
<label>

<input type="radio" name="kayac1_course4" value="9:30 ">
9:30 </label>
&nbsp;&nbsp;
<label>
<input type="radio" name="kayac1_course4" value="13:30 ">
13:30</label>
&nbsp;&nbsp;
<label>
<input type="radio" name="kayac1_course4" value="15:30 ">
15:30</label>
&nbsp;&nbsp;
<label>
<input name="kayac1_course4" type="radio" value="希望しない " checked>
希望しない</label></td>

</tr>


<tr>
<td colspan="3" class="tit_td04">ボートスノーケル・ツアー希望日３</td>
</tr>
<tr>
<td class="td01_outdoor">希望日</td>
<td colspan="2"><select name="kayac3_year" id="シーカヤック予定年">
<option value="2007年" selected>2007年</option>
<option value="2008年">2008年</option>
</select>
<select name="kayac3_month" id="シーカヤック予定月">

<option value="" selected>月</option>
<option value="1月">1月</option>
<option value="2月">2月</option>
<option value="3月">3月</option>
<option value="4月">4月</option>
<option value="5月">5月</option>
<option value="6月">6月</option>
<option value="7月">7月</option>
<option value="8月">8月</option>

<option value="9月">9月</option>
<option value="10月">10月</option>
<option value="11月">11月</option>
<option value="12月">12月</option>
</select>
<select name="kayac3_day" id="シーカヤック予定日">
<option value="" selected>日</option>
<option value="1日">1日</option>
<option value="2日">2日</option>
<option value="3日">3日</option>

<option value="4日">4日</option>
<option value="5日">5日</option>
<option value="6日">6日</option>
<option value="7日">7日</option>
<option value="8日">8日</option>
<option value="9日">9日</option>
<option value="10日">10日</option>
<option value="11日">11日</option>
<option value="12日">12日</option>

<option value="13日">13日</option>
<option value="14日">14日</option>
<option value="15日">15日</option>
<option value="16日">16日</option>
<option value="17日">17日</option>
<option value="18日">18日</option>
<option value="19日">19日</option>
<option value="20日">20日</option>
<option value="21日">21日</option>

<option value="22日">22日</option>
<option value="23日">23日</option>
<option value="24日">24日</option>
<option value="25日">25日</option>
<option value="26日">26日</option>
<option value="27日">27日</option>
<option value="28日">28日</option>
<option value="29日">29日</option>
<option value="30日">30日</option>

<option value="31日">31日</option>
</select></td>
</tr>
<tr>
<td class="td01_outdoor">代表者を含めた参加人数</td>
<td colspan="2"><select name="kayac3_people" id="シーカヤック参加人数">
<option value="0名"selected>0名</option>
<option value="1名">1名</option>
<option value="2名">2名</option>
<option value="3名">3名</option>
<option value="4名">4名</option>

<option value="5名">5名</option>
<option value="6名">6名</option>
<option value="7名以上">7名以上は下記【備考欄】へ</option>
</select></td>
</tr>
<tr>
<td class="td01_outdoor">ツアータイプと<br>
開始時間</td>
<td colspan="2"><strong>○ボートスノーケル・ツアー</strong>（所要時間約90分）<br>
希望時間帯<br>

希望しない</label></td>
</tr>

<tr>
<td colspan="3" class="tit_td04">ボートスノーケル・ツアー参加者の情報欄</td>
</tr>


<tr>
<td class="td01_outdoor">代表者の情報</td>
<td colspan="2"> 身長&nbsp;
<input name="kayac_daihyo_height" type="text" size="5" maxlength=8 class="number">

&nbsp;cm&nbsp;&nbsp;体重&nbsp;
<input name="kayac_daihyo_weight" type="text" size="5" maxlength=8  class="number">
&nbsp;kg&nbsp;&nbsp;足のサイズ&nbsp;
<input name="kayac_daihyo_foot" type="text" size="4" maxlength=8 class="number">
&nbsp;cm</td>
</tr>
<tr>
<td class="td01_outdoor">同行者１の情報</td>
<td colspan="2"> 身長&nbsp;

<input name="kayac_p1_height" type="text" size="5" maxlength=8 class="number">
&nbsp;cm&nbsp;&nbsp;体重&nbsp;
<input name="kayac_p1_weight" type="text" size="5" maxlength=8  class="number">
&nbsp;kg&nbsp;&nbsp;足のサイズ&nbsp;
<input name="kayac_p1_foot" type="text" size="4" maxlength=8 class="number">
&nbsp;cm<br>
年齢&nbsp;
<input name="kayac_p1_age" type="text" size="3" maxlength=8 class="number">
&nbsp;歳
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;性別：
<label>

<input type="radio" name="kayac_p1_mrms" value="男性">
男性</label>&nbsp;&nbsp;
<label>
<input type="radio" name="kayac_p1_mrms" value="女性">
女性</label>
</td>
</tr>
<tr>
<td class="td01_outdoor">同行者２の情報</td>
<td colspan="2"> 身長&nbsp;
<input name="kayac_p2_height" type="text" size="5" maxlength=8 class="number">
&nbsp;cm&nbsp;&nbsp;体重&nbsp;

<input name="kayac_p2_weight" type="text" size="5" maxlength=8  class="number">
&nbsp;kg&nbsp;&nbsp;足のサイズ&nbsp;
<input name="kayac_p2_foot" type="text" size="4" maxlength=8 class="number">
&nbsp;cm<br>
年齢&nbsp;
<input name="kayac_p2_age" type="text" size="3" maxlength=8 class="number">
&nbsp;歳
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;性別：
<label>
<input type="radio" name="kayac_p2_mrms" value="男性">
男性</label>
&nbsp;&nbsp;

<label>
<input type="radio" name="kayac_p2_mrms" value="女性">
女性</label></td>
</tr>
<tr>
<td class="td01_outdoor">同行者３の情報</td>
<td colspan="2"> 身長&nbsp;
<input name="kayac_p3_height" type="text" size="5" maxlength=8 class="number">
&nbsp;cm&nbsp;&nbsp;体重&nbsp;
<input name="kayac_p3_weight" type="text" size="5" maxlength=8  class="number">
&nbsp;kg&nbsp;&nbsp;足のサイズ&nbsp;

<input name="kayac_p3_foot" type="text" size="4" maxlength=8 class="number">
&nbsp;cm<br>
年齢&nbsp;
<input name="kayac_p3_age" type="text" size="3" maxlength=8 class="number">
&nbsp;歳&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;性別：
<label>
<input type="radio" name="kayac_p3_mrms" value="男性">
男性</label>
&nbsp;&nbsp;
<label>
<input type="radio" name="kayac_p3_mrms" value="女性">
女性</label></td>

</tr>
<tr>
<td class="td01_outdoor">同行者４の情報</td>
<td colspan="2"> 身長&nbsp;
<input name="kayac_p4_height" type="text" size="5" maxlength=8 class="number">
&nbsp;cm&nbsp;&nbsp;体重&nbsp;
<input name="kayac_p4_weight" type="text" size="5" maxlength=8  class="number">
&nbsp;kg&nbsp;&nbsp;足のサイズ&nbsp;
<input name="kayac_p4_foot" type="text" size="4" maxlength=8 class="number">
&nbsp;cm<br>

年齢&nbsp;
<input name="kayac_p4_age" type="text" size="3" maxlength=8 class="number">
&nbsp;歳&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;性別：
<label>
<input type="radio" name="kayac_p4_mrms" value="男性">
男性</label>
&nbsp;&nbsp;
<label>
<input type="radio" name="kayac_p4_mrms" value="女性">
女性</label></td>
</tr>
<tr>
<td class="td01_outdoor">同行者５の情報</td>

<td colspan="2"> 身長&nbsp;
<input name="kayac_p5_height" type="text" size="5" maxlength=8 class="number">
&nbsp;cm&nbsp;&nbsp;体重&nbsp;
<input name="kayac_p5_weight" type="text" size="5" maxlength=8  class="number">
&nbsp;kg&nbsp;&nbsp;足のサイズ&nbsp;
<input name="kayac_p5_foot" type="text" size="4" maxlength=8 class="number">
&nbsp;cm<br>
年齢&nbsp;
<input name="kayac_p5_age" type="text" size="3" maxlength=8 class="number">

&nbsp;歳&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;性別：
<label>
<input type="radio" name="kayac_p5_mrms" value="男性">
男性</label>
&nbsp;&nbsp;
<label>
<input type="radio" name="kayac_p5_mrms" value="女性">
女性</label></td>
</tr>
<tr>
<td class="td01_outdoor">同行者６の体格</td>
<td colspan="2"><span class="red">１ツアーでの参加人数は、基本的には代表者を含めて<strong>「2名様〜6名様まで」</strong>とさせて頂いております。奇数人数でのツアー催行の場合、お1人はガイドと2人乗り艇でのツアーになる場合がございます。</span><br>

同行者６名様以上の場合は、下の「備考欄」へご記入ください。</td>
</tr>

<tr>
<td colspan="3" class="tit_td04">ボートスノーケル備考欄</td>
</tr>

<tr>
<td valign="top" class="td01_outdoor">備考欄</td>
<td colspan="2"><textarea name="kaya_comment" id="kaya_comment" cols="55" rows="15" onFocus="if (kaya_comment.innerHTML =='ご希望、ご質問等ありましたら、ご記入ください。') kaya_comment.innerHTML = '';">ご希望、ご質問等ありましたら、ご記入ください。</textarea></td>

</tr>
<tr>
<td colspan="3" class="copyright"><table border="0" align="center" cellpadding="0" cellspacing="0" id="btn">
<tr>
<div align=center>
<td align="center"><input type="submit" value="次&nbsp;&nbsp;&nbsp;&nbsp;へ" name="submit">
</td>
<td align="center"><input type="reset" value="リセット" name="reset">
</td>
</div>
</tr>
</table></td>
</tr>
</table>
</form>
<script type="text/javascript" language="javascript">
<!--
document.form1.hissu_name.value = getCookie("bloscmtname");
document.form1.hissu_kana.value = getCookie("bloscmtkana");
document.form1.hissu_age.value = getCookie("bloscmtage");
document.form1.hissu_email.value = getCookie("bloscmtemail");
document.form1.hissu_tel.value = getCookie("bloscmttel");

if (getCookie("bloscmtname")) {
    document.form1.bakecookie[0].checked = true;
} else {
    document.form1.bakecookie[1].checked = true;
}
//-->
</script>

<p><a href="index.html#basic">▲代表者の基本情報</a><br>
<br>
<a href="index.html#diving">▲体験ダイビング、ファンダイビング、ダイビングスクールのお申し込み</a><br>
<br>
<a href="index.html#dive">▲ダイビングコース・日程</a>　<a href="index.html#divive_daihyo">▲代表者のダイビング詳細情報</a><br>
<br>
<a href="index.html#div_p1">▲ダイビング同行者１</a>　<a href="index.html#div_p2">▲ダイビング同行者２</a>　<a href="index.html#div_p3">▲ダイビング同行者３</a><br>

<a href="index.html#div_p4">▲ダイビング同行者４</a>　<a href="index.html#div_p5">▲ダイビング同行者５</a><br>
<br>
<a href="index.html#outdoor">▲シーカヤック・カヌーツアー・ボートスノーケリングのお申し込み</a></p>
<div align="right" style="padding-top:30px;padding-bottom:10px;width:650px;"><A onclick="softScrollBack();return false;" href="javascript:scrollTo(0,0)"><img src="../images/pagetop.gif" alt="▲ページトップへ" width="106" height="18" border="0"></a></div></TD>
</TR>
</TABLE>
<TABLE width="740" border="0" cellpadding="0" cellspacing="0">
<TR>
<TD><IMG src="diving/images/spacer.gif" width="1" height="4"></TD>
</TR>
<TR>
<TD width="740" bgcolor="#FFFFFF"><IMG src="diving/images/spacer.gif" width="1" height="5"></TD>
</TR>

<TR>
<TD class="copyright"><div align="center">
<ul>
<li><a href="../kojin/index.html">個人情報の取扱について</a></li>
<li>Eメール: <a href="&#109;&#097;&#105;&#108;&#116;&#111;&#058;&#105;&#110;&#102;&#111;&#064;&#109;&#097;&#114;&#105;&#110;&#101;&#115;&#116;&#097;&#116;&#105;&#111;&#110;&#046;&#106;&#112;">&#105;&#110;&#102;&#111;&#064;&#109;&#097;&#114;&#105;&#110;&#101;&#115;&#116;&#097;&#116;&#105;&#111;&#110;&#046;&#106;&#112;</a></li>
</ul>
Copyright (C) 2007 Marine Station Amami. All Rights Reserved.</div></TD>
</TR>
</TABLE>
<script Language="JavaScript">

</script>

<script src="http://pg1.joa.ne.jp/jaanl/gljs/463000018"></script>

</BODY>
</HTML>

以下　cookie 制御jabascript ○setcookie.js

var HOST = 'marinestation.jp';
var PATH = '/';

function setCookie (name, value, expires, path, domain, secure) {
    var curCookie = name + "=" + escape(value) + ((expires) ? "; expires=" + expires.toGMTString() : "") + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + ((secure) ? "; secure" : "");
    document.cookie = curCookie;
}

function getCookie (name) {
    var prefix = name + '=';
    var c = document.cookie;
    var nullstring = '';
    var cookieStartIndex = c.indexOf(prefix);
    if (cookieStartIndex == -1)
        return nullstring;
    var cookieEndIndex = c.indexOf(";", cookieStartIndex + prefix.length);
    if (cookieEndIndex == -1)
        cookieEndIndex = c.length;
    return unescape(c.substring(cookieStartIndex + prefix.length, cookieEndIndex));
}

function deleteCookie (name, path, domain) {
    if (getCookie(name))
        document.cookie = name + "=" + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + "; expires=Thu, 01-Jan-70 00:00:01 GMT";
}

function fixDate (date) {
    var base = new Date(0);
    var skew = base.getTime();
    if (skew > 0)
        date.setTime(date.getTime() - skew);
}

function rememberMe (f) {
    var now = new Date();
    fixDate(now);
    //有効期限１年
    now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000);
    setCookie('bloscmtname', f.hissu_name.value, now, PATH, HOST, '');
    setCookie('bloscmtkana', f.hissu_kana.value, now, PATH, HOST, '');
    setCookie('bloscmtage', f.hissu_age.value, now, PATH, HOST, '');
    setCookie('bloscmtemail', f.hissu_email.value, now, PATH, HOST, '');
    setCookie('bloscmttel', f.hissu_tel.value, now, PATH, HOST, '');
}
function forgetMe (f) {
    deleteCookie('bloscmtname', '', HOST);
    deleteCookie('bloscmtkana', '', HOST);
    deleteCookie('bloscmtage', '', HOST);
    deleteCookie('bloscmtemail', '', HOST);
    deleteCookie('bloscmttel', '', HOST);
    f.hissu_name.value = '';
    f.hissu_kana.value = '';
    f.hissu_age.value = '';
    f.hissu_email.value = '';
    f.hissu_tel.value = '';
}

投稿者: 管理者日時: 2007年04月22日 14:38 | パーマリンク | コメント (0) | トラックバック (0)

ラジオボタン＆チェックボックスのチェック方法　javascript

みゃさんからヒントを貰ったので覚え書き。後で挑戦。 2007年04月21日 16:17 みゃんーと。ラジオボタン＆チェックボックスは element.checked でチェックしているかどうかを調べます。この element が１つの場合はそのまま、２つ以上の場合配列となるので注意が必要です。 ---------------------------------------------- if (elemrnt.length =! null) { 　// 複数時の処理　for (var cnt=0; cnt< element.length; cnt++) { 　　if (element[cnt].checked) { 　　　// ここに入ったらチェックされている　　} 　} } else { 　// １つの処理　if (element.checked) { 　　// ここに入ったらチェックされている　} } ---------------------------------------------- cookie への保存や書き出しは全てを覚えてしまえば特に問題ないんじゃないかなと思います。プルダウンは selectedIndex で選択値が保存されているのでそれを覚えるだけです。こんな感じでどうですか〜？早速試してみる。

投稿者: 管理者日時: 2007年04月21日 21:19 | パーマリンク | コメント (0) | トラックバック (0)

入力チェック　javascrpt

http://f32.aaa.livedoor.jp/~azusa/index.php?t=js&p=formcheck#chkRegEmail

/* @が含まれていて、最後が .(ドット)でないなら正しいとする */

var Seiki=/[!#-9A-~]+@+[a-z0-9]+.+[^.]$/i;

内容はこんなカンジ

入力チェック（正規表現含む）

* メールアドレスチェック（正規表現）

* 必須項目入力チェック

* 入力文字数をリアルタイム表示

* 数値の先頭からゼロを除去

* 数値の先頭をゼロで埋める

* 入力文字数チェック

* 全角カナチェック

* 半角カナチェック

* 半角英数字チェック

* 全角チェック

* 半角チェック

* 半角チェック（正規表現）

* 数値チェック（文字コード）

* 数値チェック（正規表現）

* 数値チェック（任意指定）

* 複数の要素が混在するフォームの処理

投稿者: 管理者日時: 2007年04月21日 02:08 | パーマリンク | コメント (0) | トラックバック (0)

テキストエリアのみのcookie 保存。「記憶する・しない」ラジオボタン

http://ck2-blogger.jp/blosxom/radio_button_cookie.htm
多分、Movable Type のものを改造（？）したタイプ。テキストエリアのみのcookie 保存で、「記憶する・しない」の制御をしている。 cookie.js

var HOST = 'ck2-blogger.jp';
var PATH = '/';

function setCookie (name, value, expires, path, domain, secure) {
    var curCookie = name + "=" + escape(value) + ((expires) ? "; expires=" + expires.toGMTString() : "") + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + ((secure) ? "; secure" : "");
    document.cookie = curCookie;
}

function getCookie (name) {
    var prefix = name + '=';
    var c = document.cookie;
    var nullstring = '';
    var cookieStartIndex = c.indexOf(prefix);
    if (cookieStartIndex == -1)
        return nullstring;
    var cookieEndIndex = c.indexOf(";", cookieStartIndex + prefix.length);
    if (cookieEndIndex == -1)
        cookieEndIndex = c.length;
    return unescape(c.substring(cookieStartIndex + prefix.length, cookieEndIndex));
}

function deleteCookie (name, path, domain) {
    if (getCookie(name))
        document.cookie = name + "=" + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + "; expires=Thu, 01-Jan-70 00:00:01 GMT";
}

function fixDate (date) {
    var base = new Date(0);
    var skew = base.getTime();
    if (skew > 0)
        date.setTime(date.getTime() - skew);
}

function rememberMe (f) {
    var now = new Date();
    fixDate(now);
    now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000);
    setCookie('bloscmtauth', f.name.value, now, PATH, HOST, '');
    setCookie('bloscmthome', f.url.value, now, PATH, HOST, '');
}

function forgetMe (f) {
    deleteCookie('bloscmthome', '', HOST);
    deleteCookie('bloscmtauth', '', HOST);
    f.email.value = '';
    f.name.value = '';
    f.url.value = '';
}

formタグに↓を追加こんなテキストを加える。 formの後ろあたりにこれを追加。 formのName欄がname=name、URL欄がname=urlとなっていれば保存されるはず。 name、urlそれぞれのcookieが別々の名前（bloscmtauthとbloscmthome）でcookieが保存される。

続きを読む "テキストエリアのみのcookie 保存。「記憶する・しない」ラジオボタン" »

投稿者: 管理者日時: 2007年04月21日 01:06 | パーマリンク | コメント (0) | トラックバック (0)

textarea サイズ可変　javascript

http://www.kawa.net/works/js/jkl/resizable.html http://yukotan.blogspot.com/2007/02/javascript.html MovableType管理画面に採用されているヤツが欲しいんだけどなー。 http://www.openspc2.org/reibun/javascript/form_textarea/011/index.html これは？追記： http://www.kawa.net/works/js/jkl/resizable.html とりあえず、これを縦方向のみに改造するのが良さそうだけども設定がメンドイ。。。。読み込ませるだけシリーズのものに改造出来たら一番良いのだけどね。 Movable Typeのソースはこれ。解析する時間があれば・・・・

################################## js
http://www.marinetime.jp/blog/mt-static/mt.js?v=3.33-ja

function expandEditor( id, mode ) {
    var height_change;
    var min_height = 66;
    
    if ( mode == 'expand' ) {
        height_change = 32;
    } else if ( mode == 'contract' )  {
        height_change = -32;
    }

var element = document.getElementById( id );
    var element_height = document.getElementById( id + '_height' );

if ( element && element_height ) {
        var new_height;
        if (element_height)
            new_height = parseInt(element_height.value) + height_change;
        else
            new_height = parseInt(element.style.height) + height_change;
        if ( new_height >= min_height ) {
            if (element_height)
                element_height.value = new_height;
            element.style.height = new_height + 'px';
        } else {
            if (element_height)
                element_height.value = min_height;
            element.style.height = min_height + 'px';
        }
    }

return false;
}

function mtShortCuts(e) {
    e = e || event;
    if (!e || (!e.ctrlKey)) return;
    /* we have to add 64 to keyCode since the user hit a control key */
    var code = (e.keyCode) ? (e.keyCode + 64) :
               ((e.which) ? e.which : 0);
    var ch = String.fromCharCode(code);
    el = e.target || e.srcElement;
    if (el.nodeType == 3) el = el.parentNode; // Safari bug
    if (ch == 'A') insertLink(el, false);
    if (ch == 'B') formatStr(el, 'strong');
    if (ch == 'I') formatStr(el, 'em');
    if (ch == 'U') formatStr(el, 'u');
}

################################## html部分
<div class="field-buttons-resizing">
<script type="text/javascript">
with (document) {
    write('<img title="大きく" onclick="return expandEditor( \'text\', \'expand\' );" src="http://www.marinetime.jp/blog/mt-static/images/formatting-icons/field-bigger.gif" alt="大きく" width="26" height="19" /></a>');
    write('<img title="小さく" onclick="return expandEditor( \'text\', \'contract\' );" src="http://www.marinetime.jp/blog/mt-static/images/formatting-icons/field-smaller.gif" alt="小さく" width="26" height="19" /></a>');
}
</script>
</div>

投稿者: 管理者日時: 2007年04月19日 16:39 | パーマリンク | コメント (0) | トラックバック (0)

フォーム入力チェック　ふき出し式　javascript

http://espion.just-size.jp/archives/07/035231221.html

投稿者: 管理者日時: 2007年04月19日 11:41 | パーマリンク | コメント (0) | トラックバック (0)

Bookmarklet Camino便利セット

http://www.remus.dti.ne.jp/~a-satomi/bunsyorou/Camino_benriSet.html#download

http://www.remus.dti.ne.jp/~a-satomi/bunsyorou/Camino_benriSet/sample.html

↑サンプルページ　こんなカンジ

ブログ書くのに便利かも。

投稿者: 管理者日時: 2007年04月19日 11:15 | パーマリンク | コメント (0) | トラックバック (0)

on load時に複数のfunctionを　javascript

http://hori-uchi.com/archives/000396.html

投稿者: 管理者日時: 2007年04月19日 10:24 | パーマリンク | コメント (0) | トラックバック (0)

メールアドレス暗号化

http://www.is.titech.ac.jp/~yanagis0/javascript/caesarAddress2.html

未検証

javascript参考サイト

http://www.gobu.jp/jsc_44.php

↑の記事はメールアドレスのマッチ　正規表現のやつ

投稿者: 管理者日時: 2007年04月19日 10:16 | パーマリンク | コメント (0) | トラックバック (0)

テキストフィールドのフォーカス時に背景色を変更する JavaScript

http://espion.just-size.jp/archives/05/231211111.html

bodyにonloadが入っていると何故か動かないけど。いいよ、これ。

○この作者の細かい設定無しに、読み込ませるだけシリーズ

http://espion.just-size.jp/archives/06/198181103.html

使いたくなったのはこれ。

テキストエリアに「ここにお書き下さい」入れておいて、消えるやつ。

http://espion.just-size.jp/archives/05/320195801.html

○テキストエリアが可変式。ドラッグで縦横動く

http://espion.just-size.jp/archives/06/237175908.html

投稿者: 管理者日時: 2007年04月18日 21:51 | パーマリンク | コメント (0) | トラックバック (0)

クッキー作成

MTの「コメントありがとう」の画面にしようされているクッキー作成のjavascriptはこれ。
いろいろ試したのだが、何故か動かない・・・・・んで、これを試してみようと思う。
http://memorva.jp/memo/html/index_js.php

・例3（複数項目設定：複数の情報をクッキーに保存）
		<HTML>
		<BODY>

</BODY>
		</HTML>

投稿者: 管理者日時: 2007年04月15日 18:50 | パーマリンク | コメント (0) | トラックバック (0)

制作屋のメモ

javascript アーカイブ

2011年04月26日

埋め込みRSSリーダー

2011年01月20日

JavaScript小技集 2003. 8.23 softscrollbackの改良版？

2011年01月19日

カウントダウン、カウントアップ javascript

2011年01月17日

smooth.pack.js code

scrollをスムースにするサンプル

2011年01月11日

文字拡大/縮小機能の実装を外しました（テキスト変更大中小ボタン）

スライドショー形式で画像がランダムに表示

2011年01月10日

Drk7jp sorce

2011年01月05日

雪を降らせるjavascriptと同系 花びら 個別に揺れるやつ

Google Static Maps API を使って地図画像を埋め込む（携帯でも画像として読み込まれる

mailto でおきる文字化け 対処策はあるらしい。javascriptだけどな。

月ごとに画像を変更するjavascrpt

2011年01月04日

季節（4ヶ月ほど）で画像を切り替えるスクリプト

フッターを画面下部に固定する方法（Opera 9.51対策含む）

Google AJAX Feed APIでRSS複数表示 最新記事にnewをつけるなど

Google AJAX Feed APIでRSS複数表示 最新記事にnewをつけるなど

Google AJAX Feed APIでRSS複数表示 最新記事にnewをつけるなど

エレベーターメニュー javascript

2011年01月01日

月ごとに画像を切り替える

2010年12月26日

雪を降らすjavascript

2010年12月22日

さくらとか雪とか。ランダム表示するjavascript 花吹雪？なんていうのだろこれ？

2010年12月14日

営業日カレンダー

2010年12月13日

宣言文をつけると .jsが動かなくなる m_script.js

あれこれポップアップ

宣言文をつけると .jsが動かなくなる m_script.js

スワップイメージ クリックで切り替える

2010年12月08日

フォームのtextareaをクリックした時に文章を消す

2010年12月01日

body onLoadを外部記述に変更する

2010年09月01日

画面のスクロールに合わせて画像を読み込むjQuery『Lazy Load Plugin for jQuery』

2010年08月05日

IE6以下をWeb標準に準拠させるライブラリ『IE7.js』

2010年07月30日

文字サイズ変更するボタン

2010年07月29日

かゆいところに効くjs

2010年07月28日

TEXTAREA や INPUT の初期値をクリックで消すCommentsAdd Star

2010年07月13日

縦書きを可能にするjavascriptライブラリ「竹取JS」

2010年06月29日

外部の JS を読み込むための JS (CSS でいう import.css)

2010年06月21日

directURL.js

2010年05月08日

floatingdays: JavaScriptでページ上にカレンダーをポップアップ表示するライブラリのリンク集

2010年04月27日

ページ内スクロール

ページ内アンカー縦横斜め。なんだかすごいやつ

2010年04月24日

YUI Compressor Online javascript圧縮サービス

2010年04月23日

JavaScript ミニライブラリ

2010年04月22日

wmode="transparent" 大丈夫なんだろーか？

【javascript] bodyタグ以外でonloadさせる

【javascript] bodyタグ以外でonloadさせる

2010年04月19日

フォームで数字のみ入力可能にCommentsAdd Star

rollover.js

テーブルをゼブラ（ストライプ）模様にできる zebraTable.jsを公開しました。

2010年04月08日

smartscroll 他にもありそう。

カウントダウン、カウントアップ　javascript

雪を降らせるjavascriptと同系　花びら　個別に揺れるやつ

mailto でおきる文字化け　対処策はあるらしい。javascriptだけどな。

Google AJAX Feed APIでRSS複数表示最新記事にnewをつけるなど

Google AJAX Feed APIでRSS複数表示最新記事にnewをつけるなど

Google AJAX Feed APIでRSS複数表示最新記事にnewをつけるなど

さくらとか雪とか。ランダム表示するjavascript　花吹雪？なんていうのだろこれ？

宣言文をつけると .jsが動かなくなる　m_script.js

宣言文をつけると .jsが動かなくなる　m_script.js

スワップイメージ　クリックで切り替える

YUI Compressor Online　javascript圧縮サービス

WEB制作に役立つ汎用性の高いJavaScriptライブラリ「MJL（MITSUE-LINKS JavaScript Library）」

営業日カレンダースクリプト

ランダムバナー表示　flash対応

サブメニュー表示　javascript

thickbox設置注意　タブ表示関連リンク

入力補完ライブラリ　suggest.js

css list ロールオーバー　javascriptのロールオーバーメニューが何故駄目なのか？

タブ切り替え　css javascript jsオフでもページ内リンクで動作！

タブ切り替え　javascript