電子書籍の厳選無料作品が豊富！

table などの height を外から変えられませんか？

解決済

  • 質問者：syuricyan
  • 質問日時：
  • 回答数：2件

例えばtableなどの高さを500pxにしておいて、ページ内にあるボタンを押すと
700pxに変わったりするような設定はできないでしょうか？

[長][短]ボタンがあって、押すと700になったり500になったりする・・
というような感じです。よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.2ベストアンサー

  • 回答者： hirusagari
  • 回答日時：

Javascriptからふつうにできます。

以下はとくにひねりのないサンプルですが……
<form>
<input type="button" value="長" onclick="window.document.all.hoge.style.height = 700;" />
<input type="button" value="短" onclick="window.document.all.hoge.style.height = 500;" />
</form>
<table id="hoge" style="height:700px; border:1px solid #000000;">
<td>古池や蛙飛びこむ水の音</td>
</table>
    • good
    • 0
    • 件
通報する
この回答へのお礼

この方法で無事できるようになりました、ありがとうございました。

通報する
お礼日時：2008/03/01 14:15

No.1

  • 回答者： okg00
  • 回答日時：

一番簡単なのは、幅１ピクセルで高さが500または700の透明のGIF画像をテーブル内に配置しておいて、JavaScriptで切り替える方法では？



<html>
<head>
</head>
<body>
<SCRIPT language="JavaScript">
<!--
function look(image)
{
document.war.src=image;
}
//-->
</SCRIPT>

<FORM>
<input type="button" value="500px"
onclick="look('500.gif');">
<input type="button" value="700px"
onclick="look('700.gif');">
</FORM>

<table>
<tr>
<td>
<IMG SRC="500.gif" name="war">
</td>
<td>
テーブルの内容
</td>
</table

</body>
</html>
    • good
    • 0
    • 件
通報する
この回答へのお礼

JavaScriptを使ってできるみたいでした。ありがとうございました。

通報する
お礼日時：2008/03/01 14:13

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

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報