이글루스에서 More & Less 사용하기 Computing, Logging

눈love님의 이글루스에서 MORE기능 사용하기를 보고 감추기도 추가하면 좋겠다는 생각에.. 한번 고쳐봤습니다. 아이디어는 눈love님의 것을 연속해서 적용시키는 것이구요. 주의사항은 따옴표와 작은 따옴표를 헛갈리지 않는 것입니다. 그리고 <div>을 다른 줄에 쓰면 중간에 줄이 들어가서 이상해집니다. 또한 눈love님께서 말씀하신 것 처럼 id를 헛갈리면 안되겠죠?
소스는 다음과 같습니다.
<div id=test_click1><a href="#none" onclick='document.all["test_more"].style.display="block";document.all["test_click1"].style.display="none";document.all["test_click2"].style.display="block"'>이글에 대한 자세한 내용보기</a></div><div id=test_click2 style="display:none"><a href="#none" onclick='document.all["test_more"].style.display="none";document.all["test_click2"].style.display="none";document.all["test_click1"].style.display="block"'>이글에 대한 자세한 내용감추기</a></div><div id=test_more style="display:none">여기엔 좀더 상세한 설명이 들어가면 좋겠죠?
이미지도 물론 좋겠구요 ^^; 업로드한 이미지를 이곳에 넣을수도 있구요</div>


위의 소스는 눈love님이 말씀하신 각자의 글에서 보기는 안됩니다. 대신 따옴표를 없애면 되는데... 연속된 명령을 늘어쓰면서 따옴표를 안붙인다는 것이 불안하기는 하지만, 어쨋튼 IE6, winXP에서는 되네요.

변경한 소스입니다.
<div id='test_click1'><a href="#none" onclick=document.all['test_more'].style.display='block';document.all['test_click1'].style.display='none';document.all['test_click2'].style.display='block'>자세한 내용보기</a></div><div id='test_click2' style="display:none"><a href="#none" onclick=document.all['test_more'].style.display='none';document.all['test_click2'].style.display='none';document.all['test_click1'].style.display='block'>자세한 내용감추기</a></div><div id='test_more' style="display:none">여기엔 좀더 상세한 설명이 들어가면 좋겠죠?
이미지도 물론 좋겠구요 ^^; 업로드한 이미지를 이곳에 넣을수도 있구요</div>

핑백

  • 뽐뿌 inside : 저작권에 대한 공지사항 2009-04-29 19:36:35 #

    ... 이글루(블로그)의 내용을 전제, 수정 및 게시할 수 있습니다. 다만 이 저작권의 행사는 텍스트와 직접 촬영한 이미지에만 한정적으로 적용됩니다.(more/less 태그를 만들어 주신 jinny님과 좋은 방법을 알려주신 룬엘님께감사드립니다)3. 개인적인 질문이나 궁금증, 공식적인 요청 등의 내용은 메일 및 Skype로 주시기 바랍니다.다음메일은 스팸으로 분류될 확률이 ... more

덧글

  • eouia 2004/01/04 20:23 # 삭제 답글

    그런데 이 팁을 쓰면 IE가 아닌 브라우저에서는 제대로 안보이는 단점이. 흑흑.
  • jiinny 2004/01/04 20:31 # 답글

    eouia // 네 그렇죠..ㅠ,.ㅠ 다른 브라우저에서도 되게 하려면 자바스크립트가 지원 되어야 합니다. 저도 imac을 사용하기 땜에 그냥 이게 꽁수로 된다 정도지 적극 사용할 생각은 없습니다.
  • 눈love 2004/01/04 21:05 # 답글

    흠..숨기기까지..훗훗 :)
    근데 너무 길어지는게 아닐까요? ^^; 제 방식도 어려워하시는분이 많더라구요..흐흐;
    어서빨리 이런 꽁수말고 정식으로 지원되었으면 좋겠습니다. ^^;
  • jiinny 2004/01/04 21:08 # 답글

    눈love // 네.. 좀 길죠... 자바스크립트만 지원되도 자유도가 좀 커질텐데 말이죠..
  • zodiac47 2004/01/05 00:51 # 답글

    흐... 왠지 모어기능이 있어야 할거 같다는 압박이...^^;;
  • jiinny 2004/01/05 01:56 # 답글

    조디악 // 모어 기능도 중요하지만 우선은 archive나 개개의 글 등의 스킨이나 표현방법을 바꿀 수 있게 하는 것도 중요하다고 봅니다. 예를 들어서, 윗글의 날짜, 카테고리, 관련글, 덧글 등이 나와 있는 부분들을 분리시킬 수 있다면 괜찮겠죠. 좀더 세분화된 이글루 태그가 제공된다면, 차별화가 되겠죠.
  • 샐리 2004/02/14 11:17 # 답글

    이게 한 페이지에서 한개의 포스트에 적용하면 잘 되는데,

    한 페이지에서 여러 개의 포스트에 적용하면 클릭해도 화면이 꼼짝을 안 해요. 그러니까, '자세한 내용 보기'를 아무리 클릭해도 그냥 '자세한 내용 보기'만 덜렁 보이는 상태. 아무리 해도 숨은 내용이 안 보이는데요... 저만 그런가요?
  • ymir 2004/02/15 23:36 # 답글

    샐리님의 리플을 보고 시험해본 결과...저도 그렇군요.; 한 페이지에 두 개 이상이 들어갈 경우 클릭을 해도 양쪽 모두 반응이 없습니다. 하지만 굉장히 멋진!! 기능인데요. 이글루 자체의 more보다 훨씬 낫습니다.
  • 수짱 2004/09/16 00:53 # 답글

    덕분에 잘 쓰고 있습니다 정말 감사드려요
  • Gːyak 2005/10/14 03:31 # 답글

    잘 쓰겠습니다, 감사해요..:D
  • piri 2005/12/10 11:16 # 답글

    아아- 태그를 전혀 모르는 저로서는- 도무지 아무리 봐도 모르겠네요.
  • 새벽 2006/02/10 23:51 # 답글

    감사합니다~ 잘 쓸께요 ㅎㅎ
  • hislove 2007/02/20 19:55 # 답글

    more 와 less 에 해당되는 부분에 띄어쓰기를 그냥 넣으면 다시 접히지 않는 에러가 날 경우가 있답니다.

    그럴 땐 띄어쓰기 대신에 &nbsp; 를 넣어주면 확실히 작동할 겁니다.
  • hislove 2007/02/20 19:57 # 답글

    그리고 href=#none 보다는 href=javascript:void(0) 를 넣어주는 편이 에러가 적고요...
  • 토오루 2007/03/02 14:13 # 답글

    고맙습니다! /ㅅ/
  • 별바라기 2008/07/01 15:01 # 답글

    잘쓰겠습니다~ 감사합니다~ :9
  • zito 2008/10/26 18:05 # 답글

    한참 찾아헤맸는데 ; ㄷ;!!! 정말 감사히 쓰겠습니다~
  • 러버소울 2009/03/10 18:26 # 답글

    감사합니다. 잘 쓰겠습니다.
  • les aliens 2012/06/26 12:01 # 삭제 답글

    잘쓰겠습니다~ 그러니까, '자세한 내용 보기'를 아무리 클릭해도 그냥 '자세한 내용 보기'만 덜렁 보이는 상태. 아무리 해도 숨은 내용이 안 보이는데요... 저만 그런가요?
  • Recette 2012/08/05 10:16 # 삭제 답글

    에 해당되는 부분에 띄어쓰기를 그냥 넣으면 다시 접히지 않는 에러가 날 경우가 있답니다.
    <A HREF="http://recette10.blogspot.com/2012/07/recette-crepes-facile_29.html">Recette crepes facile</a>
  • lafseo90 2014/09/23 17:17 # 삭제 답글

    컴퓨팅과 컴퓨터와 과학적 연구를 개발하고 하드웨어 및 소프트웨어 시스템, 처리, 구조를 구축하고, 다양한 종류의 정보를 관리, 설계를 포함한다.
    http://www.paraphrasing.biz/
  • paraphrase 2014/10/01 02:24 # 삭제 답글

    모두 같은, 키는 소프트웨어에서 큰 의미를 가지고 있으며, 나는 거짓말을하지 않습니다! 모두 같은, 우리는 컴퓨터 소프트웨어에서 새로운 모습을 가지고!
    http://www.paraphrasegenerator.com/paraphrase-machine-that-works/
댓글 입력 영역