ボタンに任意の動作をさせてテキストフィールドに返す

解決済

質問者：T21G
質問日時：2013/08/17 16:01
回答数：2件

はじめまして。
調べたのですが実現できないので以下について質問させてください。
こういった場所で質問するのも初めてなので至らない点もあるかと思いますがお願いします。

質問は2つです。まとめた画像を用意しました。
http://www.fastpic.jp/images.php?file=2422596804 …

【質問A】
(1)テキストフィールドに名前を入力
※半角英数字のみ、大文字小文字は可に指定出来ると嬉しいです。

(2)名前入力後、ボタンをクリック

(3)ボタンをクリックするとテキストフィールドに以下の文字が追加される。
名前の前には【/nick 】←末尾に半角スペース付き
名前の後には【四桁の日付(例：8月17日の場合は0817と言うように)】

一行でまとめるとつまり
(1)Hanako　→　(2)　→　(3)/nick Hanako0817　となるようにしたいです。

【質問B】
押すとブラウザをリロード(キーボードのF5と同じ動作)させるボタンの作成方法がわかりません。

ご存じの方いましたら教えてください。お願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： hirotn
回答日時：2013/08/17 22:10

質問Aをまとめてみました。

<form name="n">
<input type="text" name="nickname" style="ime-mode: disabled"> (1)
<input type="button" value="クリック" onclick="formatName()"> (2)
</form>

<head></head>の中にscriptを定義します。
<script type="text/javascript">
//(3)
function formatName(){
dd = new Date();
m = dd.getMonth()+1;
if ( m >=1 && m <= 9) { //一桁の月は0をつける
month = "0" + m;
}
document.n.nickname.value = "/nick " + document.n.nickname.value + month + "" + dd.getDate()
}
</script>

質問B
以下の要領です。
<input type="button" name="reload" onclick="location.reload(true);">

http://phpjavascriptroom.com/?t=js&p=location3

- 0
- 件

通報する

この回答へのお礼

迅速な回答ありがとう御座います。

出来ました！！！バッチリです！！

とても丁寧に説明して頂いて大変助かりました！！
本当にありがとう御座いました。

通報する

お礼日時：2013/08/17 23:12

No.1

回答者： hirotn
回答日時：2013/08/17 16:52

<body>

<form name="a">
<input name="text1>

という構造の場合、以下のようにテキストボックスを特定します。
document.a.text1
フォームがなければ、 document.text1 などとなります。

質問A
(1)以下のURLの回答4
http://oshiete.goo.ne.jp/qa/1468658.html
テキストボックスtext1にHanakoが入力されたとする。

(2) 2番めのテキストボックスに1番目のテキストボックスを複写
text2.value=text1.value

(3)3番目のテキストボックスに文字を追加
dd = new Date();
text3.value = "/nick " + text1.value + (dd.getMonth()+1) + "" + dd.getDate()
Dateについては以下を参考にしています。
http://www.neconote.jp/neconote/dojo/html/calend …

質問B location.reload(); です。

この回答への補足

ご回答ありがとう御座います。
お陰様で質問Bはすぐに解決できました。

質問Aは、試行錯誤してみたのですがまだ解決できていません。

もしかして質問Aの回答はテキストボックスを3つ使う方法ですか？

もしそうでしたら誤解させてしまってすみません。
添付画像内で3つのテキストボックスを縦に載せてますが
それは【工程】を表現したつもりでした。

実際は1つのテキストボックスで完結させたいのです。

(1)名前を書く
(2)ボタンをクリック
(3)/nick 名前＋日付が【(1)のテキストボックスに表示される】
としたいのです。

プログラムの知識が乏しいため、
見当違いなことを確認していたら申し訳御座いません。

以下のURL左下の部分に本日の質問内容を実装したいのですが…
お手数ですが今一度ご指導頂けると助かります。
http://kmrc21.com/room/01