묻고답하기

  2. Support
  3. 묻고답하기

가로메뉴 문의 드립니다.(두번째)

2007.08.28 02:19

경천애인

제로보드4에서는 자바나 php 등을 잘 몰라도
대충 소스보고 집어 넣고 삽질 몇 번해서 맞춰나갔는데
이번 제로보드xe는 자바 등을 모르니 완전 해메고있습니다.

사이트 만들 때 가장 중요한 부분 중의
하나가 메뉴인데 여기서 한 발도 못나가고 있습니다 --;; 




1)
본래 사용하던 가로메뉴를 응용해서 작용할 실력이 없어
아래의 가로메뉴로 바꾸기로 하고 한번 시도해 보았습니다.


http://www.sourcenara.com/SourcenaraScript/menu/117/example.htm

( 새로 만들기로 한 소스나라에 있는 가로메뉴의 예제)



 
2)
결과는 아래 링크와 같이 메인메뉴에 마우스를 대면  아래 서버메뉴는  제대로 나오는 것 같은데
메인메뉴 이미지는 한번 댄 이후에는 나타나지 않습니다.


http://2006un.org/zbxe/


그 이유가 무엇인지 긍금해서 문의드립니다.





-만든 순서-



A. 레이아웃 내용

(젤위의 js임포트 부분과 이미지 경로수정(빨간 부분)외엔  원본 소서를 그대로 넣었습니다)




<!-- js 파일 import -->
<!--%import("js/menu.js")-->

 
<!--메뉴 테이블 시작-->
<TABLE WIDTH="555" CELLPADDING="0" CELLSPACING="0" BORDER="0">
<TR>
 
 
<!-- menu1 -->
  <TD valign="bottom"><A HREF="http://www.sourcenara.com" onMouseOver="showHideLayers('document.layers[&quot;Layer2&quot;]','document.all[&quot;Layer2&quot;]','show');active('ms01')" onMouseOut="showHideLayers('document.layers[&quot;Layer2&quot;]','document.all[&quot;Layer2&quot;]','hide');inactive('ms01')"><IMG SRC="images/menu1.jpg" WIDTH="111" HEIGHT="18" ALT="" BORDER="0" NAME="ms01"></A></TD>
 
 
 
<!--  menu2 -->

  <TD valign="bottom"><DIV id="tv_1"><A HREF="http://www.sourcenara.com" onMouseOver="showHideLayers('document.layers[&quot;tv_2&quot;]','document.all[&quot;tv_2&quot;]','show');active('ms02')" onMouseOut="showHideLayers('document.layers[&quot;tv_2&quot;]','document.all[&quot;tv_2&quot;]','hide');inactive('ms02')"><IMG SRC="images/menu2.jpg" WIDTH="111" HEIGHT="18" ALT="" BORDER="0" NAME="ms02"></A></DIV>
 

  <!--  menu2의 서브메뉴 -->

     <div id="tv_2" style="position:absolute; left:30px; top:30px; visibility: hidden"><a href="#" onMouseOver="showHideLayers('document.layers[&quot;tv_2&quot;]','document.all[&quot;tv_2&quot;]','show');active('ms02')" onMouseOut="showHideLayers('document.layers[&quot;tv_2&quot;]','document.all[&quot;tv_2&quot;]','hide');inactive('ms02')">
     <table width="535" height="30" border="0" cellpadding="0" cellspacing="0">
     <tr><td><A HREF="http://www.sourcenara.com" target="_blank">Xcanvas</a> | <A HREF="http://www.sourcenara.com" target="_blank">플라즈마TV</a> | <A HREF="http://www.sourcenara.com" target="_blank">프로젝션TV</a> | <A HREF="http://www.sourcenara.com" alt="dddd" target="_blank">액정TV</a> | <A HREF="http://www.sourcenara.com" target="_blank">평면TV</a> | <A HREF="http://www.sourcenara.com" target="_blank">일반TV</a> | <A HREF="http://www.sourcenara.com" target="_blank">비디오TV</a> | <A HREF="http://www.sourcenara.com" target="_blank">비디오</a> | <A HREF="http://www.sourcenara.com" target="_blank">캠코더</a></td></tr></table></a></div>
 
 
 

  </TD>

<!-- menu3 -->

  <TD valign="bottom"><DIV id="oudio_1"><A HREF="http://www.sourcenara.com" onMouseOver="showHideLayers('document.layers[&quot;oudio_2&quot;]','document.all[&quot;oudio_2&quot;]','show'+ '+ ');active('ms03')" onMouseOut="showHideLayers('document.layers[&quot;oudio_2&quot;]','document.all[&quot;oudio_2&quot;]','hide');inactive('ms03')"><IMG SRC="images/menu3.jpg" WIDTH="111" HEIGHT="18" ALT="" BORDER="0" NAME="ms03"></A></DIV>


      <!--  menu3의 서브메뉴 -->

  <div id="oudio_2" style="position:absolute; left:30px; top:30px; visibility: hidden"><a href="#" onMouseOver="showHideLayers('document.layers[&quot;oudio_2&quot;]','document.all[&quot;oudio_2&quot;]','show');active('ms03')" onMouseOut="showHideLayers('document.layers[&quot;oudio_2&quot;]','document.all[&quot;oudio_2&quot;]','hide');inactive('ms03')">
     <table width="525" height="30" border="0" cellpadding="0" cellspacing="0">
     <tr><td><A HREF="http://www.sourcenara.com" target="_blank">오디오콤포넌트</a> | <A HREF="http://www.sourcenara.com" target="_blank">MP3 Player</a> | <A HREF="http://www.sourcenara.com" target="_blank">아하프리카세트</a> | <A HREF="http://www.sourcenara.com" target="_blank">일반카세트</a> | <A HREF="http://www.sourcenara.com" target="_blank">CD 레코더</a> | <A HREF="http://www.sourcenara.com" target="_blank">홈시어터시스템</a></td></tr></table></a></div>
 
 
 

  </TD>

<!--  menu4 -->

  <TD valign="bottom"><DIV id="computer_1"><A HREF="http://www.sourcenara.com" onMouseOver="showHideLayers('document.layers[&quot;computer_2&quot;]','document.all[&quot;computer_2&quot;]','show');active('ms04')" onMouseOut="showHideLayers('document.layers[&quot;computer_2&quot;]','document.all[&quot;computer_2&quot;]','hide');inactive('ms04')"><IMG SRC="images/menu4.jpg" WIDTH="111" HEIGHT="18" ALT="" BORDER="0" NAME="ms04"></A></DIV>

 
      <!--  menu4의 서브메뉴 -->

  <div id="computer_2" style="position:absolute; left:50px; top:30px; visibility: hidden"><a href="#" onMouseOver="showHideLayers('document.layers[&quot;computer_2&quot;]','document.all[&quot;computer_2&quot;]','show');active('ms04')" onMouseOut="showHideLayers('document.layers[&quot;computer_2&quot;]','document.all[&quot;computer_2&quot;]','hide');inactive('ms04')">
     <table width="525" height="30" border="0" cellpadding="0" cellspacing="0">
     <tr><td><A HREF="http://www.sourcenara.com" target="_blank">데스크탑</a> | <A HREF="http://www.sourcenara.com" target="_blank">노트북</a> | <A HREF="http://www.sourcenara.com" target="_blank">모니터</a> | <A HREF="http://www.sourcenara.com" target="_blank">프린터</a> | <A HREF="http://www.sourcenara.com" target="_blank">스캐너</a> | <A HREF="http://www.sourcenara.com" target="_blank">PC카메라</a> | <A HREF="http://www.sourcenara.com" target="_blank">CD-RW/DVD/DVD콤보</a> | <A HREF="http://www.sourcenara.com" target="_blank">저장장치</a></td></tr></table></a></div>
 

 
  </TD>

<!-- menu5 -->

  <TD valign="bottom"><DIV id="life_1"><A HREF="http://www.sourcenara.com" onMouseOver="showHideLayers('document.layers[&quot;life_2&quot;]','document.all[&quot;life_2&quot;]','show');active('ms05')" onMouseOut="showHideLayers('document.layers[&quot;life_2&quot;]','document.all[&quot;life_2&quot;]','hide');inactive('ms05')"><IMG SRC="images/menu5.jpg" WIDTH="111" HEIGHT="18" ALT="" BORDER="0" NAME="ms05"></A></DIV>

 
   <!--  menu5의 서브메뉴 -->

     <div id="life_2" style="position:absolute; left:250px; top:30px; visibility: hidden"><a href="#" onMouseOver="showHideLayers('document.layers[&quot;life_2&quot;]','document.all[&quot;life_2&quot;]','show');active('ms05')" onMouseOut="showHideLayers('document.layers[&quot;life_2&quot;]'+ ','document.all[&quot;life_2&quot;]','hide');inactive('ms05')">
     <table width="315" height="30" border="0" cellpadding="0" cellspacing="0">
     <tr><td><A HREF="http://www.sourcenara.com" target="_blank">세탁기</a> | <A HREF="http://www.sourcenara.com" target="_blank">청소기</a> | <A HREF="http://www.sourcenara.com" target="_blank">조명기기</a> | <A HREF="http://www.sourcenara.com" target="_blank">가습기</a> | <A HREF="http://www.sourcenara.com" target="_blank">전화기</a> | <A HREF="http://www.sourcenara.com" target="_blank">휴대폰</a></td></tr></table></a></div>
  </TD>

</TR>
 

<TR>
  <TD HEIGHT="20" COLSPAN="9" BGCOLOR="#CCCCCC"></TD>
</TR>
<TR>
  <TD HEIGHT="1" COLSPAN="9" BGCOLOR="#FFFFFF"></TD>
</TR>
</TABLE>

<!--메뉴 테이블 끝-->








B.  js 파일 내용

(내용은 원래 소스를 그대로 사용하고 이미지 경로(빨간 부분)만 바꿔 주었습니다)



function preloadImages() {
  if (document.images) {
    var imgFiles = preloadImages.arguments;
    if (document.preloadArray==null) document.preloadArray = new Array();
    var i = document.preloadArray.length;
    with (document) for (var j=0; j<imgFiles.length; j++) if (imgFiles[j].charAt(0)!="#"){
      preloadArray[i] = new Image;
      preloadArray[i++].src = imgFiles[j];
  } }
}

function findObj(n, d) {
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function help() {
  var i,p,v,obj,args=help.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}

function showHideLayers() {
  var i, visStr, args, theObj;
  args = showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) {
    visStr   = args[i+2];
    if (navigator.appName == 'Netscape' && document.layers != null) {
      theObj = eval(args[i]);
      if (theObj) theObj.visibility = visStr;
    } else if (document.all != null) {
      if (visStr == 'show') visStr = 'visible';
      if (visStr == 'hide') visStr = 'hidden';
      theObj = eval(args[i+1]);
      if (theObj) theObj.style.visibility = visStr;
  } }
}

function swapImgRestore() {
  if (document.swapImgData != null)
    for (var i=0; i<(document.swapImgData.length-1); i+=2)
      document.swapImgData[i].src = document.swapImgData[i+1];
}

 

function swapImage() {
  var i,j=0,objStr,obj,swapArray=new Array,oldArray=document.swapImgData;
  for (i=0; i < (swapImage.arguments.length-2); i+=3) {
    objStr = swapImage.arguments[(navigator.appName == 'Netscape')?i:i+1];
    if ((objStr.indexOf('document.layers[')==0 && document.layers==null) ||
        (objStr.indexOf('document.all[')   ==0 && document.all   ==null))
      objStr = 'document'+objStr.substring(objStr.lastIndexOf('.'),objStr.length);
    obj = eval(objStr);
    if (obj != null) {
      swapArray[j++] = obj;
      swapArray[j++] = (oldArray==null || oldArray[j-1]!=obj)?obj.src:oldArray[j];
      obj.src = swapImage.arguments[i+2];
  } }
  document.swapImgData = swapArray;
}

function Selection_change(Select)
{
 i=Select.selectedIndex;
 if(Select.options[i].value != 0)
 {
  top.down.location = Select.options[i].value;
 }
 Select.selectedIndex = 0;
}
function active(direction) {
 imgOn = eval(direction+ "r.src");
 document[direction].src = imgOn;
 }

 function inactive(direction) {
 imgOff = eval(direction+ "n.src");
  document[direction].src = imgOff;
 }

 


 ms01n = new Image()

// menu1 마우스 오버전의 이미지 경로 및 파일명

ms01n.src = "../images/menu1.jpg"

 

ms01r = new Image()

// men12 마우스 오버했을 때 나타나는 이미지의 경로 및 파일명

ms01r.src = "../images/menu1over.jpg"


 ms02n = new Image()
 ms02n.src = "../images/menu2.jpg"

 ms02r = new Image()
 ms02r.src = "../images/menu2over.jpg"

 

 ms03n = new Image()
 ms03n.src = "../images/menu3.jpg"

 ms03r = new Image()
 ms03r.src = "../images/menu3over.jpg"


 ms04n = new Image()
 ms04n.src = "images/menu4.jpg"

 ms04r = new Image()
 ms04r.src = "../images/menu4over.jpg"


 ms05n = new Image()
 ms05n.src = "../images/menu5.jpg"

 ms05r = new Image()
 ms05r.src = "../images/menu5over.jpg"



 

이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
김병욱177 4.0에서 사용하던 소스에 대한 질문입니다. [2] 2007.08.28
황민상 파일 업로드 문제입니다 (퍼미션문제X)  
피치 특정 웹페이지 삽입 문의? [3] file 2007.08.28
황사영 제로보드 비밀번호 쳐서 들어가기 [2] 2007.08.27
이정민 최근 게시물 제목을 클릭했을때 게시판만 나오는게 아니라 원하는 페이지로 링크가... [1] 2007.08.28
탸탸 일반게시판 search 기능 어떻게 없애나요ㅠ??  
XePRoject 호스팅 계정 [1] 2007.08.28
겨울루팡 화면 깨짐 현상 [1] 2007.08.28
Ersione 최근글 게시물에 대해서.. [3] 2007.08.27
1234 파일 첨부시 페이지에 오류가 있습니다. 자세한 내용입니다.. ㅠ [3] 2007.08.19
:에반: 달력 검색결과가 왜 안나올까요 [2] 2007.08.27
김광순131 제로보드4에서 XE로 교체하려고하는데요...  
경천애인 가로메뉴 문의 드립니다.(두번째) [2] file 2007.08.28
제로 프레임셋에서 제로보드붙이는데 화면이 안나오는데 -_-;  
덴마쿠3 제로보드XE의 Home 자유게시판이 어디갔나요?? [1] 2007.08.28
kangho 구글....(뿌글뿌글 끓어 오릅니다...^^) [1] 2007.08.28
기브쓰 사설망에선 정상 외부망에선 안되는 경우 80포트 8080포트에 관해서 질문??? file  
강명화840 제로보드설치한 페이지에서 다른페이지로 넘어가질 않습니다.  
나와바라 왕초보 메인페이지 설정에 대해 질문합니다..  
조영희277 최종로그인시간 / 멤버리스트 에 관한 질문입니다 꼭 봐주세요 ! [1] 2007.08.28
song 게시판넣는법좀..ㅠㅠㅠㅠ [1] 2007.08.25
cyberlee [질문] upload 된 사진 저장 시 용량 문제? [1] 2007.08.25
Hoony 웹폰트 적용에 대한 질문입니다.  
니라어 xe에서 form 문 전송시에 어떻게 되는거죠??  
그림자1 db 백업  
무늬907 쓸려고 설치해 봤는데. 에러가 떠서요. [2] 2007.08.13
kangho 프리즈.....(제발)  
이홍석295 Mysql 의 version에 관한 문의 [1] file 2007.08.14
daniel07 접속이 않되면서 에러가 나고 있습니다. [1] 2007.08.28
Diver 내용 자르기는 ? [1] 2007.08.27
태그 쓰기