이글루스에 포스팅 할때 접기 태그 사용하기
요즘 운영되는 대부분의 무료 서비스들은 일부 태그와 모든 스크립트의 사용을 제한한다.
하지만, 웹서비스의 기본인 링크태그(a 태그) 는 원론적으로 막을수 없으며 막아서는 안되기 때문에 a 태그를 이용해서 간단한 스크립트를 이용할 수 있다.
a 태그는 링크를 작성할때 사용하는 <a href ... 태그를 말한다.
아래와 같이 작성한다.(물론, html 입력으로 해야 한다)
<a href="javascript:void(0)" style="cursor:hand;" onclick="jubdiv.style.display='none';">접기</a>
<a href="javascript:void(0)" style="cursor:hand;" onclick="jubdiv.style.display='';">열기</a>
<div id="jubdiv" name="jubdiv" style="width:100px;height:100px;background:#FF0000">접을 부분</div>
아래는, 작성된 태그로 실행된 모습이다.
주의할점은, 높이(height) 와 넓이(width) 를 지정해줄때는 반드시 숫자에 px 를 붙여줄것.
이 포스팅을 작성하면서, 이상한점은 onclick 태그를 막아두지 않았다는 점이다.
예전에는 onclick 태그를 대부분 막아두는게 보편적이었는데, 이글루스에서는 다른 방법으로 스크립트를 막아두는가 보다.
P.S. 2012.02.14 추가
마우스를 올려 놓았을때 손가락 모양이 생기지 않아서, href 태그를 추가했다.
그런데, href 태그를 넣으면 실제로 화면이 이동하는 문제가 생기기 때문에, href 로 인해 페이지가 이동하는 것을 막기 위해 void(0) 을 넣어준다.
그래서,
<a href="javascript:void(0)"
과 같은 방식으로 태그를 작성하면 된다.
덧글