지름길 링크

지름길 링크

"지름길 링크"라고 이름을 붙였는데 적절한 이름 인지는 모르겠습니다. 여러 층의 문서 구조를 갖는 페이지에서 문서에 연결되어 있는 링크를 이동하다보면 특정 페이지는 바로 돌아오고 싶을 경우도 있습니다. 이 경우는 제 페이지에도 많습니다. 예제 페이지가 있는데 "특정 사항에 대해서 이 페이지를 참조하세요" 라고 하는 링크입니다. 그래서 이런 경우 원래의 페이지로 돌아오기 위해서 "BACK" 단추를 사용하지 않고 바로 그 페이지로 이동하게 하는 방법입니다.

언듯 보면 복잡한 것 같지만 생각하기가 어려울 뿐입니다. 다른 것을 만들려다가 문득 생각이 났는데 아주 유용한 용도로 사용할 수가 있더군요. 사이트가 크고 문서의 구조가 복잡할수록 진가가 납니다. 사용처로는 프레임 페이지에서 사용할 수 있습니다. 전체 페이지에서도 사용할 수 있겠지만 적절하지가 않습니다. 아래는 전체 소스입니다.

function takeShortcut() {
  var s_cut = parent.main.location.href
  var s_cut_title = parent.main.document.title
  if(!s_cut_title) s_cut_title = "제목 없음"
  
  if(document.layers) {
    document.shortcut.document.write("<A href='" + s_cut + "' target='main'><font size=-1>" + s_cut_title + "</font></a>")
    document.shortcut.document.close()
  }
  else if(document.all) {
    shortcut.innerHTML = "<A href='" + s_cut + "' target='main'><font size=-1>" + s_cut_title + "</font></a>"
  }
}
</script>

<a href="javascript://" onClick="takeShortcut();return false">main 프레임 페이지 링크 저장하기</a> 
<div id=shortcut style="position:absolute; top:300px; left:100px; width:100px;"></div>

위의 소스를 한 쪽 프레임에 넣어주고 다른쪽 프레임의 문서가 다른 문서로 갔다가 다시올 때, 아무리 많은 링크를 눌러서 이동을 했다고 하더라도 저장해 둔 링크를 누르면 그 페이지로 돌아올 수 있습니다. 일일이 "BACK" 단추나 원래의 문서 순서로 이동할 필요가 없이 말입니다. 그래서 두 문서를 비교하여 볼필요가 있을 때, 무척 편리하게 사이트를 이동할 수 있습니다.

    var s_cut = parent.main.location.href
    var s_cut_title = parent.main.document.title

위의 구문은 첫번째 것은 문서의 주소입니다. 여기서는 저장할 페이지의 문서가 있는 프레임 이름을 "main" 으로 가정하고 지정했는 것입니다. 두번째 구문은 문서의 <TITLE>에 지정한 글자를 말해줍니다. 이렇게 <TITLE>는 유용한 사용처가 있습니다. 그래서 문서의 제목을 항상 올바르게 지정해 두면 나중에 봐도 이해가 쉽고 이런 유용한 용도가 있습니다. 문서의 <TITLE>을 지정해 두지 않은 페이지는 "제목 없음"이라는 제목으로 링크를 저장합니다.

    document.shortcut.document.write("채울 내용")
    document.shortcut.document.close()
    
    shortcut.innerHTML = "채울 내용"

위의 구문은 nn4와 ie4에서 내용물을 바꿀수 있는 방법입니다. [레이어 내용 수정하기] 페이지를 참고 하세요. 위의 2줄이 nn4용이고 아래 한 줄이 ie4, ie5용입니다.

T O P