웹마스터 팁

┏━━━━┳━━━━━━━━━━━━━━━━━━━━━━━━━
┃0003┃페이지 경로 히스토리 표시하기
┗━━━━┻━━━━━━━━━━━━━━━━━━━━━━━━━

┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┗ 서문:

비교적 짧고 간단한 JavaScript입니다.

아래의 스크립트는 현재 페이지의 주소를 / 마다 나누어, 각각의 링크를 걸어주어, 경로 히스토리를 보여줍니다.
http://로 시작하는 웹주소 외에도, file://로 시작하는 로컬드라이브 주소로 지원합니다.

디렉토리마다 인덱스파일을 이용해서 조직적으로 관리하시는 분이라면 유용한 스크립트입니다만,
대부분의 유저들에게는 큰 의미가 없다고 생각하네요. 역시 다양한 함수를 배워봅시다. ^-^;

startat 값을 조절해주시면, 앞의 불필요한 주소들을 삭제할 수 있습니다.


┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┗ 예제: http://edene.com/nzeo/java/?no=0003&mode=example


┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┗ 소스: http://edene.com/nzeo/java/?no=0003&mode=source

<script type="text/javascript">
<!--
        function loca()
        {
        var path = "";
        var href = document.location.href;
        var string = href.split("/");

        if(string[0] == 'http:'){ btw = "/"; startat = 2; path = "http://"; }
        else{ btw = ""; startat = 3; }

        for (i = 2; i < string.length - 1 ; i++ ) {
               link = href.substring(0, href.indexOf(string[i+1]));
               path += "<a href="" + link + "">" + string[i] + btw + "</a>";
        }
        i = string.length - 1;
        path += "<a href="" + href + "">" + string[i] + "</a>";
        document.writeln(path);
        }
// -->
</script>


┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┗ 적용:

path가 뿌려질 곳에 <script type="text/javascript"> loca(); </script>을 넣어주시면 됩니다.


┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┗ 알림:

소스페이지에 가시면 자세하게 주석을 달아두었으니, 이해가 안되시는 분들은 참고하도록 하세요.

본 스크립트는 제가 직접 제작한 것입니다. 다른 곳에 퍼가실 경우 출처를 남겨주세요.

몇 일동안 사이트를 w3c XHTML 1.0 표준으로 변경하기 위해서 이것저것 에러가 많이 발생했었습니다.
덕분에 더이상 table을 사용하지 못하고 div로 넣어주고, javascript로 위치조절 하게 했습니다. ^-^;