웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
Hide-Show-Menu 를 PHP로 구현하기...
2002.04.06 21:55
http://tryz.net/menutest/value.phpshttp://tryz.net/menutest/menu.php안녕하세요~ TryZ 입니다. 아직 초보 신세이지만 이렇게 강좌 하나 올려봅니다.
Hide-Show-Menu를 PHP로 구현하는 방법에 대해서 알려드릴텐데요.
우선 Hide-Show-Menu가 무엇인지 알아봅시다.
예제는... 바로 여기, Nzeo 입니다.
위쪽 메뉴에서 메뉴 하나 위에 마우스를 가져가면 하위 메뉴가 나타나죠?
그리고 http://moosim.pe.kr/ 여기 Moosim 님의 홈에서도 쓰였습니다.(엔지오와 달리 마우스를 클릭하면 하위메뉴가 나옵니다.)
하지만 제가 허접해서인지 마우스를 올렸을때 하위메뉴가 나오는것은 못하겠고, 마우스 클릭하면 하위메뉴가 나오도록 해 보았습니다.
메뉴가 나오는 Menu.php 파일과 메뉴 이름, 하위 메뉴 이름, 링크 등을 설정하는 value.php 파일이 있습니다.
우선 Menu.php 파일의 소스를 보면서 설명해 드릴게요. (쉽게 설명해 드리기 위해서 맨 앞에 라인을 붙였습니다. 소스 퍼 가시려면 http://tryz.net/menutest/menu.phps 에서 퍼 가세요.)
01. <?
02. include "value.php";
03. echo "<head><link rel=stylesheet href=".$stylesheet."></head>";
04. echo "<span style=font-size:".$fontsize."pt;><font face=".$font.">";
05. echo "
06. <a href=$PHP_SELF?menu=1>$menu1</a>
07. <a href=$PHP_SELF?menu=2>$menu2</a>
08. <a href=$PHP_SELF?menu=3>$menu3</a>
09. <a href=$PHP_SELF?menu=4>$menu4</a>
10. <a href=$PHP_SELF?menu=5>$menu5</a>
11. <a href=$PHP_SELF?menu=6>$menu6</a>
12. <br>
13. ";
14. if($menu==1)
15. {
16. echo "<a href=$menu11url target=$target>$menu11</a> <a href=$menu12url target=$target>$menu12</a> <a href=$menu13url target=$target>$menu13</a>";
17. }
18. if($menu==2)
19. {
20. echo "<a href=$menu21url target=$target>$menu21</a> <a href=$menu22url target=$target>$menu22</a> <a href=$menu23url target=$target>$menu23</a>";
21. }
22. if($menu==3)
23. {
24. echo "<a href=$menu31url target=$target>$menu31</a> <a href=$menu32url target=$target>$menu32</a> <a href=$menu33url target=$target>$menu33</a>";
25. }
26. if($menu==4)
27. {
28. echo "<a href=$menu41url target=$target>$menu41</a> <a href=$menu42url target=$target>$menu42</a> <a href=$menu43url target=$target>$menu43</a>";
29. }
30. if($menu==5)
31. {
32. echo "<a href=$menu51url target=$target>$menu51</a> <a href=$menu52url target=$target>$menu52</a> <a href=$menu53url target=$target>$menu53</a>";
33 . }
34. if($menu==6)
35. {
36. echo "<a href=$menu61url target=$target>$menu61</a> <a href=$menu62url target=$target>$menu62</a> <a href=$menu63url target=$target>$menu63</a>";
37. }
38. echo "</font></span>";
39. ?>
먼저 1번째 줄에서 php를 열고 2번째 줄에서 value.php (메뉴 이름, 메뉴 눌렀을때 url 이 변수로 저장된 파일) 를 포함시킵니다.
3, 4 줄은 스타일 시트파일을 열고 폰트 사이즈, 종류 등을 가져옵니다. 6~11 줄은 메뉴를 눌렀을때 하위메뉴가 나오게 하는 것입니다. $menu1~6 까지가 큰 메뉴의 이름입니다. 그리고 14~37까지의 줄은 하위메뉴를 출력하는 소스입니다. 큰 메뉴를 클릭했을때 1~6 까지의 값을 전달해서 그 값일 경우에 알맞은 하위메뉴를 출력합니다.$menu11~16까지는 큰메뉴 1의 하위메뉴들, $menu21~26 까지는 큰메뉴 2의 하위메뉴들로 $menu66까지 있습니다. 그리고 $menu11url~$menu66url 까지는 하위메뉴를 눌렀을때 이동할 경로입니다. 이제 끝입니다. value.php 파일은 변수만 저장되어있으므로 여기서 수정을 하시면 메뉴 이름, 경로 등을 수정할 수 있습니다. 소스는 http://tryz.net/menutest/value.phps 에서 보실 수 있습니다.
http://tryz.net/menutest/menu.php
http://tryz.net/menutest/menu.phps
http://tryz.net/menutest/value.php
http://tryz.net/menutest/value.phps
Hide-Show-Menu를 PHP로 구현하는 방법에 대해서 알려드릴텐데요.
우선 Hide-Show-Menu가 무엇인지 알아봅시다.
예제는... 바로 여기, Nzeo 입니다.
위쪽 메뉴에서 메뉴 하나 위에 마우스를 가져가면 하위 메뉴가 나타나죠?
그리고 http://moosim.pe.kr/ 여기 Moosim 님의 홈에서도 쓰였습니다.(엔지오와 달리 마우스를 클릭하면 하위메뉴가 나옵니다.)
하지만 제가 허접해서인지 마우스를 올렸을때 하위메뉴가 나오는것은 못하겠고, 마우스 클릭하면 하위메뉴가 나오도록 해 보았습니다.
메뉴가 나오는 Menu.php 파일과 메뉴 이름, 하위 메뉴 이름, 링크 등을 설정하는 value.php 파일이 있습니다.
우선 Menu.php 파일의 소스를 보면서 설명해 드릴게요. (쉽게 설명해 드리기 위해서 맨 앞에 라인을 붙였습니다. 소스 퍼 가시려면 http://tryz.net/menutest/menu.phps 에서 퍼 가세요.)
01. <?
02. include "value.php";
03. echo "<head><link rel=stylesheet href=".$stylesheet."></head>";
04. echo "<span style=font-size:".$fontsize."pt;><font face=".$font.">";
05. echo "
06. <a href=$PHP_SELF?menu=1>$menu1</a>
07. <a href=$PHP_SELF?menu=2>$menu2</a>
08. <a href=$PHP_SELF?menu=3>$menu3</a>
09. <a href=$PHP_SELF?menu=4>$menu4</a>
10. <a href=$PHP_SELF?menu=5>$menu5</a>
11. <a href=$PHP_SELF?menu=6>$menu6</a>
12. <br>
13. ";
14. if($menu==1)
15. {
16. echo "<a href=$menu11url target=$target>$menu11</a> <a href=$menu12url target=$target>$menu12</a> <a href=$menu13url target=$target>$menu13</a>";
17. }
18. if($menu==2)
19. {
20. echo "<a href=$menu21url target=$target>$menu21</a> <a href=$menu22url target=$target>$menu22</a> <a href=$menu23url target=$target>$menu23</a>";
21. }
22. if($menu==3)
23. {
24. echo "<a href=$menu31url target=$target>$menu31</a> <a href=$menu32url target=$target>$menu32</a> <a href=$menu33url target=$target>$menu33</a>";
25. }
26. if($menu==4)
27. {
28. echo "<a href=$menu41url target=$target>$menu41</a> <a href=$menu42url target=$target>$menu42</a> <a href=$menu43url target=$target>$menu43</a>";
29. }
30. if($menu==5)
31. {
32. echo "<a href=$menu51url target=$target>$menu51</a> <a href=$menu52url target=$target>$menu52</a> <a href=$menu53url target=$target>$menu53</a>";
33 . }
34. if($menu==6)
35. {
36. echo "<a href=$menu61url target=$target>$menu61</a> <a href=$menu62url target=$target>$menu62</a> <a href=$menu63url target=$target>$menu63</a>";
37. }
38. echo "</font></span>";
39. ?>
먼저 1번째 줄에서 php를 열고 2번째 줄에서 value.php (메뉴 이름, 메뉴 눌렀을때 url 이 변수로 저장된 파일) 를 포함시킵니다.
3, 4 줄은 스타일 시트파일을 열고 폰트 사이즈, 종류 등을 가져옵니다. 6~11 줄은 메뉴를 눌렀을때 하위메뉴가 나오게 하는 것입니다. $menu1~6 까지가 큰 메뉴의 이름입니다. 그리고 14~37까지의 줄은 하위메뉴를 출력하는 소스입니다. 큰 메뉴를 클릭했을때 1~6 까지의 값을 전달해서 그 값일 경우에 알맞은 하위메뉴를 출력합니다.$menu11~16까지는 큰메뉴 1의 하위메뉴들, $menu21~26 까지는 큰메뉴 2의 하위메뉴들로 $menu66까지 있습니다. 그리고 $menu11url~$menu66url 까지는 하위메뉴를 눌렀을때 이동할 경로입니다. 이제 끝입니다. value.php 파일은 변수만 저장되어있으므로 여기서 수정을 하시면 메뉴 이름, 경로 등을 수정할 수 있습니다. 소스는 http://tryz.net/menutest/value.phps 에서 보실 수 있습니다.
http://tryz.net/menutest/menu.php
http://tryz.net/menutest/menu.phps
http://tryz.net/menutest/value.php
http://tryz.net/menutest/value.phps
댓글 7
제목 | 글쓴이 | 날짜 |
---|---|---|
[OsE=] Session을 배워보자~ [#3] [1] | OsE= | 2002.03.02 |
[OsE=] Session을 배워보자~ [#2) | OsE= | 2002.03.02 |
[OsE=] Session을 배워보자~ [#1] | OsE= | 2002.03.02 |
[OsE=] 프로그래밍하시는 분들은...생각에 틀에서.. [4] | OsE= | 2002.03.02 |
[OsE=] 게시판 만들시.... 전체 html적용 [4] | OsE= | 2002.03.02 |
[OsE=] 오스보드에 적용된 페이징 방법(알고리즘?) | OsE= | 2002.03.02 |
[OsE=] 비교해서 HTML 출력 [2] | OsE= | 2002.03.02 |
[OsE=] 보안문제.. 남의 일이아닙니다. [1] | OsE= | 2002.03.02 |
[씽크식 PHP] 상수 [1] | John Sync. | 2002.02.26 |
[OsE=] Mysql 전체 리스트 갯수 불러올때 [3] | OsE= | 2002.02.26 |
[OsE=] 간단한 PHP_SELF.. 그냥 참고하세요 [7] | OsE= | 2002.02.26 |
[씽크식 PHP] PHP로 그라데이션 효과 구현하기. | John Sync. | 2002.02.26 |
[씽크식 PHP] 메일보낼때 Header설정으로 From 알려주기. [1] | John Sync. | 2002.02.26 |
[씽크식 PHP] 글자 하나씩 때어놓기.. [3] | John Sync. | 2002.02.25 |
[씽크식 PHP] 씽크의 경로중 맨 앞 슬래시(/) 제거 함수 [2] | John Sync. | 2002.02.25 |
제가 쓰는 alert 함수를 공개하지요.^^ [5] | Zeldign | 2002.02.25 |
^^ 좀더 다양한 Alert(); 함수화~ [3] | 도라에몽 | 2002.02.25 |
귀찮은 쿼리문을 함수화 해보자.. [1] | 도라에몽 | 2002.02.25 |
[씽크식 PHP] 노프레임에서 "역"으로 인클루드 쓰기. [14] | John Sync. | 2002.02.24 |
많고 많은 페이지들을 하나로 줄이자! [7] | 제키드+_+)/ | 2002.02.23 |