2005년 09월 13일
More/Less 기능 태그 사용하기
<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>
<div id='test_click3'><a href="#none" onclick=document.all['test_more5'].style.display='block';document.all['test_click3'].style.display='none';document.all['test_click4'].style.display='block'>펼치기</a></div><div id='test_click4' style="display:none"><a href="#none" onclick=document.all['test_more5'].style.display='none';document.all['test_click4'].style.display='none';document.all['test_click3'].style.display='block'>접기</a></div><div id='test_more5' style="display:none">내용</div>
이게 늘 궁금해서 여기저기 뒤지고 다녔다. 분명히 more기능은 이글루 글쓰기에 하나밖에 없는데 다른 블로그에 가면 이 m/l이 한 포스트에 몇 개씩 있는 것이 신기해서. 돌아다니며 시키는 대로 다 해봤지만 아무리 해도 제대로 안 되길래, 아예 이 기능을 쓴 아는 사람 블로그 포스트 소스보기에서 바로 퍼와버렸다. 위 태그를 그대로 옮기면 됨. 생각보다 복잡한거였다. 으음.
한 포스트에 두 개 이상 접고 펴는 것을 넣을 때는, 윗 단락의 test_click1과 test_more, test_click2를 각각 다르게 바꾸어주면 된다. 아래 단락에서 test_click3, test_more5, test_click4로 바꾼것이 그 보기.
그리고 펼치기와 접기를 적당히 써 주고, 그 다음에 내용을 작성하면 끝. 이글루스에 more기능이 있지만, 이 방법으로 하는 것이 더 다양하게 표현할 수 있다. 잊어버리기 전에 적어둬야겠다. 누구신지는 모르오나 이거 만드신 분 감사드려요. :)
-----------------------------------------------------------------------------
더 정확한 내용이 있어서 링크합니다. 아래 주소를 참고하세요. (2005. 12. 24)
http://haime.egloos.com/1191057
<div id='test_click3'><a href="#none" onclick=document.all['test_more5'].style.display='block';document.all['test_click3'].style.display='none';document.all['test_click4'].style.display='block'>펼치기</a></div><div id='test_click4' style="display:none"><a href="#none" onclick=document.all['test_more5'].style.display='none';document.all['test_click4'].style.display='none';document.all['test_click3'].style.display='block'>접기</a></div><div id='test_more5' style="display:none">내용</div>
이게 늘 궁금해서 여기저기 뒤지고 다녔다. 분명히 more기능은 이글루 글쓰기에 하나밖에 없는데 다른 블로그에 가면 이 m/l이 한 포스트에 몇 개씩 있는 것이 신기해서. 돌아다니며 시키는 대로 다 해봤지만 아무리 해도 제대로 안 되길래, 아예 이 기능을 쓴 아는 사람 블로그 포스트 소스보기에서 바로 퍼와버렸다. 위 태그를 그대로 옮기면 됨. 생각보다 복잡한거였다. 으음.
한 포스트에 두 개 이상 접고 펴는 것을 넣을 때는, 윗 단락의 test_click1과 test_more, test_click2를 각각 다르게 바꾸어주면 된다. 아래 단락에서 test_click3, test_more5, test_click4로 바꾼것이 그 보기.
그리고 펼치기와 접기를 적당히 써 주고, 그 다음에 내용을 작성하면 끝. 이글루스에 more기능이 있지만, 이 방법으로 하는 것이 더 다양하게 표현할 수 있다. 잊어버리기 전에 적어둬야겠다. 누구신지는 모르오나 이거 만드신 분 감사드려요. :)
-----------------------------------------------------------------------------
더 정확한 내용이 있어서 링크합니다. 아래 주소를 참고하세요. (2005. 12. 24)
http://haime.egloos.com/1191057
# by | 2005/09/13 02:39 | 컴퓨터/인터넷 | 트랙백(2) | 덧글(3)
















☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]
제목 : 자아 오늘의 ??????
More/Less 기능 태그 사용하기 새 아침이 밝았다 일단 자고 일어났으니 그렇다 배고파 죽겠다 배고파 죽겠다 배고파 죽겠다 아냐 사람이 배고파를 연발하면 배고픈 법이야 입닥춋! 아냐 그래도 배고파...... 닥춋! 닥쵹! 닥쵹? 칙쵹? 꺄 미쳤어! <a href="#no......more
제목 : 티스토리 more/less(더보기, 감추기) 기능에..
어제 COMMONPLACE님과 젤가디스님께서 제가 아주 즐겨쓰고 있는 more/less 기능에 대해서 질문을 하셨습니다. 젤가디스 2008/01/04 14:37 수정/삭제 댓글쓰기 친절한 주인장님(^^) 제가 태그는 워낙 못해서 궁금한게 있는데요, 파토님이 글을 쓰실 때 예를 들어 "ㅇㅇㅇ 기사보기" 라고 글안에 써놓으시고 제가 클릭을 하면 기사가 글안에서 펼쳐지게 쓰시는데요, 그건 어떻게 하는건지 가르쳐 주세요. 저도 하고싶네요. 검색을 하려......more
제가 게시글 만들려니 필요하더라구요.
배울려고 검색하다 들렀습니다.
님덕에 정말 쉽게 배우고 가네요.
네이버검색도 해봐서 다르게 쓰는 가도 봐야겠네요
감사합니다.