ネットが遅くてイライラしてない!?

アレンジしたいのです。
<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文字づつ出る」のは、あったと思いますが、ボタンで、動作開始をしたいと思います。
何か、よいアイデアはありますでしょうか?

このQ&Aに関連する最新のQ&A

A 回答 (5件)

質問文を読む限り、提案するだけで充分だと思ったのですが、はてさて…。


kumagoro-さんが、質問に充分沿ったプログラムを書いて頂いてるので、具体例は控えておきます。

故に、代返の形になります。

私の方ではkumagoro-さんのJavaScriptプログラムは問題なく動いております。
koboyさんの参考URLの方は動いているという事なのでJavaScriptが全く動かない環境では無いのでしょう。
ですが、JavaScriptはブラウザの種類・バージョンによって使えるスクリプトが多少違っており、
それが原因で人によって動作がまちまちだったりしますのでその可能性は無いでしょうか?

前述のプログラムが動いた私のブラウザ環境は、Windows,InternetExplorer6です。

ご自身で解決できる自信が無いのであれば
bongo8さんの使用しているブラウザを明記して頂くと
後の回答者の回答が楽になるかと思います。

あとJavaScriptは簡易プログラミング言語であり
簡易とは言っても、プログラミングの考えを要するので、
HTMLとは別個で、根本的な理論から学んだ方が良いと思います。
(「"」や「;」や「~.~.~」の記号も意味があり、理解していないと自分用にアレンジするのも辛いです)
    • good
    • 0
この回答へのお礼

色々とすみません、ほんとうに
使用機材は、Mac OS.9.2.2 IE.5.0 です
ちなみにISDNです。

>(「"」や「;」や「~.~.~」の記号も意味があり、
>理解していないと自分用にアレンジするのも辛いです)

そうですね、エクセルのマクロも断念したところです・・・なんか、似てる気がします。

お礼日時:2002/07/06 13:25

こうゆうのはいかがでしょうか?


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>
    • good
    • 0
この回答へのお礼

ありがとうございます
まるまるコピーして、確かめた所
ボタンを押しても、何もおきませんでした・・・
ボタンが小さかったので「value="ボタン"」を追加して
再度挑戦してみても、同じでした。
他に手直しをするところと言うと・・・・
うぅ、分かりません
ようやくhtmlの法則を覚えたところなので
JavaScriptの「}」とか「;」が出てくると
てんで分からなくなってしまうのです。
大変恐縮ですが、あと一歩のところだと思うのです
タイプミスなど、もしありましたら再度
回答ください。
よろしくおねがいします

お礼日時:2002/07/04 20:26

> 別の、タグで「勝手に1文字づつ出る」のは、あったと思いますが



HTMLだけでは、勝手に1文字ずつ文字を出すことは出来ません。
で、下の方々がお勧めして下さっているのは JavaScript で、

<INPUT type="button" value="ボタン" onclick="b1.value='こうゆうふうに字が出る'">

↑実はこれも JavaScript です。

JavaScript のお勉強をして、
JavaScript のカテゴリで質問なさってはいかがでしょうか。
    • good
    • 0

アイディアという事なので具体的に書きませんが。



<INPUT type="button" onclick="hyoji()">
として<head>の中に
function hyouji()
 {
 }
とし、
プログラムの中身は
テキストボックスの中身の文字列長(.length)を参照して、次に表示する条件分岐を書く。
(テキストボックス内が「こうゆ」の時は「こうゆう」の表示に入れ替えるような)

文字列が長くなると苦しいので
繰り返し処理で書くと簡潔になる思います。
他にもアイディアがあると思いますが頑張ってください。
    • good
    • 0
この回答へのお礼

ありがとうございます
少し、レベルが高い説明なようで、よくわかりません
すみません・・・
先述のhtmlを手直ししていだくと大変光栄なのですが
手直しでは不可能なのかもしれないし・・・
No#1の方のリンクは、それができてますが
むちゃくちゃ大変そうです。
これは、難しいことのようですね

PS.
分からなかった表記は
>プログラムの中身
>文字列長(.length)
>条件分岐
>繰り返し処理
でした

お礼日時:2002/07/04 02:29

↓JavaScriptで、ボタンを押すと、1文字ずつ出る


 ページです。前にも紹介されてました。コピーして
 使えるかもしれませんが、大変かも?

参考URL:http://www.fureai.or.jp/~tato/DHTML/simple/part2 …
    • good
    • 0
この回答へのお礼

ありがとうございます
うわ~、大変ですねぇ!
どこが必要で、どこが不必要かが全然分からない。
研究してみます

お礼日時:2002/07/04 02:22

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qボタンをクリックするとテキストエリアに文字が表示される。

はじめまして
下記内容のJavaScriptを見つけたのですが
これをどうにか違うものにしたいのです。

<html>
<head>
<TITLE>テキストエリアに複数項表示する</TITLE>

<script language="JavaScript"><!--
function setChars()
{
str1="テキストエリアに";
str2="複数項にわたる文字を";
str3="表示します。";
document.myFORM.myTEXT.value=str1+"\n"+str2+"\n"+str3;
}
/--></script>
</head>
<body>
<form name="myFORM">
<textarea name="myTEXT"rows="10"></textarea><br>
<input type="button"value="複数行表示"onClick="setChars()">
</form>
</body>
</html>
------------------------------------------------

例えば

(月・火・水・木)とそれぞれのボタンがあるとします。

そのボタンを押すと、複数行テキストへ
月曜→○○○○
火曜→○○○○
水曜→○○○○
木曜→○○○○
というように、表示させたいのです。

また、複数行テキストに入力された文字が消えず改行されて表示させたいのです。

自分でもいろいろと試してみたのですが、頭が悪く、全く思ったようにできません。

お忙しいところ大変申し訳ありませんが、

上記に記載した内容のスクリプトはありますでしょうか。

ご返答いただけると幸いです。

はじめまして
下記内容のJavaScriptを見つけたのですが
これをどうにか違うものにしたいのです。

<html>
<head>
<TITLE>テキストエリアに複数項表示する</TITLE>

<script language="JavaScript"><!--
function setChars()
{
str1="テキストエリアに";
str2="複数項にわたる文字を";
str3="表示します。";
document.myFORM.myTEXT.value=str1+"\n"+str2+"\n"+str3;
}
/--></script>
</head>
<body>
<form name="myFORM">
<textarea name="myTEXT"rows="10"></textarea><br>
<input ...続きを読む

Aベストアンサー

Wizard_Zeroと申します。

例えばこんな感じでしょうか?

<html>
<head>
<TITLE>テキストエリアに複数項表示する</TITLE>

<script language="JavaScript"><!--
function setChars(text)
{
if (document.myFORM.myTEXT.value || "") {
document.myFORM.myTEXT.value = document.myFORM.myTEXT.value + "\n"
}

document.myFORM.myTEXT.value = document.myFORM.myTEXT.value + text
}
/--></script>
</head>
<body>
<form name="myFORM">
<textarea name="myTEXT"rows="10"></textarea><br>
<input type="button" value="月曜" onClick="setChars('AAAAA')">
<input type="button" value="火曜" onClick="setChars('BBBBB')">
<input type="button" value="水曜" onClick="setChars('CCCCC')">
<input type="button" value="木曜" onClick="setChars('DDDDD')">
<input type="button" value="金曜" onClick="setChars('EEEEE')">
</form>
</body>
</html>

Wizard_Zeroと申します。

例えばこんな感じでしょうか?

<html>
<head>
<TITLE>テキストエリアに複数項表示する</TITLE>

<script language="JavaScript"><!--
function setChars(text)
{
if (document.myFORM.myTEXT.value || "") {
document.myFORM.myTEXT.value = document.myFORM.myTEXT.value + "\n"
}

document.myFORM.myTEXT.value = document.myFORM.myTEXT.value + text
}
/--></script>
</head>
<body>
<form name="myFORM">
<textarea name="myTEXT"rows="10"></textare...続きを読む

Q[onClick]ボタンを押すことで入力欄に文字を挿入する方法は?

Google の TOP ページを想像していただけるとわかりやすいかと思うのですが、
※ http://www.google.co.jp/
Web ページ(html ファイル)に文字入力欄(ボックス)とボタンがある時、
ボタンを押すとボックスに何らかの文字が出力されるように
JavaScript を組みたいのですが、何か良い方法はご存知でしょうか?

以下が私が考えている案です。

***********************************************************************
文字入力欄(ボックス)は input タグによって作られるので、

<input class=hoge onClick="charInput('ぬるぽ')">

のようにして input タグ内に onClick を埋め込み、
関数 charInput(引数) については
head タグ内の script タグ内で定義します。

しかし、この関数部をどのように実装すれば良いかや、
span タグの設定をしなくても良いのかなど、
調べても不明な点を解決できず困っております。

***********************************************************************

以上、大変恐縮ですが何かコメントいただけると非常に嬉しいです。
よろしくお願いします。

Google の TOP ページを想像していただけるとわかりやすいかと思うのですが、
※ http://www.google.co.jp/
Web ページ(html ファイル)に文字入力欄(ボックス)とボタンがある時、
ボタンを押すとボックスに何らかの文字が出力されるように
JavaScript を組みたいのですが、何か良い方法はご存知でしょうか?

以下が私が考えている案です。

***********************************************************************
文字入力欄(ボックス)は input タグによって作られるので、

<input class=ho...続きを読む

Aベストアンサー

<script type="text/javascript">
function clicli(){

document.frm.target.value = "あああ";
}
</script>
<form name="frm">
<input type="button" value="実行" onclick="clicli()" />
<input type="text" name="target">
</form>

QButtonを押すと画像が表示されるには?

Buttonを押すと画像が表示されるGUIを作ろうと思っています。ただ画像を表示させるとき、私が知りうる限りでは、ウィンドウのサイズを変えたり、他のウィンドウで覆ったりすると、その画像が消えてしまうのです。ですから、画像が消えないようにするにはどうすればいいのでしょうか?

上記に書いたことを、Applet上でよく見かけるのですが、今回アプリケーションで実現したいのです。

ぜひ宜しくお願いします。

Aベストアンサー

コードを三箇所追加しました。
コード追加1
何を描画するかの判定、変数。

コード追加2
判定変数の条件文で、何を描画するか、
0で、何も描画しない。
他の数値では、線を描画する。

コード追加3
ボタンのイベント処理で、
変数に1を、入れて、再描画、直線を描く

package pane1;

import java.awt.*;
import java.awt.event.*;
import javax.swing.*;

public class p extends JFrame {

private JPanel jp1, jp2;
private JComboBox jcb;
private JButton jb;

//コードの追加1
int gc =0;

public p() {
setSize(500, 500);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

getContentPane().setLayout(new BorderLayout());
jp1 = new JPanel();
getContentPane().add(jp1, "North");
jp1.setLayout(new FlowLayout());

String[] str = {"a", "b", "c"};
DefaultComboBoxModel combomodel = new DefaultComboBoxModel(str);
jcb = new JComboBox(combomodel);
jcb.setPreferredSize(new Dimension(75, 21));
jp1.add(jcb);

jb = new JButton("ボタン");
jp1.add(jb);
jb.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent e) {
jbevent(e);
}
});

jp2 = new JPanel() {
public void paintComponent(Graphics g) {
super.paintComponent(g);
//コードの追加2
if (gc == 0){

}else {
g.drawLine(150, 150, 250, 250);
}
}
};
getContentPane().add(jp2, "Center");
}

private void jbevent(ActionEvent e) {
//コードの追加3
gc =1;
repaint();
//(1)
}

public static void main(String args[]) {
p s3 = new p();
s3.setVisible(true);
}
}

コードを三箇所追加しました。
コード追加1
何を描画するかの判定、変数。

コード追加2
判定変数の条件文で、何を描画するか、
0で、何も描画しない。
他の数値では、線を描画する。

コード追加3
ボタンのイベント処理で、
変数に1を、入れて、再描画、直線を描く

package pane1;

import java.awt.*;
import java.awt.event.*;
import javax.swing.*;

public class p extends JFrame {

private JPanel jp1, jp2;
private JComboBox jcb;
private JButton jb;

//コードの追加1
in...続きを読む

QonClickに複数の関数を挿入する方法

初心者なのですがアニメーションの関数anime1、anime2、anime3を作成し、onClickに下記のように設定しました。
クリックするとアニメーション2つの設定ではは動くのですが、3つ目を設定すると動かなくなります。
通常はこのような設定はしないものなのでしょうか?
教えてください。
よろしくお願いします。
<INPUT type="button" value="START" onClick="anime1(), anime2()">・・・OKです。
<INPUT type="button" value="START" onClick="anime1(), anime2(),anime3()">・・・動きません。

Aベストアンサー

セミコロンでつなぐのが常道ですが、3つ以上なら
別途function化したほうが、可読性が高くなると
思います。

Qボタンを押すとテキストボックスが増えるJavaScriptについて教えてください

Javascriptで質問です。
<input type="text" name="hoge1" value="">
<input type="text" name="hoge2" value="">
<input type="text" name="hoge3" value="">

というようなテキストボックスがあり、「追加」というボタンを押すと
新たなテキストボックス
<input type="text" name="hoge4" value="">
が追加されるようなJavascriptを作成したいと考えています。

新たに作られたテキストボックスには
name="hoge4"
name="hoge5"



というように、nameの部分に「hogeの右にある番号に1ずつ加算された名前」を付けていきたいのです。

検索すると、テキストボックスを追加していくだけのサンプルはいくつかあったのですが、nameの部分を加算していく、という例が無くて行き詰っています。

よろしくお願いいたします。

Aベストアンサー

innerHTMLを使えば簡単に再現できますけど…^^;
とりあえず、ここはappendChildを使うほうで。
******************************
<script type="text/javascript">
var tag_num = 4;
function myAdd(){
var oTag = document.createElement("input");
oTag.setAttribute("type", "text");
oTag.setAttribute("name", "hoge" + tag_num++);
var oDiv = document.getElementById("area");
oDiv.appendChild(oTag);
}
</script>
******************************
<span id="area">
<input type="text" name="hoge1" value="">
<input type="text" name="hoge2" value="">
<input type="text" name="hoge3" value="">
</span>
******************************

こんな感じかな?

innerHTMLを使えば簡単に再現できますけど…^^;
とりあえず、ここはappendChildを使うほうで。
******************************
<script type="text/javascript">
var tag_num = 4;
function myAdd(){
var oTag = document.createElement("input");
oTag.setAttribute("type", "text");
oTag.setAttribute("name", "hoge" + tag_num++);
var oDiv = document.getElementById("area");
oDiv.appendChild(oTag);
}
</script>
*******************...続きを読む

Qボタンを押したら、テキストに文字を表示したい

お世話になります。
Java Eclipse で作成しております。

ボタンを押したら、テキストに、変数で指定した文字を表示したいのですが、
どのようにすれば、実現できるでしょうか?
※直接、文字を打ち込むのではなく、変数を通して、入れたいと思っております。

参考URLでも結構ですので、
よろしくお願い致します。

Aベストアンサー

こんにちは。

Java Eclipseで何を作成していますか?

SwingなのかAppletなのか、その他のことなのか。
またテキストとは何か補足下さい。
(JTextFieldなのか等)

QSQLのVARCHARとVARCHAR2の違い

SQLについての質問です。
文字列型のVARCHARとVARCHAR2の違いについて教えてください。
まだ、初心者なのでなるべく分かりやすくお願いします。

Aベストアンサー

データベースによって、データ型の定義が違います。
私が知っている限りでは、
MS-SQLserverなどでは、可変長の文字列はvarcharですが、
Oracleでは、varchar2です。
他にも、MSのdatetimeに相当するものが、Oracleはdate型、という具合に名前が違います。
お使いのDBに沿ったデータ型の定義を調べると良いのではないでしょうか?
それぞれ違うと思いますよ。(似てると言えば似ているけど。)

Qi++と++i ってどう違うのですか?

i++と++i ってどう違うのですか?

C#です。

Aベストアンサー

++や--を変数の前に置く演算を「前置演算」、++や--を変数の後に置く演算を「後置演算」といい、その違いは、次のようになります。

前置演算:先に処理(++や--)をしてから代入
(例)i=2;
   a=++i;
    ~~~
    先に処理 : iは3
   ~~~~~
   後から代入 : aは3

後置演算:先に代入してから処理(++や--)
(例)i=2;
   a=i++;
   ~~~
   先に処理   : aは2
    ~~~~~
    後から代入 : iは3

Qtableタグとformタグの組み合わせ

tableタグとformタグの組み合わせでどのように記述すれば、構文上正しいのでしょうか?
私は下のパターンで書いておりますが、間違いでしたら早めに改めたいので
お聞きしました。

<table>
<form>
<input type="hidden" name="a" value="1">
<tr>
<td>
<input type="text" name="b" value="">
</td>
</tr>
<tr>
<td>
<input type="submit" value="OK" value="">
</td>
</tr>
</fomr>
</table>

Aベストアンサー

恐らく、<form>タグを入れると1行分の隙間ができるのでそのように記述しているのでしょう。私も4年ほど前に何かの雑誌でそのように記述しましょう、を確かに見ました。W3Cの理論を無視すれば別に表示するのだから構わないとも思います。
しかし、私の場合、今は、前者様の回答のように<table>の外に記述します。そして、スタイルシートで
<form style="margin:0px;">
とすれば、隙間が無くなります。

Q取引先に書類を送るときの鏡文の書き方。

タイトルの通り取引先に書類を送るときの鏡文の書き方を教えてください。ワードで拝啓とすると文章が出てきますが、どの文が無難なのか分かりません。普通はどのような書き方をするのでしょうか?

Aベストアンサー

「ビジネス文書」で検索すると文書例がたくさん
でてきます。

色々なパターンがありますが、ほぼ似たようなも
ので、長文か短文か、深い取引先か浅いのか、で
かわってきます。

今後のためにもなりますので、文書例からパターン
を拾って、取引先毎に作成し、保存しておくのもい
いです。

がんばってください。

参考URL:http://www.jusnet.co.jp/business/


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング