設置したけどエラーがでます。

Question

http://www.kanaya440.com/contents/js/calendar/in …

このカレンダー付き日付入力プログラムを
メールフォームに組み込みたいのですが
どうしてもエラーが出てしまいます。

入れたいページはこれ↓です。
http://innerrich.com/postmail/arukeru_yoyaku_tes …
ここの「希望日」のところです。
どうしてもできないので
今のところカレンダーをポップアップ表示させるのみに至っています。

1.calendar.txtをダウンロードし（というかクリックするとテキストファイルが開くので別名で保存し、.jsの拡張子をつけます。
shift-jisで保存しました。
2.そのファイルをこのarukeru_yoyaku_tesco.htmと同じ階層に置きました。
3.<head>と</head>の間に<script src="calendar.js" language="JavaScript"></script> と書ました。
※今ははずしてあります。

4.希望日の横の欄の位置に
<input type="text" name="p1" id="p1" size="30" maxlength="10">
<input
name="Calendar"
type="button"
value=" "
style="background-image: url(calendar.gif);
background-color:#ffffff;
width:20px;
height:20px;
border:0;
cursor:pointer;"
onClick="wrtCalendar(event,this.form.p1,'yyyy/m/d');">

と書き込みました。

しかしカレンダーの画像をぽちとしても
カレンダーは出ず
左下に「エラーです」という表示がでます。

ファイル読み込みにせず
直接head内に書き込んでみてもだめです。

他のjavascriptは動くのに
（ポップアップも、その先のカレンダー表示もJavaScript）
どうしてもできなくて悔しいです。

あんまり詳しくないのでプログラムをいじるのも
おっかなびっくりです。
どなたかどうか教えてください。
よろしくお願いいたします。

windowsでdreamweaverを使いながら
タグも直接できるところはいじったりしています。

yyr446 · Accepted Answer

プロなんですね＝＞いいえ、昔のプログラミングの経験が少しある程度の素人です。そんなに詳しくありません。基礎知識レベルです。あなたのページで何故エラーが出るかはわかりません。残念ながら、ご指導するスキルもありません。カレンダー表示でカレンダーが出て日付をクリックすると左の空欄に年月日が入る・・・という風に。＝＞無理です。なぜならcalendar.jsは、選んだ日付を一箇所のタグにしか返してくれないからです。しかも非同期で返ってくるので、いつタグの値が返されたかハンドリングできません。そこで、カレンダーから返された値を確認してOKボタンを押し、年、月、日の欄に分解して入れる仕組みをJAVASCRIPTで追加すれば出来ます。まる投げのお願い質問は管理人に怒られますが、今回は特別とゆうかうまくヒントを書けないので、以下を参考にソースを研究してください。（手順）まず、calendar.txtをダウンロードしたら中身をいじらずそのまま calendar.jsに名前を代えて自分のサイトにアップしてください。オリジナルにはや等のタグは無いはずです。そしたら、の中にと書きます。その後ろに、新たなJAVASCRIPTを↓のように追記します。フォームタグに以下のように名前を付けます（任意の名前でよい）

yyr446 · Answer

＜1.calendar.txtをダウンロードし（というかクリックするとテキストファイルが開くので別名で保存し、.jsの拡張子をつけます。 shift-jisで保存しました。＞ここの手順がまちがってませんか？あなたのサイトの http://innerrich.com/postmail/arukeru_yoyaku_tesco.htm をFireBugで見ると、calendar.jsの中身に余分な物(hrmlとかbodyとか) がついているようですが、これは根本的な原因では無いです。あなたのサイトのソースをコピペして調べてみたところ、 calendar.jsを使うときは、formとbuttonタグにname属性が無いと動かないみたいです。適当な名前aaa,bbbをつけたら出来ました。 FireFox3.0とIE6.0で動作確認しました。＜変更箇所＞＝＝＝＝＝＝＝

yyr446 · Answer

日の横の欄
<input type="button" name="Calendar" value="カレンダー表示" 
onClick="wrtCalendar(event,this.form._日,'d')"
style="background-image: url(calendar.gif);
background-color:#ffffff;
width:20px;
height:20px;
border:0;
cursor:pointer;" 
>

設置したけどエラーがでます。

プロなんですね＝＞

＜1.calendar.txtをダウンロードし（というかクリックするとテキストファイルが開くので別名で保存し、.jsの拡張子をつけます。

この回答への補足

日の横の欄

この回答への補足

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング