テキストボックスにいくつかのメッセージを表示させ、なおかつ個々のメッセージにリンクを張りたいのです。
以下のスクリプトでテキストボックスにメッセージを表示させることはできるのですが、リンクの張り方がわかりません。
よろしくご教授お願いいたします。
<SCRIPT LANGUAGE="JavaScript">
<!--
smes=new Array(5);
smes[0]="111111";
smes[1]="222222";
smes[2]="333333";
smes[3]="444444";
smes[4]="555555";
n=0;
function Some_Mes(){
document.myForm1.myMes.value=smes[n];
n++;
if(n==5){n=0}
setTimeout("Some_Mes()",5000);
}
//-->
</SCRIPT>
</head>
<body onload="Some_Mes()" bgcolor="#FFFFFF" link="#000000" vlink="#000000" alink="#CCCCCC">
<FORM name="myForm1">
<INPUT type="text" name="myMes" size="50" style="text-align:center">
</FORM>
</body>
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
テキストボックスの中にHTMLの記述はできないと思いますので、テキストボックスでご質問のような動作を実現するのは無理だと思います。
代替案ですが、IE5.x以降、Netscape6以降などで導入されたDOMを利用した、以下のようなソースではいかがでしょうか。
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!--
smes=new Array();
smes[0]="111111";
smes[1]="222222";
smes[2]="333333";
smes[3]="444444";
smes[4]="555555";
slct= new Array();
slct[0]="***1.html";
slct[1]="***2.html";
slct[2]="***3.html";
slct[3]="***4.html";
slct[4]="***5.html";
/* 以上、リンク先のURLの配列 */
n=0;
function Some_Mes(){
if (document.getElementById){
document.getElementById("lnk1").innerHTML=smes[n];
document.getElementById("lnk1").href=slct[n];
n++;
if(n==5){n=0}
setTimeout("Some_Mes()",5000);
}
}
//-->
</SCRIPT>
</head>
<body onload="Some_Mes()" bgcolor="#FFFFFF" link="#000000" vlink="#000000" alink="#CCCCCC">
<div id="lnkbox" style="border: 2px silver groove; text-align: center; width: 20em; height: 1em;padding: 1px; oveflow: hidden;"><a href="***1.html" id="lnk1">11111</a></div>
</body>
</html>
古いブラウザなどでは正常に反映されない可能性がありますが…
参考になれば。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- CGI perlで書いたcgiでsqliteの使い方を教えてください 2 2023/05/08 21:29
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
formのsubmitを押すとモーダル...
-
jqueryを使ったスムーススクロ...
-
javascriptでcssを書き換える方法
-
特定の条件のHTML要素を一括で...
-
jQueryのSlickで矢印アイコンが...
-
javascriptで複数の表示・非表...
-
CSSでreadonlyの機能はあり...
-
確認ダイアログを次からは表示...
-
ポップアップのリンク先と閉じ...
-
「ご処理進めて頂きますようお...
-
CloseとDisposeの違い
-
エクセルで、日付を入力すると...
-
VBAでループ内で使う変数名を可...
-
switch の範囲指定
-
【Excel】特定の文字を含むセル...
-
VBA エンターキーでイベントに...
-
アクセスVBAのMe!と[ ]
-
VBAにてメッセージボックスを最...
-
エクセルVBAで、MsgBox やInput...
-
Do~Loopした回数をカウントしたい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Q&A掲示板の入力フォームに文字...
-
JavascriptでDom XSSの脆弱性対...
-
【JavaScript】検索がヒットし...
-
CSSでreadonlyの機能はあり...
-
JavascriptでXSSの脆弱性への対...
-
formのsubmitを押すとモーダル...
-
確認ダイアログを次からは表示...
-
JavascriptのHTMLクラス表示に...
-
特定の条件のHTML要素を一括で...
-
jQueryでのドラッグアンドドロ...
-
javascriptで複数の表示・非表...
-
jqueryを使ったスムーススクロ...
-
jqueryアコーディオンの上部の...
-
JavaScriptのdiv.style属性の変...
-
2回目以降のページロード時には...
-
javascriptのエラーで質問です。
-
改行をしたいが、<br>と...
-
クリックすると、色が変わるよ...
-
jQueryのCSSで値に変数を使う方法
-
動画の上に広告をオーバーレイ...
おすすめ情報