掲示板などの投稿で、スクロールテキストボックスを使うと、
書けば書くほど右に長くなってしまいます。
折り返すにはどうしたらいいのでしょうか?
また、下のスクロールバーをなくすにはどうしたらいいのでしょうか?

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

A 回答 (1件)

横スクロールと縦スクロールと二つスクロールバーが表示されてしまうのを解消するという事でよろしいですか?




<TEXTAREA NAME="text" COLS="20" ROWS="2"></TEXTAREA>
↑これに「WRAP」を追加してください。


<TEXTAREA WRAP NAME="text" COLS="20" ROWS="2"></TEXTAREA>
これで、横スクロールは出ませんが。
    • good
    • 0
この回答へのお礼

ありがとうございます。
チョー初心者の私・・・。会社の人に聞くわけにもいかず、一人で悩みまくりました。
ご親切にありがとうございました。

お礼日時:2001/09/03 17:21

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

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

Qテキストボックスにスクロールする文字列を表示する。

テキストボックスにスクロールする文字列を表示する方法を知りました。^^
これはできたのですが、同じページで、「★メッセージ1」の他に
「別の表示」をさせたいのですがどうしたらいいんでしょうか?
例えば、「★メッセージ2」。など 

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="JavaScript">
<!--
msg="★メッセージ1     ";
function scroll(){
msg=msg.substring(1,msg.length)+msg.substring(0,1);
document.myform.mytext.value=msg;
setTimeout("scroll()",300);
}
//-->
</SCRIPT>
</HEAD>
<BODY onLoad="scroll()">
<CENTER>
<FORM name="myform">
<INPUT name="mytext" size="20">
</FORM>
</CENTER>
</BODY>
</HTML>

テキストボックスにスクロールする文字列を表示する方法を知りました。^^
これはできたのですが、同じページで、「★メッセージ1」の他に
「別の表示」をさせたいのですがどうしたらいいんでしょうか?
例えば、「★メッセージ2」。など 

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="JavaScript">
<!--
msg="★メッセージ1     ";
function scroll(){
msg=msg.substring(1,msg.length)+msg.substring(0,1);
document.myform.mytext.value=msg;
setTimeout("scroll()",300);
}...続きを読む

Aベストアンサー

<FORM name="myform">
<INPUT name="mytext1" size="20"><br>
<INPUT name="mytext2" size="20">
</FORM>
といったHTMLを想定していますが ・・・

Q,区切りでテキストで書かれたテキスト文書に文字列を書き加える(データバインド)

データバインドで使用するテキストデータの内容が以下のように書かれています。

1,aaa.ne.jp/~xxx/
2,bbb.co.jp/
3,ccc.com/
   ・
   ・
   ・
   ・

このような場合、全てのcolumn2の前に同じ文字列(http://)を追加して表示するようなことはJavaScriptでできますでしょうか?


表示箇所は現在

<TABLE DATASRC="#Data">
<TBODY>
<TR>
<TD>
<SPAN DATAFLD="column1"></SPAN>
</TD>
<TD>
<A DATAFLD="column2" target="_blank"><SPAN DATAFLD="column2"></SPAN></A>
</TD>
</TR>
</TBODY>
</TABLE>

といった感じです。
読み込むデータ側には「http://」が書かれていないため当然リンクしてくれません。
テキスト内のデータがかなり多いため、できれば読み込むデータ側のcolumn2にhttp://を付けるという処理は避けたいのです。
どなたかおわかりになる方、ご教授願います。

データバインドで使用するテキストデータの内容が以下のように書かれています。

1,aaa.ne.jp/~xxx/
2,bbb.co.jp/
3,ccc.com/
   ・
   ・
   ・
   ・

このような場合、全てのcolumn2の前に同じ文字列(http://)を追加して表示するようなことはJavaScriptでできますでしょうか?


表示箇所は現在

<TABLE DATASRC="#Data">
<TBODY>
<TR>
<TD>
<SPAN DATAFLD="column1"></SPAN>
</TD>
<TD>
<A DATAFLD="column2" target="_blank"><SPAN DATAFLD="column2"></SPAN></A>
</TD>
...続きを読む

Aベストアンサー

これがベストかどうかはさておき、一例として、以下のスクリプトをbodyのonloadで呼び出してください。
function F01() {
var A = document.getElementsByTagName("A");
for (i=0; i<A.length; i++) {
if (A[i].className == "a1") A[i].href = "http://" + A[i].href;
}
}

対象以外にもAタグがあった場合、それにまで効果が及んでしまうのを防ぐため、データバインド内のAタグには class="a1" を追加しておいてください。

ハイパーリンクにバインドさせる方法は、以下に記載されていますので、ご参考までに。

参考URL:http://www.openspc2.org/reibun/javascript/table/005/index.html

Qセレクトボックスで選択した内容をテキストボックスへ

こんにちは、初めて質問させて頂きます。
現在、下記のような形式で、選んだテキストをテキストボックスに追加する仕様を使っています。
これをテキストではなく、プルダウン形式のセレクトボックスで選択できるようにはできないでしょうか?

<A HREF="javascript:function voi(){};voi()" onClick="document.myform.comment.value+='鉄 '">鉄</A><BR>
<A HREF="javascript:function voi(){};voi()" onClick="document.myform.comment.value+='アルミ '">アルミ</A><BR>
<A HREF="javascript:function voi(){};voi()" onClick="document.myform.comment.value+='塩ビ '">塩ビ</A><BR>

<FORM name="myform">
<INPUT TYPE="TEXT" NAME="comment" SIZE="50">
</form>


お手数ですが、もし宜しければお知恵をお貸し下さい。

こんにちは、初めて質問させて頂きます。
現在、下記のような形式で、選んだテキストをテキストボックスに追加する仕様を使っています。
これをテキストではなく、プルダウン形式のセレクトボックスで選択できるようにはできないでしょうか?

<A HREF="javascript:function voi(){};voi()" onClick="document.myform.comment.value+='鉄 '">鉄</A><BR>
<A HREF="javascript:function voi(){};voi()" onClick="document.myform.comment.value+='アルミ '">アルミ</A><BR>
<A HREF="javascript:function voi(){};vo...続きを読む

Aベストアンサー

連続入力することもかんがえるとこうするとよいかも

<script>
function hoge(obj){
var f=obj.form;
var v=obj.options[obj.selectedIndex].value;
var c=f.elements["comment"];
c.value+=v;
obj.selectedIndex=0;
}
</script>
<form>
<p>
<select onchange="hoge(this)">
<option value="" >選択してね</option>
<option value="鉄">鉄</option>
<option value="アルミ">アルミ</option>
<option value="塩ビ">塩ビ</option>
</select>
<input type="text" name="comment" value="">
</p>
</form>

Qコンボボックスに連動するテキストボックスの表示数変更

入力フォームを作成しており、コンボボックスの数に応じて、
テキストボックスの表示数を変更させたいと考えています。

コンボボックスでの選択が「2」になれば、その下に表示される
テキストボックスの数も2つ表示させたいと思います。


<html>
<head>
</head>
<body>
<form>
項目数:
<SELECT>
<OPTION selected>1</OPTION>
<OPTION>2</OPTION>
<OPTION>3</OPTION>
<OPTION>4</OPTION>
<OPTION>5</OPTION>
</SELECT>
<br>
<br>
項目1:<input type="text" name="test1" size="20">
</form>
</body>
</html>


処理方法をサイトなどで調べましたが、該当するものが見あたりませんでしたので、ご教授お願いいたします。

Aベストアンサー

この手のヤツは、最初から最大数分の要素をつくっておき、
当初は使えなくしておくというのが、よろしいのでは?
もちろんムダも多いですが、消したりつけたりするときには
確実に処理ができます。

<html>
<head>
<script>
function changeFunc(obj,dClass,iClass){
var f=obj.form;
var v=Number(obj.value);
var cnt=1;
for(var i=0;i<f.length;i++){
if(f[i].className==iClass){
if(v>=cnt++) f[i].disabled=false;
else f[i].disabled=true;
}
}
var cnt=1;
var divs=document.getElementsByTagName('div');
for(var i=0;i<divs.length;i++){
if(divs[i].className==dClass){
if(v>=cnt++) divs[i].style.display="block";
else divs[i].style.display="none";
}
}
}
</script>
</head>
<body>
<form>
項目数:
<SELECT onChange="changeFunc(this,'viewClass','inputClass')">
<OPTION value="1" selected>1</OPTION>
<OPTION value="2">2</OPTION>
<OPTION value="3">3</OPTION>
<OPTION value="4">4</OPTION>
<OPTION value="5">5</OPTION>
</SELECT>
<br>
<br>
<div class="viewClass">項目1:<input type="text" name="test1" class="inputClass" size="20"></div>
<div class="viewClass">項目2:<input type="text" name="test2" class="inputClass" size="20" disabled></div>
<div class="viewClass">項目3:<input type="text" name="test3" class="inputClass" size="20" disabled></div>
<div class="viewClass">項目4:<input type="text" name="test4" class="inputClass" size="20" disabled></div>
<div class="viewClass">項目5:<input type="text" name="test5" class="inputClass" size="20" disabled></div>
</form>
</body>
</html>

単純にするなら、divのstyleのdisplayだけつけたり消したりでも
いいでしょう。
サブミットするときムダなデータが飛ばなくするにはdisabledを
つける必要があります。

この手のヤツは、最初から最大数分の要素をつくっておき、
当初は使えなくしておくというのが、よろしいのでは?
もちろんムダも多いですが、消したりつけたりするときには
確実に処理ができます。

<html>
<head>
<script>
function changeFunc(obj,dClass,iClass){
var f=obj.form;
var v=Number(obj.value);
var cnt=1;
for(var i=0;i<f.length;i++){
if(f[i].className==iClass){
if(v>=cnt++) f[i].disabled=false;
else f[i].disabled=true;
}
}
var cnt=1;
var div...続きを読む

Qテキストボックスとセレクトボックスの選択肢の連携

この度はお世話になります。

1個のテキストボックスに入力された文字列により、その後の1個の
セレクトメニューの選択肢を変更することってできるのでしょうか?

具体的には以下のような動作です。

・デフォルトではテキストボックスに文字列が入力された場合は、
 その後のセレクトボックスには「トマト、きゅうり、ほうれんそう」
 の選択肢が入る。

・テキストボックスに「あいうえお」と入力された時のみ、その後の
 セレクトボックスが「りんご、みかん、ぶどう」の選択肢に変わる。

・テキストボックスに「かきくけこ」と入力された時のみ、その後の
 セレクトボックスに「あじ、さば、かつお」の選択肢に変わる。

こんな感じですが、よろしくお願い致します。
当方、只今javascriptを勉強しており、条件式に苦戦しております。
サンプルプログラムを見せていただけるとありがたく思います。

Aベストアンサー

>1個のテキストボックスに入力された文字列により、その後の1個の
>セレクトメニューの選択肢を変更することってできるのでしょうか?
HTML構造とか条件がいまいちはっきりしませんが、できると思われます。


>当方、只今javascriptを勉強しており、条件式に苦戦しております。
とのことなので、苦戦なさっている条件分岐について、とりあえず思いつくものを…
と言っても、ご質問の内容であれば普通に条件分岐すればよいだけですが・・・

テキストボックスの値が、変数textValeに取得できているとして、

◇例1(ifによる分岐)
 if(textValue=""){
  // 文字列が入力されていない場合の処理 
 }else if(textValue="あいうえお"){
  // あいうえおの場合の処理
 }else if(textValue="かきくけこ"){
  // かきくけこの場合の処理
 }else{
  // 他の文字列の場合の処理
 }


◇例2(switch文で振分け)
 switch (textValue{
 case "":
  // 文字列が入力されていない場合の処理
  break;
 case "あいうえお":
  // あいうえおの場合の処理
  break;
 case "かきくけこ":
  // かきくけこの場合の処理
  break;
 default:
  // 他の文字列の場合の処理
  break;
 }


◇例3(ループで処理:場合分けが多いけれど処理が類似している時など)
caseData = [
{ value:"あいうえお", data:"hoge1" },
{ value:"かきくけこ", data:"hoge2" }
];
for(var i=0; i<caseData.length; i++){
if(textValue == caseData[i].value){
  hogehoge(caseData[i].data); // 該当する場合の処理(引数は個別データ)
  break;
}
}
if(i==caseData.length) hogehoge("hoge0"); // どれにも該当しない場合の処理

※例3は分岐の選択肢が多くて、処理内容が類似して一般化できる際に有効かと思います。
 ご質問の場合も「セレクトボックスの内容を変える」という処理が同じなので、応用は可能かと。

>1個のテキストボックスに入力された文字列により、その後の1個の
>セレクトメニューの選択肢を変更することってできるのでしょうか?
HTML構造とか条件がいまいちはっきりしませんが、できると思われます。


>当方、只今javascriptを勉強しており、条件式に苦戦しております。
とのことなので、苦戦なさっている条件分岐について、とりあえず思いつくものを…
と言っても、ご質問の内容であれば普通に条件分岐すればよいだけですが・・・

テキストボックスの値が、変数textValeに取得できているとして、

◇...続きを読む


人気Q&Aランキング

おすすめ情報