CGI-BBS > JAVA/JavaScript > JavaScript > ボタン(複数)で小ウィンドウ内の表示切替したい。


カレッヂ
カレッヂ


質問者 夏休めない  投稿日 2004/8/2(月) 19:56:52
小ウィンドウでA,Bというボタンがあります。
Aを押すと、AAAというテーブルが表示される。
Bを押すと、BBBというテーブルが表示される。
ということは出来ますか?
フレームは使えるのでしょうか?もしくは、ブロックごとのdisable表示が
可能だとも聞いたのですが、調べても分かりませんでした。
至急、教えていただけませんでしょうか?
お願いいたします。

プロバイダ参照:
サーバのOS:UNIXサーバ
パソコンのOS:WinNT系
エディタ:
FTPソフト:
サーバ移転:していない
改造:していない
CGI習熟度:(未選択)

回答者 いのちゃん  [削除]  投稿日 2004/8/3(火) 05:02:50
http://www.kcb-net.ne.jp/ki-net/page70.html
http://www.kcb-net.ne.jp/ki-net/page81.html
http://www.kcb-net.ne.jp/ki-net/page1000.html
http://www.kcb-net.ne.jp/ki-net/page173.html
http://www.kcb-net.ne.jp/ki-net/page180.html
http://www.kcb-net.ne.jp/ki-net/page87.html

ご希望のものを探してみましたが、ぴたっと来るものがないのでもうちょっと
時間があれば探して見ます。
質問者 夏休めない  [削除]  投稿日 2004/8/3(火) 10:20:45
早速のご回答ありがとうございます。
もっと、詳しく書きますね。
小ウィンドウとは、言い方が悪かったかもしれませんが、親ウィンドウから
ボタンを押して立ち上がった小さいウインドウのことを指しました。
その、小ウインドウにA,Bというボタンが存在し、その小ウインドウ内で、
ボタンの押下で表示のtableを切り替えたいというものです。
切替の際、両ボタンはずっと表示されたまま。というものです。
それをJAVAScriptで実現できる方法を探しています。
いろいろ本とか、ネットを検索したのですが、見つけられませんでした。

よろしくお願いします。
質問者 夏休めない  [削除]  投稿日 2004/8/3(火) 14:54:38
ありがとうございます。
ボタンによって表示されるものが作りたかったんですが、
参考に、方法が見つかりました。

一応こんなことしたかったというものを載せます。

<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--
function getObj(id)
{
	var obj;
	if(document.getElementById)	// ... NS6.x 以上の場合
	{
		obj = document.getElementById(id);
	} else if(document.all) { // ... IE4.x 以上の場合
		obj = document.all(id);
	}
	return obj;
}

function dispSubMenu(id) {
	var obj = getObj(id);
	obj.style.visibility = "visible";
}

function hideSubMenu(id) {
	var obj = getObj(id);
	obj.style.visibility = "hidden";
}
//-->
</script>
<style type="text/css">
<!--
table {
  visibility : hidden;
  position : absolute;
  top : 20px;
  left : 20px;
}
//-->
</style>
</head>
<body onload="dispSubMenu('tbl1');">

<table id="tbl1" style="visibility : visible">
<tr><td>AAAAA</td></tr>
</table>

<table id="tbl2">
<tr><td>BBBBB</td></tr>
</table>
<BR><BR>

<input type="button" value=" A " onClick="hideSubMenu('tbl2');dispSubMenu('tbl1');">
<input type="button" value=" B " onClick="hideSubMenu('tbl1');dispSubMenu('tbl2');">

</body>
</html>
回答者 いのちゃん  [削除]  投稿日 2004/8/3(火) 17:15:29
http://www.kcb-net.ne.jp/ki-net/page26.html
http://www.kcb-net.ne.jp/ki-net/page17.html
http://www.kcb-net.ne.jp/ki-net/page45b.html
http://www.kcb-net.ne.jp/ki-net/page134.html
http://www.kcb-net.ne.jp/ki-net/page61.html
http://www.kcb-net.ne.jp/ki-net/page142.html
http://www.kcb-net.ne.jp/ki-net/page143.html
http://www.kcb-net.ne.jp/ki-net/page144.html

多少でもご参考になればと存じますが...。
質問者 夏休めない  [削除]  投稿日 2004/8/3(火) 17:20:47
いろいろ参考になるものをありがとうございます。
問題はどうやら解決できました。
また、よろしくお願いいたします。

このページは終了したので返信(回答)は書きこめません
 


Web裏技