ToolBar Version 1.1

ToolBar Ver1.1

[ IE4, IE5 용 Ver1.1 ] / [ NN4 용 Ver1.1 ]

Tool Bar Ver1.1은 동작 하는 방법은 Ver1.0과 같습니다. 즉, 매뉴 만드는 방법은 Ver 1.0과 같습니다. 버젼을 올린 이유는 매뉴를 만들고 동작시키는 Ver1.0에서 레이어 위치 고정하기 동작을 같이 적용합니다. 한 페이지가 넘어가는 내용이 많은 페이지의 경우 매뉴를 사용하기 위해서는 페이지 꼭대기로 이동해야 매뉴를 사용할 수 있지만 Ver1.1에서는 항상 브라우저의 보이는 꼭대기에 위치시킵니다.

매뉴를 만드는 방법은 Ver1.0과 같고 단순히 매뉴를 가지고 있는 레이어를 페이지의 일정한 부분에 고정하면 됩니다. 방법은 생각보다는 쉽습니다. 제 페이지에 몇달전 부터 오신 분이라면 쉽게 적용할 수 있겠지만 우째거나 버젼을 올리려고 새로운 페이지로 만들었습니다. [레이어 고정하기] 에 가면 관련 설명이 있습니다.

ToolBar는 외부 화일로 매뉴를 만들고 작동합니다. 바로 아래의 구문으로 각 페이지에 사용할 때에는 아래의 2줄의 html 구문을 넣어 주면 됩니다.

<script language="JScript" src="ieToolBar.js"></script>
<div style="position:absolute; left:0; top:0; include-source:url('nn4toolBar.htm')"></div>

위의 구문은 Ver1.0에서 사용한 화일입니다. 항상 일정한 위치에 고정하기 위해서 Ver1.1에서는 매뉴를 만드는 ie4용 "ieToolBar.js"과 nn4용 "nn4toolBar.htm" 2개의 화일에 레이어를 고정시키는 JavaScript 구문을 추가해 줍니다. 추가해 준 화일은 "ieToolBarVer11.js" 과 "nn4toolBarVer11.htm"입니다. 그리고 nn4용으로 사용하는 css-p 레이어에게 이름을 지정해 줍니다. id=nn4toolBar입니다. 레이어를 이동시킬 때, nn4에서 사용할 이름입니다. 이것을 적용한 Ver1.1을 각 페이지에 사용할 때에는 아래의 구문을 사용합니다.

<script language="JScript" src="ieToolBarVer11.js"></script>
<div id=nn4toolBar style="position:absolute; left:0; top:0; include-source:url('nn4toolBarVer11.htm')"></div>

Ver1.1을 사용하기 위해서도 각 페이지에 위의 2줄의 구문만 넣어주면 됩니다. 나머지 자세한 사용법은 Ver1.0을 참고 하세요. Ver1.1은 Ver1.0을 일정한 위치에 고정하는 것 밖에는 추가한 것이 없습니다.

ie4에서 ToolBar Ver1.1, 1.0의 문제

ie4에서 위의 매뉴를 만드는 구문을 페이지의 윗부분에 넣어 주세요. 즉, <body> 택의 바로 아래에 넣어주면 됩니다.

<body>
<script language="JScript" src="ieToolBarVer11.js"></script>
	:
	:
<div id=nn4toolBar style="position:absolute; left:0; top:0; include-source:url('nn4toolBarVer11.htm')"></div>
</body>
</html>

의 식입니다. 페이지의 아래에 넣어주면 매뉴가 겹쳐서 나옵니다. 페이지 아래 부분에 위의 구문을 넣어주면 다시한번 더 일일이 javascript로 매뉴의 좌표를 지정해 주어야 하지만 위의 식처럼 <body> 택 바로 아래에 넣어주면 매뉴가 겹치지 않습니다. nn4, ie5에서는 이런 문제가 없습니다. 이유는 저도 모르겠습니다. (nn4에서의 매뉴는 페이지 가장 아래에 두어야 합니다.) 가장 확실한 방법은 모든 Tool bar를 사용한 페이지의 <body onLoad="">에서 좌표를 지정하던가 style 을 지정할 때, 직접 위치시킬 좌표값을 지정하면 됩니다.

Ver1.0 페이지에는 페이지 아래부분에 위의 구문을 지정했습니다. 아래의 식으로요.

	:
	:
<script language="JScript" src="ieToolBarVer11.js"></script>
<div id=nn4toolBar style="position:absolute; left:0; top:0; include-source:url('nn4toolBarVer11.htm')"></div>
</body>
</html>

그래서 ie4로 Ver1.0을 보면 매뉴가 겹쳐서 나옵니다. Ver1.0을 사용할 때에도 페이지 윗부분에 넣어주세요. Ver1.1을 설명한 페이지에는 <body> 택 바로 아래에 넣어주었지만 Ver1.0을 설명한 페이지는 수정하지 않았습니다.

[ IE4, IE5 용 Ver1.1 ] / [ NN4 용 Ver1.1 ]

T O P