2005년 08월 29일
이것이 바로 더 좋은 접기 기능!
[백업] more less 태그를 이용한 박스
샐리의 오두막이라는 곳에서 가져왔습니다.
기존의 이글루에서 지원해주는 more기능은 상당히 부족한 부분이 많네요.
약간 넣어야하는것이 길긴 하지만 알아두면 편리한 기능입니다.
모르시는분이야 거의 없겠지만 모르니까 트렉벡을<-
<a href='javascript:void(0)' onclick=this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';>여닫기</a><DIV style='display:none'>내용</div>
제 테그는 이것.-_-;;
단 이건 열고 닫는것이 똑같이 하나로 이루어져있습니다.
<a href='javascript:void(0)' onclick=this.innerHTML=(this.nextSibling.style.display=='none')?'감추기':'보기';this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';>누르세요</a><DIV style='display:none'>
내용</DIV>
이렇게하면 나눠서 보이게되죠.
박스테이블을 하나 넣어놓으셨길래 삭제했습니다.
여러개 한꺼번에 넣을때는 none대신에 다른것을 넣어주시면 되겠죠.
샐리의 오두막이라는 곳에서 가져왔습니다.
기존의 이글루에서 지원해주는 more기능은 상당히 부족한 부분이 많네요.
약간 넣어야하는것이 길긴 하지만 알아두면 편리한 기능입니다.
모르시는분이야 거의 없겠지만 모르니까 트렉벡을<-
<a href='javascript:void(0)' onclick=this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';>여닫기</a><DIV style='display:none'>내용</div>
제 테그는 이것.-_-;;
단 이건 열고 닫는것이 똑같이 하나로 이루어져있습니다.
<a href='javascript:void(0)' onclick=this.innerHTML=(this.nextSibling.style.display=='none')?'감추기':'보기';this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';>누르세요</a><DIV style='display:none'>
내용</DIV>
이렇게하면 나눠서 보이게되죠.
박스테이블을 하나 넣어놓으셨길래 삭제했습니다.
여러개 한꺼번에 넣을때는 none대신에 다른것을 넣어주시면 되겠죠.
# by | 2005/08/29 15:48 | 자잘한 정보 | 트랙백 | 덧글(3)






☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]
좋은 정보 감사!