눈love님의 이글루스에서 MORE기능 사용하기를 보고 감추기도 추가하면 좋겠다는 생각에.. 한번 고쳐봤습니다. 아이디어는 눈love님의 것을 연속해서 적용시키는 것이구요. 주의사항은 따옴표와 작은 따옴표를 헛갈리지 않는 것입니다. 그리고 <div>을 다른 줄에 쓰면 중간에 줄이 들어가서 이상해집니다. 또한 눈love님께서 말씀하신 것 처럼 id를 헛갈리면 안되겠죠?
위의 소스는 눈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>
위의 소스는 눈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>
덧글
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 에 해당되는 부분에 띄어쓰기를 그냥 넣으면 다시 접히지 않는 에러가 날 경우가 있답니다.그럴 땐 띄어쓰기 대신에 를 넣어주면 확실히 작동할 겁니다.
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 # 답글
감사합니다. 잘 쓰겠습니다.