Erzsamatory Weblog


해당 글은 워드프레스 블로그로 이관된 글입니다.
아래의 블로그에서 해당 글을 열람하시기 바랍니다.

이관된 글 링크는 다음과 같습니다.
http://www.walterz.net/2017/11/16/자바스크립트-해시체인지-이벤트/
http://www.erzsamatory.net/trackback/29

건전한 댓글 문화를 만들어주시기 바랍니다 ^^
불건전한 댓글이 등록되는 경우 관리자의 임의적 판단으로 삭제될 수 있음을 미리 공지드립니다.

비밀글로 작성하기
  1. 2014/01/25 10:38
    저는 티스토리를 이용 중인데 인쇄 기능이 없어 스크립트를 직접 만든 적이 있습니다. 이글을 보다 보니 그 때 기억이 새롭네요. 저는 Hash change 이벤트를 써 볼 생각을 해 보지 못했는데 관심이 많이 갑니다. 여기 블로그에 올라와 있는 내용들이 많이 도움 되네요. 감사합니다.
    • Walter E.
      Walter E.
      2014/05/06 09:58
      인쇄 스크립트요? 와, 신기하네요. 실력자이신가봅니다. ^^
      도움이 되셨다니 다행입니다.
  2. 모르세
    모르세
    2014/01/26 15:47
    잘보고 갑니다.즐거운 오후 시간이 되세요.
    • Walter E.
      Walter E.
      2014/05/06 09:58
      블로그 방문 감사합니다.
      글쓴 분도 좋은 오후되세요 ^^
  3. ^^.
    ^^.
    2014/07/30 02:10
    혹시 이 스크립트 티스토리가아닌 일반사이트에 적용시켜도 되나요?
    • Walter E.
      Walter E.
      2014/07/30 02:30
      당연히 됩니다.
      티스토리보다는 일반 사이트에 적용하는데 더 쉬울겁니다. ^^
    • ^^.
      ^^.
      2014/07/30 16:24
      #tag 일때 보여지는 페이지는 localhost/tag/ 이 페이지인가요?
    • Walter E.
      Walter E.
      2014/07/30 16:42
      네 맞습니다.
      위 예제에서는 #tag를 입력하면 localhost/tag 내용을 내부적으로 불러와 출력합니다. tag 내용은 태그 클라우드죠.
    • ^^.
      ^^.
      2014/07/30 19:14
      호스팅, 컴퓨터서버 둘다해봤는데 오류가납니다.

      크롬 콘솔창에선 그다지 문제가없어보이는데 화면에 출력되지않습니다.


      혹시 가능하시다면 tag로 간단한예제하나만 부탁드려도되나요?
    • Walter E.
      Walter E.
      2014/07/30 19:25
      jQuery('#content').load('http://www.erzsamatory.net/'+hashtag+' #content');
      이 부분에서 #content 부분을 수정하지 않으신건 아닌지요?
      #content는 콘텐츠가 표시되는 영역의 ID입니다.
      이 영역의 HTML을 불러오게 됩니다.

      위 소스를 그대로 인터넷에 옮긴 것이 http://www.erzsamatory.net/dev/5/hash.html 입니다.
      http://www.erzsamatory.net/dev/5/hash.html#tag/웹프로그래밍 와 같은 방법으로 사용합니다.
      http://www.erzsamatory.net/dev/5/hash.html#tag 이렇게만 입력하면 태그 목록이 나타납니다.
  4. 2014/10/28 09:13
    담아갈게요~ 좋은글 감사합니다.
    • Walter E.
      Walter E.
      2014/10/29 01:57
      넵 ^^
  5. o3o
    o3o
    2014/12/22 22:39
    if (hashtag == 'guestbook' ||
    hashtag == 'tag' ||
    hashtag == 'location' ||
    hashtag == 'keylog' ||

    이 부분이 보안때문에 일정태그만 허용한다고 하셨는데

    모든태그를 전부 허용하려면 어찌해야되는지요?
    • Walter E.
      Walter E.
      2014/12/23 20:09
      그냥 위의 IF문을 삭제하면 됩니다.

      그리고,
      jQuery('#content').load('http://www.erzsamatory.net/'+hashtag+' #content');
      와 같이 모든 소스를 바꾸면 됩니다.
      하지만 이렇게 하면 사용자가 원하는 페이지를 불러올 수 있겠죠.
    • o3o
      o3o
      2014/12/28 02:07
      if문을 삭제하고 테스를해보니
      해시가 아무것도없을때 content가 반복되는현상이 발생합니다.

      어떻게해야될까요?
    • Walter E.
      Walter E.
      2014/12/28 10:52
      IF문을 사용하지 않았기 때문에 앵커가 없을 때에도 함수가 실행되는 문제입니다.

      if (hashtag) {
      jQuery('#content').load('http://www.erzsamatory.net/'+hashtag+' #content');
      }

      위와 같이 해보십시오.
    • o_o
      o_o
      2014/12/30 18:47
      성공했습니다 감사합니다.
      연말 잘보내시고 2015년 좋은한해되세요~ :)
    • Walter E.
      Walter E.
      2014/12/31 01:02
      다행입니다. ㅎㅎ
  6. 2015/03/26 17:36
    궁금한게 있는데요 url 을 # 해쉬로 달면은 해당되는 body 부분의 내용들은 어디서 불러오는건가요?
    jQuery('#content').load('http://www.erzsamatory.net/'+hashtag+' #content'); 이부분만 그냥 있는데
    바꾸는 내용을 어떻게 가져오게 되는건가요.?
  7. 2015/03/26 18:12
    궁금한게 있는데요 url 을 # 해쉬로 달면은 해당되는 body 부분의 내용들은 어디서 불러오는건가요?
    jQuery('#content').load('http://www.erzsamatory.net/'+hashtag+' #content'); 이부분만 그냥 있는데
    바꾸는 내용을 어떻게 가져오게 되는건가요.?
    컨트롤러 단에서 바꾸면 바꾸는 소스좀 부탁드립니다.
    • Walter E.
      Walter E.
      2015/03/28 07:10
      무슨 컨트롤러를 말씀하시는 것인지요?
      MVC의 컨트롤러를 말씀하시는 건가요?

      jQuery의 load() 메소드에 # 앵커를 추가하면, HTML 소스코드에서 <~~ id="앵커">~</div> 부분만 불러오게 됩니다.

      예를 들어, <div id="test">aaa</div>가 있다면,
      jQuery('#content').load('~ #test');
      는 aaa를 가져오는 것입니다.