（JavaScriptなどの）外部ファイルでプルダウンメニューを一括管理するには？

投稿者

投稿内容

ぴあちゃん: ぬし; 会議室デビュー日: 2008/02/07; 投稿数: 287

投稿日時: 2008-03-17 01:27

>>＊JavaScriptはネットで拾ってきたソースを修正して使っています。
ネットで拾ってきたものを修正して使えるように出来るレベルなら初心者じゃないですよね。

皆さん、PHPが出来るとかJavaScriptが出来ないとか聞いているのではなくて
開発環境を聞いているのですよ。クライアントの要件、サーバーサイドの要件
を書いてください。
・サーバーは何？
・DB使うのか？（DBと画面入力の連携は？）
・HTMLはサーバーサイドで構築すんのか？
色々。
今までのやり取りからは何も見えていません。

「どなたか助けてください」はご法度です。

コード:

var gamen1 = {
	MENU1 : {
		AAA : ["あいう１", "http://www.xx.co.jp/", "self" ],
		BBB : ["あけし１", "http://www.ss.xo.jp/", "_blank" ],
		CCC : ["うくつ１", "http://www.ww.co.jp/", "self" ]
	},
	MENU2 : {
		AAA : ["あいう２", "http://www.xx.co.jp/", "self" ],
		BBB : ["あけし２", "http://www.ss.xo.jp/", "_blank" ],
		CCC : ["うくつ２", "http://www.ww.co.jp/", "self" ]
	},
	MENU3 : {
		AAA : ["あいう３", "http://www.xx.co.jp/", "self" ],
		BBB : ["あけし３", "http://www.ss.xo.jp/", "_blank" ],
		CCC : ["うくつ３", "http://www.ww.co.jp/", "self" ]
	}
};

function createMenu(p) {

	for (var menuId in p) {
		var div = document.createElement("div");
		for (var subMenu in p[menuId]) {
			var arr = p[menuId][subMenu];
			var aTag = document.createElement("a");
			aTag.target = arr[2];
			aTag.href = arr[1];
			aTag.innerText = arr[0];
			div.appendChild(aTag);
			div.appendChild(document.createElement("br"));
		}
		var menu = document.getElementById(menuId);
		menu.appendChild(div);
		div.style.border = "solid 1px red";
		div.style.visibility = "hidden";
		menu.onmouseover = function(o) {
			return function() {
				o.style.visibility = "visible";
			}
		}(div);
		menu.onmouseout = function(o) {
			return function() {
				o.style.visibility = "hidden";
			}
		}(div);
	}

}

コード:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD> 
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<TITLE></TITLE>
<script src="menuBar.js"></script>
<script>
window.onload = function() {
	createMenu(gamen1);
}
</script>
</HEAD>
<BODY>
<div style="padding-left:40px;background-color:pink;width:200px;">
	<div id="MENU1">めにゅー１</div>
	<div id="MENU2">めにゅー２</div>
	<div id="MENU3">めにゅー３</div>
</div>
</BODY>
</HTML>

gamen1 の変数を画面毎に持てば１つのファイルで各画面のメニューを
一元管理できます。

これはあくまでも例で。

«前のページへ 1|2

（JavaScriptなどの）外部ファイルでプルダウンメニューを一括管理するには？

スキルアップ／キャリアアップ（JOB@IT）