웹모아
웹모아[가입] 로그인 / 회원가입   검색     


  
버턴관련테그
  

▽[RE] Label 태그를 Image로 하기
2009-02-15 13:07:33 댓글:(0)   조회:10421
 

<pre>
ie에서 label태그를 텍스트가 아닌 이미지로 쓸 경우의 버그

<input id="txt1" type="checkbox"> 
<label for="txt1">label TEXT</label> 


위 코드처럼 label TEXT란 글자를 label태그로 감싼 후 checkbox의 id와 label 태그의 for값을 매칭시켜주면 아래의 예시와 같이 checkbox와 텍스트는 서로 연동되어져 동작하게 됩니다. 

텍스트에 클릭을 해도 체크박스의 체크여부를 설정할 수 있습니다. 

 


--------------------------------------------------------------------------------


 

그러나 label TEXT란 텍스트 대신 image형태로 처리하게 되면 IE의 경우는 label본연의 기능이 동작하지 않습니다. 
(버그일까요? ) 

IE사용자 분들은 아래 예시를 통해 확인해보실수 있습니다. 


이럴 경우 간단한 Javascript를 통해서 label 태그의 기능을 사용할수 있습니다. 
(IE일경우만 동작하는 스크립트 입니다.)

 
<input id="img2" type="checkbox"> 
<label for="img2" onclick="if(navigator.appVersion.indexOf(’MSIE’) != -1){img2.click()}">
<img src="이미지경로" style="cursor:pointer">
</label>
</pre>
. 

[다음글] ▽ label 태그


 
※ 댓글쓰기는 회원(로그인 하신분) 이상 가능합니다.


 댓글 (0)

  
버턴관련테그
 페이지: 1 / 3   

▽ label 태그
열람:13155   2009.02.15 		
▽   [RE] Label 태그를 Image로 하기
열람:10422   2009.02.15 		
▽ Select 꾸미기 optgroup 사용
(홈마스타) 열람:9792   2007.06.10 		
▽ 체크박스라디오버튼체크유무검사.html
(홈마스타) 열람:10935   2007.05.30 		
▽ input type="file" 의 value값 초기화 시키기
(홈마스타) 열람:10966   2006.12.30 		
▽   [RE] input type=\
(홈마스타) 열람:11459   2006.12.30 		
▽   [RE] input type=\
(홈마스타) 열람:10567   2006.12.30 		
▽ input 버턴의 모양
(홈마스타) 열람:8970   2006.12.21 		
▽ 중보입력 방지 루틴
(홈마스타) 열람:10351   2006.09.05 		
▽ 파일업로드 버턴을 이미지로
(홈마스타) 열람:2282   2006.08.05 		

[1]  [2]  [3]   ≫

복수단어 검색은 공백(space)로 구분해 주세요.




 
최근 글 ▽[손님]
 
인기 글 ▽[손님]
▽[예진아씨] 자료없음