アレンジしたいのです。
<FORM>
<INPUT type="text" value="テスト" name="b1" size="55">
<br>
<font style="font-size:15px" color="#666666">ボタンをクリック!</font>
<INPUT type="button" value="ボタン" onclick="b1.value='こうゆうふうに字が出る'">
</FORM>
上記のようにして「ボタン押す=文字出る」を作りました。
さらには、1文字づつもったいぶって、文字を出したいのです。
別の、タグで「勝手に1文字づつ出る」のは、あったと思いますが、ボタンで、動作開始をしたいと思います。
何か、よいアイデアはありますでしょうか?
A 回答 (5件)
- 最新から表示
- 回答順に表示
No.5
- 回答日時:
質問文を読む限り、提案するだけで充分だと思ったのですが、はてさて…。
kumagoro-さんが、質問に充分沿ったプログラムを書いて頂いてるので、具体例は控えておきます。
故に、代返の形になります。
私の方ではkumagoro-さんのJavaScriptプログラムは問題なく動いております。
koboyさんの参考URLの方は動いているという事なのでJavaScriptが全く動かない環境では無いのでしょう。
ですが、JavaScriptはブラウザの種類・バージョンによって使えるスクリプトが多少違っており、
それが原因で人によって動作がまちまちだったりしますのでその可能性は無いでしょうか?
前述のプログラムが動いた私のブラウザ環境は、Windows,InternetExplorer6です。
ご自身で解決できる自信が無いのであれば
bongo8さんの使用しているブラウザを明記して頂くと
後の回答者の回答が楽になるかと思います。
あとJavaScriptは簡易プログラミング言語であり
簡易とは言っても、プログラミングの考えを要するので、
HTMLとは別個で、根本的な理論から学んだ方が良いと思います。
(「"」や「;」や「~.~.~」の記号も意味があり、理解していないと自分用にアレンジするのも辛いです)
色々とすみません、ほんとうに
使用機材は、Mac OS.9.2.2 IE.5.0 です
ちなみにISDNです。
>(「"」や「;」や「~.~.~」の記号も意味があり、
>理解していないと自分用にアレンジするのも辛いです)
そうですね、エクセルのマクロも断念したところです・・・なんか、似てる気がします。
No.4
- 回答日時:
こうゆうのはいかがでしょうか?
setTimeoutの第二引数の1000は表示される間隔でミリ秒単位です。2000とすれば2秒ごとに表示されます。
<html>
<head>
<title></title>
<script language="JavaScript">
var i = 1
function hyoji(){
var msg = 'こうゆうふうに字が出る';
if(i <= msg.length){
timerID = setTimeout("hyoji()",1000);
document.forms[0].b1.value = msg.substr(0,i);
i = i + 1;
}else{
clearTimeout(timerID);
i = 1;
}
}
</script>
</head>
<body>
<form>
<input type="text" name="b1">
<input type="button" onClick="hyoji();">
</form>
</body>
</html>
ありがとうございます
まるまるコピーして、確かめた所
ボタンを押しても、何もおきませんでした・・・
ボタンが小さかったので「value="ボタン"」を追加して
再度挑戦してみても、同じでした。
他に手直しをするところと言うと・・・・
うぅ、分かりません
ようやくhtmlの法則を覚えたところなので
JavaScriptの「}」とか「;」が出てくると
てんで分からなくなってしまうのです。
大変恐縮ですが、あと一歩のところだと思うのです
タイプミスなど、もしありましたら再度
回答ください。
よろしくおねがいします
No.3
- 回答日時:
> 別の、タグで「勝手に1文字づつ出る」のは、あったと思いますが
HTMLだけでは、勝手に1文字ずつ文字を出すことは出来ません。
で、下の方々がお勧めして下さっているのは JavaScript で、
<INPUT type="button" value="ボタン" onclick="b1.value='こうゆうふうに字が出る'">
↑実はこれも JavaScript です。
JavaScript のお勉強をして、
JavaScript のカテゴリで質問なさってはいかがでしょうか。
No.2
- 回答日時:
アイディアという事なので具体的に書きませんが。
<INPUT type="button" onclick="hyoji()">
として<head>の中に
function hyouji()
{
}
とし、
プログラムの中身は
テキストボックスの中身の文字列長(.length)を参照して、次に表示する条件分岐を書く。
(テキストボックス内が「こうゆ」の時は「こうゆう」の表示に入れ替えるような)
文字列が長くなると苦しいので
繰り返し処理で書くと簡潔になる思います。
他にもアイディアがあると思いますが頑張ってください。
ありがとうございます
少し、レベルが高い説明なようで、よくわかりません
すみません・・・
先述のhtmlを手直ししていだくと大変光栄なのですが
手直しでは不可能なのかもしれないし・・・
No#1の方のリンクは、それができてますが
むちゃくちゃ大変そうです。
これは、難しいことのようですね
PS.
分からなかった表記は
>プログラムの中身
>文字列長(.length)
>条件分岐
>繰り返し処理
でした
No.1
- 回答日時:
↓JavaScriptで、ボタンを押すと、1文字ずつ出る
ページです。前にも紹介されてました。コピーして
使えるかもしれませんが、大変かも?
参考URL:http://www.fureai.or.jp/~tato/DHTML/simple/part2 …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
getParameterで値が取得できず...
-
ボタンのなかに表示する文字を...
-
どのボタンが押されたかによっ...
-
submitボタンにvalue属性の値で...
-
HTML ラジオボタン nameの大文...
-
selectで自動でsubmitボタンを...
-
リンクでPOSTデータを送信する...
-
IEでのボタンの幅の調整方法
-
HTMLボタンの文字色を変え...
-
戻ると、記入フォームの内容が...
-
[html]<input type="file">タグ...
-
UWSC
-
HTMLでのid とnameの違い
-
submitボタンを大きくすると粗...
-
submitボタンを横一列複数リン...
-
削除ボタンを押すとperlにてデ...
-
コネクション・セッション・ト...
-
DataGridViewのチェックボック...
-
複数選択のListBoxでClickイベ...
-
ACCESS2010 WEBブラウザーコン...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
submitボタンにvalue属性の値で...
-
checkboxとlabelがずれる
-
getParameterで値が取得できず...
-
ボタンのなかに表示する文字を...
-
ただいま勉強始めたての初心者...
-
formの送信ボタンをテキストに...
-
htmlでsubmit送信時、actionよ...
-
SUBMITボタンを表示させないでS...
-
リンクでPOSTデータを送信する...
-
inputのtextとsubmitの高さがズ...
-
戻ると、記入フォームの内容が...
-
チェックボックスの値をコピー
-
削除ボタンを押すとperlにてデ...
-
<FORM> </FORM> の中に さらに...
-
グーグルマップの文字化けで困...
-
submitボタンを横一列複数リン...
-
UWSC
-
HTMLのKEYとVALUE...
-
[]を付けずにcheckboxの値を複...
おすすめ情報