MS 웹사이트의 메뉴를 불여우에서 구현을 하려는데...

vj1974의 이미지

http://www.microsoft.com/Korea/MSDN/developercenters/default.aspx

위 페이지를 보면 상단 메뉴는 그런데로 출력을 해내지만 좌측 메뉴는 제기능을 하지 못하는군요.... 사용한 불여우 버전은 1.0.2 버전이고 한글 버전을 사용하였습니다... MS에서 사용한 버튼과 메뉴가 맘에 들어 그대로 불여우에서 출력이 가능한지 마소 웹사이트를 열어도 에러만 뿜어 내는군요...

혹시 이와 비슷하게 구현하신분 있으면 꽁수를 알려주세요~
(CSS로 구현하면 더 좋겠지만^^)

익명 사용자의 이미지

위의 경우 레이어로 구현가능하지만 힘듭니다...
CSS로는 불가능한 영역이 있기 때문에...

그런데 그런 것보다는 요걸 함 연구해보시죠...

http://msdn.microsoft.com/library/default.asp

<div id="deeptree" class="deeptree" CfgXMLSrc="/library/deeptreeconfig.xml">

이게 핵심인데요,,,
이거 하나면 왠만한 트리구조는 전부다 커버가 되더군요... ^^;;
굉장히 편리합니다...

new ActiveXObject("Microsoft.xmlhttp")와 함께 정말 잘 만들어논
기능이라고 봅니다... ^^;;

다크슈테펜의 이미지

vj1974 wrote:
http://www.microsoft.com/Korea/MSDN/developercenters/default.aspx

위 페이지를 보면 상단 메뉴는 그런데로 출력을 해내지만 좌측 메뉴는 제기능을 하지 못하는군요.... 사용한 불여우 버전은 1.0.2 버전이고 한글 버전을 사용하였습니다... MS에서 사용한 버튼과 메뉴가 맘에 들어 그대로 불여우에서 출력이 가능한지 마소 웹사이트를 열어도 에러만 뿜어 내는군요...

혹시 이와 비슷하게 구현하신분 있으면 꽁수를 알려주세요~
(CSS로 구현하면 더 좋겠지만^^)


flex로는 가능하지 않을까요 웹사이트 전체를 플래쉬로 컴파일 해서 보여주는거니까 가능할듯하네요 링크도 조금만 바꿔주면 파이어폭스에서도 볼수 있구요...플렉스에서는 저런거 있을꺼에요....
리눅스도 지원하니까 매크로미디어 사이트 한번가보세요..
다만 빌더는 윈도우즈 용밖에 없더군요...

인생이란게 다 그런게 아니겠어요....? 뭘(?)
http://schutepen.egloos.com

mmx900의 이미지

저 정도도 구현이 어렵다면 플랫폼 독립적인 스크립트를 만드는 일은 사실상 불가하다고 봐야 하겠죠. 물론 CSS 만으론 곤란합니다만 :-) 자바스크립트로 만들어진 메뉴나 트리는 소스포지에도 제법 많이 존재합니다.

링크하신 주소의 좌측 메뉴는 http://doimenu.sourceforge.net/ 를 이용하시면 유사하게 구현 가능할 것으로 보입니다. demo의 custom style 2를 보세요.

Setzer Gabbiani

행복한고니의 이미지

http://webfx.eae.net/dhtml/xloadtree/xloadtree.html

이거면 될 것 같은데요?
결국 XMLHTTP 를 이용해서 동적으로 읽어오는 것일텐데, 위 링크에 가면 불여우이건 IE건 다 잘되는 소스가 있습니다. 도움이 되는 소스들이 꽤 있어요.

어지간한건 모질라 계열도 다 지원해주더라구요.
전 위의 사이트에 가보고서야 불여우에서도 반투명을 쓸 수 있다는 것을 알았습니다. :)

__________________________________
나는 세상에서 가장 중요한 사람이다.

Prentice의 이미지

2003년 2월 정도 까지만 해도 http://www.w3.org/Style/CSS/ 에서 반투명의 메뉴상자(?)를 지원했었죠.

http://web.archive.org/web/*/http://www.w3.org/Style/CSS/

댓글 달기

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.