width=100のテーブルでtd width=50 が2つ作ってあります。

これをボタンを押すとtd width=40 width=60とかに、表示した後にセルの幅を変えたいのですが、できないでしょうか?

よろしくお願いします。
※IE専用でもかまいません。

A 回答 (3件)

===========================================================


<INPUT type=text name=txtSize size=4 value=200>
<INPUT type="button" value="変更1" onclick="ChangeSize1();">
<INPUT type="button" value="変更2" onclick="ChangeSize2(txtSize.value);">
<TABLE width="400px" border="1">
<TR>
<TD ID="tdLeft"width="100px" >aaa</TD>
<TD ID="tdRight">bbb</TD>
</TR>
</TABLE>

<SCRIPT language="JavaScript">
function ChangeSize1(){
tdLeft.width = txtSize.value;
}
function ChangeSize2(aSize){
tdLeft.width = aSize;
}
</SCRIPT>
===========================================================

こういうことですか?
「変更1」と「変更2」は微妙に異なる作りです。用途に合わせてください。
(とりあえずIEのみです。)

ものすごく適当ですみません。
    • good
    • 0

 まず、CGIでページを作成すれば簡単にできます。

しかし、これはCGIというもの自体が知らない人には厄介です。
 次にJavaScriptを使う方法ですが、命令としてはそういったことはできません。背景を変える、などは可能ですが。
 よって、その場合は次のようにすることで一応実現できます。

 まず、width=50が2つのページを普通に作ります。
 別に40と60のページを作ります。つまり、それ以外は上と同じです。
 最初に前者のページを表示し、ボタンを押したら後者のページへ飛びます。
 後者のページにも前者へ飛ぶためのボタンを作れば、事実上セルの表示幅だけが変わっているように見えます。

 基本的に、CGIかSSIを利用しないとデータは記録できません。
 またJavaScriptによって、なさりたいような効果を素直に表現することは無理だと思います。
 ダイナミックhtmlというものだったら可能かも知れませんが、それは専門外なので・・・(汗)。
    • good
    • 0

HTMLが動的に作成されるような仕組みになっていれば可能でしょう。


例えばJavaScriptやCGIなどを使えばIE専用でなくても可能だと思います。

幅を変数として持っていれば、その変数の値を変更してリロードすればいけると思います。
    • good
    • 0

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

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

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

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

QExcel VBAで、B列の幅を、既存のグラフの幅に設定したい。

VBA初心者です。
ワークシート上にグラフを作成した後(例えば「グラフ1」とします)、B列の幅を作成したグラフの幅と同じに設定するには、どのように記述すればよいのしょうか?

Columns("B").ColumnWidth = ActiveSheet.Shapes("グラフ1").Width

Columns("B").Width = ActiveSheet.Shapes("グラフ1").Width

Columns("B").ColumnWidth = ActiveSheet.Shapes("グラフ1").ColumnWidth

どれもうまくいきませんでした。よろしくお願いします。

Aベストアンサー

こんにちは。Wendy02です。

>ColumnWidthのヘルプによると
>解説
>・
>とのことです。

その書き方は、かなり手厳しく感じました。ヘルプで調べてから回答を書きなさい、ということですね。私の書き方がまずかったようですね。失礼しました。

 ただ、そのヘルプの内容は、若干、意味が曖昧です。仮に等幅フォントであっても、本当に、1文字の積み重ねが、列幅になるとお思いになっているのでしたら、それは違います。セル幅は、PIXEL値(Long型)に丸められて、それを逆算して、例えば「8.38」 という数字が出てきているのであって、決して、1文字のフォントの長さが、列幅にそのまま反映しているわけではありません。ロジックでいうと、「AはBによって作られているが、BはAには等しからず」ということになりますね。

変換率の出し方は、以下のようになりますが、Constの定数はやめ、ALPHAを変数にして、以下のようにすればよいはずです。

Dim Alpha As Double
Alpha = ActiveSheet.Cells(256).Width / ActiveSheet.StandardWidth

しょせん、理論値では不可能(だと思う)ですから、影響のないセルに対して、実測値を元に、変換値を出したにすぎませんが。

これで、問題なくできるはずです。

こんにちは。Wendy02です。

>ColumnWidthのヘルプによると
>解説
>・
>とのことです。

その書き方は、かなり手厳しく感じました。ヘルプで調べてから回答を書きなさい、ということですね。私の書き方がまずかったようですね。失礼しました。

 ただ、そのヘルプの内容は、若干、意味が曖昧です。仮に等幅フォントであっても、本当に、1文字の積み重ねが、列幅になるとお思いになっているのでしたら、それは違います。セル幅は、PIXEL値(Long型)に丸められて、それを逆算して、例えば「8.38」 ...続きを読む

Qtd width="180" と固定してるのですが・・

<div style="width:500;height:220;overflow:auto;
scrollbar-3dlight-color:#9acd32;
scrollbar-arrow-color:#9acd32;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#9acd32;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#9acd32;
scrollbar-track-color:#ffffff;
">
<table style="font-size:13px; color:magenta;"><tr align="center">
<td width="180"><img src=""></td>
<td width="180"><img src=""></td>
<td width="180"><img src=""></td>
<td width="180"><img src=""></td>
<td width="180"><img src=""></td>
</tr></table>
</div>

img には 110×150 のサイズの写真を入れています。
div width="500" にしているので、180×3=540 ですから3枚目のimgが途中で切れて、残りが横スクロールに引っ込むと思ってたのですが、実際にはimgがぎゅうぎゅうに詰まって4.8枚見えるようになります。

何故 td width を固定しているのに変動してしまうかがわかりません。
どうすれば img と img のあいだを余裕もたせて表示することができますでしょうか?
よろしくご教授のほど願います。

<div style="width:500;height:220;overflow:auto;
scrollbar-3dlight-color:#9acd32;
scrollbar-arrow-color:#9acd32;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#9acd32;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#9acd32;
scrollbar-track-color:#ffffff;
">
<table style="font-size:13px; color:magenta;"><tr align="center">
<td width="180"><img src=""></td>
<td width="180"><img src=""></td>
<td width="180"><img src=""></td>
<td width="180"><...続きを読む

Aベストアンサー

これではいかがでしょう?

<div style="width:500px;height:220px;overflow:auto;
scrollbar-3dlight-color:#9acd32;
scrollbar-arrow-color:#9acd32;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#9acd32;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#9acd32;
scrollbar-track-color:#ffffff;
">

<table width="900" style="font-size:13px; color:magenta;">
<tr align="center">
<td width="180"><img src="" width="110" height="150" alt=""></td>
<td width="180"><img src="" width="110" height="150" alt=""></td>
<td width="180"><img src="" width="110" height="150" alt=""></td>
<td width="180"><img src="" width="110" height="150" alt=""></td>
<td width="180"><img src="" width="110" height="150" alt=""></td>
</tr>
</table>
</div>

これではいかがでしょう?

<div style="width:500px;height:220px;overflow:auto;
scrollbar-3dlight-color:#9acd32;
scrollbar-arrow-color:#9acd32;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#9acd32;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#9acd32;
scrollbar-track-color:#ffffff;
">

<table width="900" style="font-size:13px; color:magenta;">
<tr align="center">
<td width="180"><img src="" width="110" height="150" alt=""></td>
<td wid...続きを読む

Q【Excel2007】折れ線グラフの線幅をデフォルトで変更する方法??

【Excel2007】折れ線グラフの線幅をデフォルトで変更する方法??


 今日は、質問させていただきます。どうぞよろしくお願いいたします。
 Excel2007で折れ線グラフ(50本前後がまとまったもの)を作成いたしますと
線幅が太く(デフォルト)見づらいので、毎回2003と同じような最も細いもの
(1pix程度)に1本ずつ設定しなおしておりますが、手間がかかります。。orz
 今はVBAで行っておりますが、やはり毎回手間がかかっております^^;

 折れ線グラフ作成時に最初から、グラフ線幅を1番細いものに
設定できる方法ってあるのでございましょうか??
もしくはグラフ中の折れ線グラフすべての太さを同時に変えられるような
方法などございましたら、お教えいただきたくお願いいたします。

 もしお詳しい方がいらっしゃいましたら,どうぞよろしくお願いいたします。

Aベストアンサー

取り合えず簡単な表を作っておきます
例えばA列の【A2】セルから『A,B,C,D』などセル【A5】まで入力します
次にB列のセル【B1】に『あ』とか入力して【B2】から【B5】まで適当に数値を入力しておきます
・・・・・↑ここまではテンプレートとして作る仮の表です↑・・・・・

次に折線グラフを作り「系列」の線を選択→右クリックして「データ系列の書式設定」を選択→「線のスタイル」を選択→「幅」を「1Pt」に変更して「データ系列の書式設定」画面を閉じます

グラフエリアを選択されている状態で「デザイン」タブの左側2番目位に「テンプレートして保存」がありますのでそれをクリック→保存先フォルダ名が「Charts」になっている事を確認後、ファイル名に適当な名前を入力して保存します
・・・・・↑テンプレートとして保存された状態になります↑・・・・・

保存されたテンプレートは「挿入」タブの「グラフ」グループの右下にある小さい四角い所をクリックすると(ランチャーといいます)「グラフの挿入」画面が出てきますので一番上の「テンプレート」を選択すると先程保存されたグラフのテンプレートが格納されています

次に、実際の表で、まず折れ線グラフを作っておき、グラフエリアを選択している状態で作ったテンプレートをクリックしてあげると実際の表に反映されます

お試し下さい 彡O┓ペコリ

取り合えず簡単な表を作っておきます
例えばA列の【A2】セルから『A,B,C,D』などセル【A5】まで入力します
次にB列のセル【B1】に『あ』とか入力して【B2】から【B5】まで適当に数値を入力しておきます
・・・・・↑ここまではテンプレートとして作る仮の表です↑・・・・・

次に折線グラフを作り「系列」の線を選択→右クリックして「データ系列の書式設定」を選択→「線のスタイル」を選択→「幅」を「1Pt」に変更して「データ系列の書式設定」画面を閉じます

グラフエリアを選択されている状態で「デザイン」タブ...続きを読む

Qテーブル(TD)の幅について。

<TD WIDTH=100>この幅指定はディスプレイ幅内のテーブル幅なら有効なんですが
ディスプレイ幅を超えるテーブル幅になると途端に崩れてしまい
意図しないところで勝手に改行されていたりします。
この問題を回避する為には<TABLE>の方にも幅指定してやらないといけないのでしょうか?
それとも回避不能なんでしょうか?よろしくお願いします。

Aベストアンサー

どのバージョンのブラウザで起こってるかもできればかいてもらったほうがいいですが、

方法としては、崩れる部分のTDにNOWRAPと入れるといいと思います。
(NOWRAPは改行しないようにするものです)
なので、
<TD WIDTH=100 NOWRAP>内容</TD>
とすれば、一応は崩れません。

Q【EXCEL】グラフの値の幅が広すぎて見やすいグラフが作成出来ません

エクセル初心者なので、見やすいグラフの作成方法について、ご教授ください。

作成したいグラフは、月別の売り上げを顧客ごとに表すものですが、値の幅が広すぎて見やすいグラフを作成することが出来ません。

最大値が2万で最小値が、217と値に幅があります。
しかも、1000前後に値が集中しており、2万前後の値は1顧客だけです。

どうやったら見やすいグラフが作成出来ますでしょうか?

当方初心者なので、どのようなグラフの形式を用いて、設定を行なえば見やすいグラフが出来るか教えていただけると大変助かります。

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

Aベストアンサー

>しかも、1000前後に値が集中しており、2万前後の値は1顧客だけです。
方法1.縦軸を対数にする
縦軸の書式設定で目盛りを対数にする

方法2.二つのグラフを重ねて表示にする
下のグラフは、目盛り間隔を500位で最大値を制限して作成
上のグラフは、目盛り間隔を3000位で最小値を制限して作成
この最大値と最小値を同じ値にして作成すればできます。

Q同じwidth=200でもセル内の文字によって幅が違う

まず、大体↓な感じの表を作りました(ファイル1)。

<table width="580">
<th width="60">【A列】</th><th width="320">【B列】</th><th width="200">【C列】</th>
<tr><td>D</td><td>E</td><td>F</td></tr>
<tr><td>G</td><td>H</td><td>I</td></tr>
     ・
     ・
     ・
</table>

このHTMLファイルをコピーしてファイル2を作り、
セル内の文字や数値のみ修正し、
随時ブラウザを更新して確認していると、
【C列】の列幅(200)が広くなったり狭くなったりする現象が起き
(その分【B列】も変化し、全体的には580のままです)、
結果的に2つのファイルは【C列】の列幅が違います。

都合上、どちらのファイルも【C列】の列幅は同じにしたいのですが、
何か良い方法はありますでしょうか。

ちなみに、セル内の文字は【B列】も【C列】もオーバー分が折り返されています。
【A列】のみオーバーしないようにしています。

ご回答よろしくお願いします。

まず、大体↓な感じの表を作りました(ファイル1)。

<table width="580">
<th width="60">【A列】</th><th width="320">【B列】</th><th width="200">【C列】</th>
<tr><td>D</td><td>E</td><td>F</td></tr>
<tr><td>G</td><td>H</td><td>I</td></tr>
     ・
     ・
     ・
</table>

このHTMLファイルをコピーしてファイル2を作り、
セル内の文字や数値のみ修正し、
随時ブラウザを更新して確認していると、
【C列】の列幅(200)が広くなったり狭くなったりする現...続きを読む

Aベストアンサー

#3に賛成

tableに580をふったら、3列あれば、2列にしか
幅を設定しない。もしくは3列に幅を設定し
テーブルには幅を設定しないのが正しいやりかた
でしょう。矛盾した数値を設定すれば、表示が
ずれるのは仕方ないこと。

あとセルの幅は、colgroupを使うとより確定
しやすいようです
<table>
<colgroup width="60">
<colgroup width="320">
<colgroup width="200">
<tr><th>【A列】</th><th>【B列】</th><th >【C列】</th></tr>
・・・</table>

Q折れ線グラフで横軸の1時間の幅を均等にしたい。

折れ線グラフで横軸の1時間の幅を均等にしたい。

Excel 2003で、1日24時間の気温の変化を横軸に時刻、縦軸に気温を取って折れ線グラフにしました。
気温測定時刻はほぼ1時間に1回なのですが、いつも00分とかいった固定された時刻ではなく、3:15分に測って、次は4:32分に測って、5時台は飛んで、次は6:03分に測って、...という風にまちまちです。

横軸は、横方向のグラフの幅の全体を24等分したものを1時間にしたい(つまり、1時間の幅をどの1時間も同じにしたい)のですが、

時刻  気温
3:15  36.1
4:32  35.9
6:03  34.2

のような表を作ってこれをグラフにすると、横軸に3:15、4:32、5:03が等間隔にプロットされてしまい、1時間の幅が同じになりません。

横軸の1時間の幅をどの1時間も同じにして、その目盛の上に上記のような測定値を正しくその時刻の位置に(つまり、例えば3:15の測定値は正しく3:15分の位置に)プロットするにはどうしたらいいのでしょうか。

Aベストアンサー

ご希望のグラフを作成するには以下のような設定をします。

まずグラフウィザードで折れ線グラフではなく散布図の折れ線を選択します。

作成されたグラフの横軸の部分を右クリックして「軸の書式設定」の目盛タブで最小値を「0」、最大値を「1」、目盛間隔を「0.04166666666」にして、表示形式タブで、ユーザー定義にして、たとえば「[h]」にして「OK」してください。

Qcssのaリンクで、幅(width=)が設定できない。(FireFoxの場合)

cssでサブメニューを作っているのですが、
<div id="menu_sub_other">
<ul>
<li><a href="#">ABOUT</a></li>
<li><a href="#">PHOTOS</a></li>
<li><a href="#">SPAIN</a></li>
<li><a href="#">MAIL</a></li>
</ul>
</div>

#menu_sub_other a {
color:#183770;
width:160px;
text-align:left;
text-decoration:none;
margin : 0px 0 0 0;
padding:3px 10px 3px 15px;
font-weight:bold;
}
マウスhoverで背景の色が変わるようにしようとしているのですが、
aリンクのwidth:160px;とするとIEではきちんとすべて160pxと幅がそろうのですが、
FireFoxだとメニューのボタン名として入力した
文字分の幅しか得られません。

FireFoxで、aリンクの幅を文字数関係なくすべてそろえる方法はありますでしょうか??
ここ2,3日こんなことで悩んでいます。。(;_;)
どうか、お返事よろしくお願いいたします。

cssでサブメニューを作っているのですが、
<div id="menu_sub_other">
<ul>
<li><a href="#">ABOUT</a></li>
<li><a href="#">PHOTOS</a></li>
<li><a href="#">SPAIN</a></li>
<li><a href="#">MAIL</a></li>
</ul>
</div>

#menu_sub_other a {
color:#183770;
width:160px;
text-align:left;
text-decoration:none;
margin : 0px 0 0 0;
padding:3px 10px 3px 15px;
font-weight:bold;
}
マウスhoverで背景の色が変わるようにしようとしているのですが、
aリンクのwidth:160px;とするとIE...続きを読む

Aベストアンサー

aはinline要素ですからfirefoxの方が正しいでしょう。

この手のメニューにはaのスタイルシートにdisplay:blockをつけてやるのが
常套手段です

Qエクセル セルの幅を変えてもグラフの幅は固定

セルの幅を変えてもその上に描かれたグラフの幅は固定しておきたいのですが、どうすれば良いですか?

Aベストアンサー

グラフを選んで書式設定を選択
プロパティタブの中から「セルにあわせて移動やサイズ変更をしない」をチェックでよろしいかと思います。

Q と、

<td></td> と、<td><BR></td>

ホームページビルダーで作ったホムペを、KompoZerというHTMLエディタで開くと、
テーブルのなにも入っていないセルに<BR>タグが勝手に挿入されてしまいます。
<td></td> と、<td><br></td> は、
ブラウザ上ではどちらでもちゃんと表示されるのですが、
HTML文法的にはどちらが正しいのでしょうか?
また、どちらも正しい場合、<br>がある・ないで、違いがあるのでしょうか?

※ホームページビルダー、KompoZerの善し悪しは無視してください。

Aベストアンサー

文法的にはどちらも正しいです。
ブラウザの種類やHTMLのモードによって、tdが空だと、見え方が違うケースがあります。
tableでborderを指定したときに、へこんで見えるかどうか。空でないとかならずへこんで見えます。


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

人気Q&Aランキング