noob
592
2019-09-03 11:14:03
4
194

HTML에서 # 기능에 대해 질문드립니다.


HTML 페이지에서 주소 뒤에 #name을 붙여서 해당 name으로 바로 이동이 되는 기능은 알고있는데

#name을 통해 다른 항목(내용)들은 다 안보이게 하고 해당 name만 보이게 하는건 불가능한가요??


이런 기능을 생각하게 된 이유가 프로그램 메뉴얼이 있는데 메뉴얼 내용이 많고 길어서 각 프로그램 화면마다 도움말 버튼 같은걸 만들어서 도움말 버튼을 누르면 html페이지를 새창으로 띄우면서 # 기능을 통해 현재 프로그램 화면에 해당되는 메뉴얼 부분만 보여주려고 합니다.


0
0
  • 답변 4

  • 유리세계
    2k
    2019-09-03 11:32:16

    그건 스크립트 이벤트를 짜셔야죠...

    그리고 #name 은 해당 name 이라기보다는

    name 이란 id를 가진 태그 위치로 이동합니다

    0
  • error-404
    972
    2019-09-03 11:44:02


    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>test</title>
        <style>
            div{
                height: 300px;
            }
        </style>
        <script type="text/javascript">
            function newPage(el){
                var target = document.getElementById(el);
                var divWindow = window.open("", "newDiv", "width=800, height=700, toolbar=no, menubar=no, scrollbars=no, resizable=yes" );
                divWindow.document.write(target.outerHTML);
            }
        </script>
    </head>
    <body>
       <div>
            <span id="one">
                1번 메뉴입니다.
            </span>
            <button onclick="newPage('one')">도움말보기</button>
        </div>
       <div>
            <span id="two">
                2번 메뉴입니다.
            </span>
            <button onclick="newPage('two')">도움말보기</button>
        </div>
       <div >
            <span id="three">
                3번 메뉴입니다.
            </span>
            <button onclick="newPage('three')">도움말보기</button>
        </div>
       <div >
            <span id="four">
                4번 메뉴입니다.
            </span>
            <button onclick="newPage('four')">도움말보기</button>
        </div>
    
    </body>
    </html>
    


    간단하게 짜보았는데 이런방법이 차라리 나으실거같아요 .. 

    0
  • noob
    592
    2019-09-03 13:45:31

    답변해주신분들 감사합니다.

    혹시 제가 모르는 간단하게 할 수있는 기능이 있나 했는데 아쉽네요 ㅎㅎ;; 

    0
  • noob
    592
    2019-09-03 13:46:21

    채택(?)은 먼저 답변주신분께 드리도록 하겠습니다 ㅠ

    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.