WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:input type="text" value="ここに日付を入れたいです"

0:[投稿] 秋 [MAIL] [2003/01/30 10:29 ][環境:IE6-WinXPプリインストール、UpDate無し infoseek無料webスペース設置予定]

はじめまして。現在、日記CGIのようなものを作りたいと思い試行錯誤しています。
CGIやJavaScriptは初めてなのですが、何事も挑戦と思い勉強しながらやっています。
日記を書くフォームのページを作りそこにtextareaのほかに、
<input type="text" value="ここに日付">を置いて日記の内容とともにCGIに日付を渡したいと思っています。
日付はフォームのページをロードしたらあらかじめ現日付が書いてある状態にしたいです。
input type="text"にする理由としては、夜0時を回ってしまったときに修正できるようにするためです。
質問は、こういったことができるかどうか、もし出来るのでしたらその方法を教えていただきたいです。
リファレンスを見ながらいろいろと考えているのですが、どう書いていいか分からないです。

<!--
function func() {
   document.all.id.innerHTML = "<input type='text' name='time' value='date'>";
}
// -->
<div id="id" onLoad="func()"></div>
と、して value='date'のdateを変数として日付を入れられないか?と思いましたが、onLoadの使い方が違うのでしょうか動かずでした。dateが変数として扱えるのかどうかも怪しいですが・・・
(多分変数として扱えないのでしょう・・・)

こんなレベルですがどうかよろしくお願いします。


1:[回答] ごだっち [MAIL] [2003/01/30 10:53 ]

こんなもんでしょうかね?

ページが読み込まれる際に、上の行から順番に処理されて、取得された日時をデフォルト値として表示する入力欄(input type=text)が書き出されます。

ただ、これで取得できるのは端末上のローカルタイム(PC端末の時計に設定されている時刻)なので、PCの時刻合わせをしていない人がアクセスすると、変な日時が表示されてしまいます。

そうそう、MSDN(US版)で確認してみたけれど、DIVにはonLoadイベントは無いみたいです。

<form>
<script language="javascript" type="text/javascript">
<!--
var dd = new Date();
var mm = dd.getMonth() + 1;
var dt = dd.getDate() + 1;
var hr = dd.getHours();
var mn = dd.getMinutes();
document.write("<input type='text' name='time' value='"+mm+"月"+dt+"日"+hr+"時"+mn+"分'>");
//-->
</script>
<input type="submit">
</form>


2:[回答] Malic [2003/01/30 10:53 ]

http://www.openspc2.org/JavaScript/ref/index.html

ここにスクリプトのリファレンスあります。

日付のところの関数を見て、目的に合った関数を使用してください。
あとは、変数 date に代入して、
表示したい位置に以下のように書けば良いです。<form>〜</form>の範囲に書くこと

<script language="javascript">
<!--
var date;
nowdate = new Date();
date = 「目的に合った関数とその文字列加工」
document.writeln("<input type='text' name='time' value=" + date + ">");
//-->
</script>


3:[完了] 秋 [MAIL] [2003/01/30 11:17 ]

ごだっちさん、Malicさんご回答どうもありがとうございます。大変勉強になりました。

なるほど、document.writelnを使うのですか。
よくある初心者講座などで、<head>タグの間にdocument.write("Hellow!")をかいて、未対応ブラウザのために<noscript>を使うとあったのでdocument.writeを使う場合は、ページ全部をJavaScriptで書かないといけないのかと思っていました^^
しかし、<form>の中に書くことで解決できるのですね。

>ごだっちさん>MSDN(US版)で確認してみたけれど
そうですか。やはり細かい文法などなどあるようですね。
アクセスしてみましたけど、ぱっとみそういったものがどこにあるのか分かりませんでした。じっくり探してみます。

>Malicさん>ここにスクリプトのリファレンスあります。
リファレンスどうも有難うございます。
サンプルがついているので分かりやすいです。
今後活用させていただきます。

さて、今度はparlと格闘だぁ^^

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World