웹모아
웹모아[손님] 검색   로그인    


 
폼태그(입력)
 


[RE] 레이어 사용시 Select객체에 가려지는 문제에 대한 해결책
  2006-11-08 01:16:15 댓글:(0)   조회:593


레이어 사용시 Select객체에 가려지는 문제에 대한 해결책 
출처 -  http://www.ihelpers.co.kr/ 
아래는 자료출처의 내용을 인용한것입니다. 

웹사이트의 기능상 레이어를 사용하여 특정 레이어가 동적으로 움직인 다거나 마우스를 따라 이동되는 등의 효과를 나타내게 작업을 해야 할 경우가 생긴다.  

그런데 불행히도 Form 객체 중 하나인 <select></select> 객체가 화면에 존재할 경우 이들이 항상 최상위로 나타나는 문제가 있다.  

이는 zindex 로도 해결이 되지 않는다.  

이에 대한 해결은 무식한 방법이지만 해당 페이지의 모든 Select 객체를 감춰버리 는 것이다.  

아래 함수는 이러한 역할을 한다.  

function showSelects(bVisible) { 
// only IE actually do something in here 
var selects = []; 
if (document.all) 
selects = document.all.tags("SELECT"); 
var l = selects.length; 
for (var i = 0; i < l; i++) 
selects[i].runtimeStyle.visibility = bVisible ? "" : "hidden"; 
}  

레이어 스크립트 적용시 같이 적용하면 됨.
레이어 작업시 showSelects(false) 로 감춰 버리고 다시 showSelects(true) 로 보여지게 하면 된다.  

사용예) 
예를 들어서 레이어적용할 스크립트가 
onmouseover='showBox();' 
onmouseout='hideBox();' 

일때 같이 적용하면 됩니다. 

onmouseover='showBox();showSelects(false);' 
onmouseout='hideBox();showSelects(true);'



 댓글 (0)


폼태그(입력)
페이지: 1 / 2   


     select박스에 텍스트 벨류를요 카페에서 메뉴를 586
     iframe 에서 text field 값 얻어 오기708
     select 상자 그룹 예제611
      숫자만, 영문만, 한글만 입력하고 싶을 때986
     INPUT : 숫자만 입력하기693
     입력박스에 특수문자 입력못하게 하려면648
     row 추가 2662
       [RE] row 추가 2 - 테이블이름 지정667
         [RE] row 추가 2 - 테이블이름 지정-삭제585
     추가, 삭제 누르면서 테이블 행추가, 삭제하기 스크612
     row 추가671
     테이불 추가 스크립트758
     입력박스에 안내메세지 넣기(홈마스타)772
     동적으로 객체를 변경하는 자바스크립트(홈마스타)682
     자바스크립트를 써서 폼구문안에 전송(submit)하(홈마스타)587
       [RE] 자바스크립트를 써서 폼구문안에 전송(sub(홈마스타)579
     테이블(표)의 셀 여백 삭제 [border-coll(홈마스타)(1) 824
     폼 양식 요소들의 글자 색상 지정 [font-col(홈마스타)634
     폼 양식 요소안의 글자 정렬 지정 [text-ali(홈마스타)655
     폼 양식 요소들의 글자 크기 지정 [font-siz(홈마스타)586
     아이프레임의 배경을 투명처리하기[allowTrans(홈마스타)717
     iframe의 배경을 투명하게 하는법(홈마스타)601
       [RE] iframe의 배경을 투명하게 하는법(홈마스타)542
     레이어의 현재 마우스 위치(홈마스타)604
     레이어 감추기와 보이기 다른 예제(홈마스타)595
     레이어 감추기와 보이기 - select박스 보이기와(홈마스타)629
       [RE] 레이어 감추기와 보이기 - select박스(홈마스타)851
         [RE] 레이어 감추기와 보이기 - select박(홈마스타)634
    [RE] 레이어 사용시 Select객체에 가려지는 (홈마스타)594
     body 태그 예제(홈마스타)469
≪ [1]  [2]   ≫

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



 
최근 글
[손님]
84
73
229
376
621
374
415
239
358
3807
911
954
1199
974
4266
 
인기 글
[손님]
5235
6904
3415
3364
4518
10478
3078
4715
4076
3066
  [홈마스타] input 버턴의 모양
6622
  [랜드모아] 영문과 숫자만 사용
3101
4095
8839
5371