펼치기 / 접기가 안되어 고통받는 모든 이글루스 블로거들에게...
-접기를 해도 플래시등이 계속 재생된다는 제보가 있어서 접은 내용을 Reset시키는 기능 추가
-자잘한 버그 수정.
1. 블로그에 아래 위젯을 추가해둔다.
http://valley.egloos.com/center/widget/4823 이글루스에서 위젯에 일부 기능을 막아서 수정
아무런 형태가 없는 위젯이다보니
블로그에 이 위젯을 삽입해도 보이지는 않는다.
여기까지는 같고 좀더 편하게 바꿔보았다.
예전 방법도 여전히 기능한다.
============================================
2. 접기 시작 부분에 [펼치기/접기 버튼]으로 쓸 부분을 지정하고
링크 버튼을 사용하여 아래와 같이 #foldStart 라는 링크를 추가한다.
(new) 접어도 계속 재생되는 등의 문제가 있다면 #foldStartR 이라는 링크를 추가한다. (접은 내용을 리셋해준다)
3.
접기가 끝나는 부분에는 같은 방식으로 [접기 버튼]으로 쓸부분에 #foldEnd 라는 링크를 추가한다.
짧은 글을 접을때는 << 라고만 써놓고 #foldEnd를 추가하면 접기버튼이 생기기 않는다.
※예시
접을 내용1
접을 내용2
접을 내용1
접을 내용이 짧을때
짧은 내용
============== 여기부터는 예전방법 ==============
2. 글작성시 html 입력에서 다음과 같이 작성
<span class=openBtn>[펼치기 버튼]</span><div>
[이곳에 펼치기/접기할 내용이 들어간다]
<span class=closeBtn>[접기 버튼]</span></div>
혹은
<div class=openBtn>[펼치기 버튼]</div><div>
[이곳에 펼치기/접기할 내용이 들어간다]
<div class=closeBtn>[접기 버튼]</div></div>
(new) 접어도 계속 재생되는 등의 문제가 있다면 openBtn대신 openBtnR을, closeBtn대신 closeBtnR을사용한다. (접은 내용을 리셋해준다)
※ 예시
>>펼치기
펼치기 / 접기가 안되어 고통받는 모든 이글루스 블로거들에게...
<<접기
내용이 짧을떈 이런식으로만 해도 된다.
<div class=openBtn>[펼치기/접기 버튼]</div><div>
[이곳에 펼치기/접기할 내용이 들어간다]
</div>
※ 예시
>>펼치기/접기
펼치기 / 접기가 안되어 고통받는 모든 이글루스 블로거들에게...
※ 참고사항
- 에디터 상에서는 작동하지 않는다.
- 위젯 추가가 안되니 당연하지만...
모바일 버전에선 작동하지 않는다.
- 아래쪽 접기 버튼을 누르면 펼치기 버튼이 있던 자리로 스크롤이 이동하게 되어있다.
그렇지 않으면 긴글을 접었을때 본래의 글 위치를 한참 벗어나는 경우가 있다.
p.s. 공개된 위젯 업뎃은 어찌해야하는건지...;
아시는 분 제보 좀...
결국 공개 취소했다 재 공개
덧글
살펴보니 이글루스에서 위젯 기능 일부를 막아버렸네요.
그래도 코드 압축 안하니 돌아가길래 수정해뒀습니다.
http://valley.egloos.com/center/widget/4966
그리고 요샌 저런거 없이 html 태그로도 가능은 합니다.
<details>
<summary>펼치기/접기</summary>
내용
</details>
이런식으로. 이건 모바일에서도 통합니다.
제가 이 위젯 만들 당시엔 이 태그 존재를 몰랐기도 했고,
몇가지 태그로는 불편한 것도 몇개 있었고 그랬네요.