アレンジしたいのです。
<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で質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- PHP if(preg_match("/[^0-9]/",$gu_d)){意味を教えてください。 1 2022/05/06 05:37
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
グーグルマップの文字化けで困...
-
リンクでPOSTデータを送信する...
-
INPUTのボタン周囲のスペース
-
input button の文字の色を2色...
-
getParameterで値が取得できず...
-
SUBMITボタンを表示させないでS...
-
HTMLボタンの文字色を変え...
-
ボタンを押さずにボタンを押す...
-
<FORM> </FORM> の中に さらに...
-
画面遷移が不正ですと表示されます
-
同じソリューション内の別のプ...
-
グリッドビューでのチェックボ...
-
VBAで一時中断したプログラムの...
-
複数選択のListBoxでClickイベ...
-
c# 文字列の最後から1文字削除...
-
コネクション・セッション・ト...
-
勝手にログアウトされてしまい...
-
Webページ上のボタン等の位置を...
-
Accessの画面更新を一時的に停...
-
aspxをhtmlに変換する方法について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
checkboxとlabelがずれる
-
submitボタンにvalue属性の値で...
-
ボタンをクリックした時に、入...
-
getParameterで値が取得できず...
-
SUBMITボタンを表示させないでS...
-
リンクでPOSTデータを送信する...
-
ボタンのなかに表示する文字を...
-
UWSC
-
グーグルマップの文字化けで困...
-
HTMLだけでボタン作成
-
<FORM> </FORM> の中に さらに...
-
INPUTのボタン周囲のスペース
-
ボタンリンクの文章を二行に・・・
-
inputのtextとsubmitの高さがズ...
-
ボタンを押さずにボタンを押す...
-
戻ると、記入フォームの内容が...
-
formの送信ボタンをテキストに...
-
どのボタンが押されたかの判定
-
ただいま勉強始めたての初心者...
おすすめ情報