탭 토글 스크립트 [이미지]

전에 올린 탭 토글 스크립트는 class를 적용한 것이고
이번 것은 롤오버 이미지를 사용한 것 이다. 사용 방법은 동일 하며 롤오버 이미지 네이밍 규칙이 있다.
끝부분 on.gif , off.gif

 

이번에는 내용 부분도 넣어 보았다. class를 사용하는 탭 토글도
document.getElementById(‘tab_con_’+i).style.display = (tab==i)? ‘block’ : ‘none’;
해당 소스로 내용 부분의 display를 조정 할수 있을 것 이다.

 

이것 역시 처음 보여질 탭을 설정할수 있다. [개발고려]

프린트시 스타일 달리 적용

보통 홈페이지에서 인쇄를 지원할때 인쇄가 안됐으면 하는 요소들이 분명히 있다.프린트 하기 버튼이라든지.. 뭐 그게 뭐든지 간에 프린트 할때 style을 달리 적용할수 있다.

@media print 는 프린트할때의 경우만 따로 스타일을 지정할수 있다.
예제1을 프린트할 경우는 본문 부분만 나온다.

디자인 셀렉트박스

확실하게 크로스브라우징이 되는 것들은 못본 것 같다.
밑에 이 소스는 select box의 style을 따라 같다거나 값을 넘겨준다거나 하는 것은 없다.
값을 넘기려면 type이 hidden인 input 을 만들어서 선택하는 function selecttxt 안에 해당 value를 넣어 주면 될 것이다.

모르는 부분은 없을 것이다.
포인트는 선택 했을때 innerHTML로 선택한 값을 보여준다.