はじめまして。
今、プルダウンを3つ並列にならべて置いているのですが、WinのIE以外で見ると改行されて2段になってしまいます。ページの構成上どうしても文字数を減らしたりすることが出来ないので、文字(フォント)サイズを小さくすることが出来ないものかと悩んでいます。
いろいろ調べてみたのですが、わかりません。
どうかよろしくお願いします。

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

A 回答 (1件)

こんにちはshakさん、xruzです。


style指定をしてもダメですか?

<form>
<select name="" size="1" style="font-size:8px">
<option value="aaaa">aaaa
<option value="bbbb">bbbb
</select>
</form>

がんばってくださいね(~:~i
    • good
    • 0
この回答へのお礼

xruzさん
ありがとうございます!!
早速試してみたところうまくいきました。
感動です。
本当にありがとうございました。
shak

お礼日時:2002/01/07 18:29

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

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

Qプルダウンで選択したCGIを動かしたい(ACTION=""をプルダウンで変更するには?)

プルダウンで選択したCGIを動かしたい(ACTION=""をプルダウンで変更するには?)

以下の
<option value="test1.cgi">テスト1 
<option value="test2.cgi">テスト2
<option value="test3.cgi">テスト3
<option value="test4.cgi">テスト4

4つのプルダウンメニューを選択して、それぞれ別のCGIを動かすには
どうしたらできますか?
よかったら教えて下さい。javascriptで出来そうな気がするのですが…




<FORM name="testname" method="post" ACTION="/cgi-bin/??????" >


<TABLE>

<TR><TD> テスト</TD>
<TD bgcolor="#FFFFFF">
<SELECT name="">
<option value="">
<option value="test1.cgi">テスト1 
<option value="test2.cgi">テスト2
<option value="test3.cgi">テスト3
<option value="test4.cgi">テスト4
</SELECT></TD>
</TR>

<TR>
<TD bgcolor="#cccccc" width="150"> 開始日</TD>
<TD bgcolor="#FFFFFF">
<input name="daysS" type="text" size="8">
</TD>
</TR>

<TR>
<TD bgcolor="#cccccc" width="150"> 終了日</TD>
<TD bgcolor="#FFFFFF">
<input name="daysE" type="text" size="8">
</TD>
</TR>

</TABLE>
<BR>

<INPUT type="submit"name="send"value="開始"> <INPUT type="reset" name="reset" valiu="消去">
</FORM>

プルダウンで選択したCGIを動かしたい(ACTION=""をプルダウンで変更するには?)

以下の
<option value="test1.cgi">テスト1 
<option value="test2.cgi">テスト2
<option value="test3.cgi">テスト3
<option value="test4.cgi">テスト4

4つのプルダウンメニューを選択して、それぞれ別のCGIを動かすには
どうしたらできますか?
よかったら教えて下さい。javascriptで出来そうな気がするのですが…




<FORM name="testname" method="post" ACTION="/cgi-bin/??????" >
...続きを読む

Aベストアンサー

<SELECT name="" onchange="testname.ACTION='/cgi-bin/'+this.value">
これで、アクションの指定ができると思います。

Qjavascriptで文字を移動後、プルダウン表示させたい。

(1)移動処理
http://www.openspc2.org/JavaScript/Ajax/Effect/Rico/002/index.html

(2)上から内容を表示
http://www.openspc2.org/JavaScript/Ajax/Effect/script.aculo.us/004/index.html

(1)→(2)の処理の順番動かそうと思い、javascriptを組んでみたのですが、動きません。
new Rico.Effect.Position("movilisez", 400,300, 100, 20);を
コメントアウトすると、(2)の処理は動いてくれますが、
コメントを外すと動きません。

原因を教えていただけますでしょうか?

環境は以下です。
OS:VISTAHomepremium
ブラウザ:IE7


---------------------

function toPoint()
{
new Rico.Effect.Position("movilisez", 400,300, 100, 20);
execEffect();
}


function execEffect()
{
document.getElementById("contents").style.visibility = "visible"

new Effect.BlindDown($("contents"));
}

---------------------
---------------------
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="Style_Index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="scripts/prototype-1.6.0.3.js"></script>
<script type="text/javascript" src="scripts/scriptaculous-js-1.8.2/src/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="scripts/rico.js"></script>
<script type="text/javascript" src="scripts/BlindDown.js"></script>
<title>TestPage</title>
</head>

<body>
<div align="center">
<p></p><div id="Hedder" align="center"><table width="800px" cellspacing="0">
<tr>
<td colspan="2" rowspan="2" align="left"><img src="" alt="" name="movilisez" width="200" height="80" id="movilisez" onclick="toPoint()" /></td>
</tr>
</table></div>
<div id="contents">
<div id="menu" align="center">
メニュー
</div>
</div>
</div>
</body>
</html>

(1)移動処理
http://www.openspc2.org/JavaScript/Ajax/Effect/Rico/002/index.html

(2)上から内容を表示
http://www.openspc2.org/JavaScript/Ajax/Effect/script.aculo.us/004/index.html

(1)→(2)の処理の順番動かそうと思い、javascriptを組んでみたのですが、動きません。
new Rico.Effect.Position("movilisez", 400,300, 100, 20);を
コメントアウトすると、(2)の処理は動いてくれますが、
コメントを外すと動きません。

原因を教えていただけますでしょうか?

環境は以下です。 ...続きを読む

Aベストアンサー

No2です

とりあえず、似たものを作ってみました。
prototypeなどを利用すれば簡単だと思いますが、中身を良く知らないのでライブラリは利用していません。(その代わりといってはなんですが、クロスブラウザの検証はあまりおこなっていません)
ご参考まで。

<html>
<head>
<style type="text/css">
#movilisez {
position:absolute;
overflow:hidden;
border:0;
}
</style>
<script type="text/javascript">
var e,p,q,x,y,mstp,h,bstp,bs;
function test() {
var id='movilisez'; //対象オブジェクトのid
x=400; //移動後のleft値
y=300; //移動後のtop値
mstp=20; //移動ステップ数(整数:大きいほど滑かだが遅い)
ms=15; //移動の速度(整数:小さいほど速い)
bstp=20; //ブラインドステップ数(整数:大きいほど滑かで遅い)
bs=20; //ブラインドの速度(整数:小さいほど速い)

if (!e) {
p=0; q=0; e=document.getElementById(id);
while(e){p+=e.offsetLeft; q+=e.offsetTop; e=e.offsetParent;}
e=document.getElementById(id); h=e.offsetHeight;
Mtime = setTimeout("move()", ms);
};}
function move(){
if (mstp>0) {
p +=(x-p)/mstp; q +=(y-q)/mstp--;
e.style.left=Math.round(p); e.style.top=Math.round(q);
Mtime = setTimeout("move()", ms);
} else {
clearTimeout(Mtime); p=bstp;
Btime = setTimeout("blind()", bs);
};}
function blind(){
if (bstp>0) {
e.style.height=Math.round((1-bstp/p)*h); bstp--;
Btime = setTimeout("blind()", bs);
} else {
clearTimeout(Btime); e.style.height=h;
};}
</script>
</head>

<body>
下の画像をクリックすると移動 + ブラインド
<p>
<div id="movilisez" onclick="test()">
<img src="A.jpg">
</div>
</body>
</html>

No2です

とりあえず、似たものを作ってみました。
prototypeなどを利用すれば簡単だと思いますが、中身を良く知らないのでライブラリは利用していません。(その代わりといってはなんですが、クロスブラウザの検証はあまりおこなっていません)
ご参考まで。

<html>
<head>
<style type="text/css">
#movilisez {
position:absolute;
overflow:hidden;
border:0;
}
</style>
<script type="text/javascript">
var e,p,q,x,y,mstp,h,bstp,bs;
function test() {
var id='movilisez'; //対象オ...続きを読む

Qプルダウンで値選択後、Hpにもうひとつプルダウンを追加する方法について

初期表示上Aというプルダウンがあり、Aのプルダウンで、AAAを選択した場合にBというプルダウンを画面に追加表示させると言う事は可能なのでしょうか?
(AのプルダウンにBを追加するのは無く、画面そのものにプルダウンを追加)

過去を探してみても見つけれませんでした。
(検索機能で絞りました><)

リロードする以外に可能であれば、どのような例でも構いません。
ご教授頂ければと思います。

雑文恐れ入ります。

Aベストアンサー

こんな感じでしょうか?
----------
<HTML>

<HEAD>
<SCRIPT language="javascript">
<!--
function myFunc(){
if (document.form1.A.value=="aaa"){
document.form1.B.style.display="block";
}else{
document.form1.B.style.display="none";
}
}
//-->
</SCRIPT>
</HEAD>

<BODY>
<FORM name="form1">
<SELECT name="A" onChange="javascript:myFunc();">
<OPTION value="">
<OPTION value="aaa">aaa
<OPTION value="bbb">bbb
<OPTION value="ccc">ccc
</SELECT>
<SELECT name="B" style="display:none;">
<OPTION value="">
<OPTION value="111">111
<OPTION value="222">222
<OPTION value="333">333
</SELECT>
</FORM>
</BODY>

</HTML>

こんな感じでしょうか?
----------
<HTML>

<HEAD>
<SCRIPT language="javascript">
<!--
function myFunc(){
if (document.form1.A.value=="aaa"){
document.form1.B.style.display="block";
}else{
document.form1.B.style.display="none";
}
}
//-->
</SCRIPT>
</HEAD>

<BODY>
<FORM name="form1">
<SELECT name="A" onChange="javascript:myFunc();">
<OPTION value="">
<OPTION value="aaa">aaa
<OPTION value="bbb">bbb
<OPTION value="ccc">ccc
</SELECT>
<SELECT name="B" st...続きを読む

QFirefoxでのテキストエリアに入力した文字の改行

Firefoxでのテキストエリアに入力した文字の改行について質問させてください。

http://oshiete1.goo.ne.jp/qa2691799.html

↑のページを参考にテキストエリアに入力したテキストがリアルタイムで確認できるページを作成しました。

IEではテキストエリア内の改行がちゃんと反映されたのですが、Firefoxではテキストエリア内の改行が反映されずに、エンターキーを押すと半角スペース?になるだけで一連の文として出力されてしまいます。

どなたかこの現象の解決策をお知りの方がいらっしゃいましたらご教授ください。
よろしくお願いします。

Aベストアンサー

どのようなコードで実行しているのか不明なのでなんともわかりませんが…

参考になさっている回答の、No5までちゃんと読みましたか?
No3までだと単純にvalueを写しているだけなので、HTML上では改行されません。
テキストエリア内の改行をHTMLの改行(<br>など)に変換するか、または、<pre>などを利用する必要があります。
(↑上記質問の回答No4に書いてあるのと同じことですが…)

一応、FFで実験してみましたが、問題なく改行されます。
(document.allなどの表記は少々古いような気もしますが…)


ん?・・・・ひょっとして、回答No5の修正をIEの方しかやってないとか?
回答のコードはIEとFFで場合わけして記しているので、修正箇所は合計2箇所になるはずなんですが…
まぁ、IEでもgetElementByIdは使えると思いますので(少なくともIE6以降は)コードの記述も後半だけにしちゃってもOKなはずですけど。

(↑推測なので、違っていたら失礼)

Qソースコードの改行文字は何にしていますか?

HTMLの改行文字はLFに統一されてはどうかと推奨されました。
その検討に入っているのですが、JAVAScriptのソースについて
皆さんはどうされているのでしょう。

JAVAScriptのソースの改行コードをLFで統一したら、
メモ帳で見たときに思いっきり化けていました。
今のところ、その程度の障害ですが、皆さんどうしているのか聞きたいと思いました。

Aベストアンサー

>UNIXだからLFとのことですね。
>それをWindows環境でブラウジングした時に何か障害があったことがありますか。

この「ブラウジング」はどういう意味で使われてるのでしょうか。
ただ単にソースファイルを見るときには「ブラウジング」という言葉は使わないと思うのですが。

IEなどでJavaScriptが含まれたページを見た場合ということであれば、それで問題になったことはないです。(というより、それが問題になるのであればブラウザ側がおかしい)

開発現場でソースファイルを扱う場合においても改行コードLFが問題になるのはメモ帳くらい(実際にはメモ帳を開発で使うことはないので問題なし)なのでWindowsでもLFの事は多いです。


人気Q&Aランキング

おすすめ情報