메뉴 건너뛰기

조회 수 5266 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
아래 소스는 코딩시 디자이너분들께서 작업에 약간의 변경만 주시면
사이트 속도의 증진이 가능한 소스입니다. 확인하시고 아래 스크립트목록중 가능한것으로 작업해주시
면 됩니다.
(사용하기 편한 2번추천)


1.기본적으로 쓰이는 스크립트 <>는 <>로 바꾼후 사용해주세요.
< SCRIPT>
function showlayer(no)
{
if(no==1)
{
document.all.layer1.style.display="block";
document.all.layer2.style.display="none";
document.all.layer3.style.display="none";
document.all.layer4.style.display="none";
document.all.layer5.style.display="none";
}
else if(no == 2)
{
document.all.layer1.style.display="none";
document.all.layer2.style.display="block";
document.all.layer3.style.display="none";
document.all.layer4.style.display="none";
document.all.layer5.style.display="none";
}
else if(no == 3)
{
document.all.layer1.style.display="none";
document.all.layer2.style.display="none";
document.all.layer3.style.display="block";
document.all.layer4.style.display="none";
document.all.layer5.style.display="none";
}
else if(no == 4)
{
document.all.layer1.style.display="none";
document.all.layer2.style.display="none";
document.all.layer3.style.display="none";
document.all.layer4.style.display="block";
document.all.layer5.style.display="none";
}
else if(no == 5)
{
document.all.layer1.style.display="none";
document.all.layer2.style.display="none";
document.all.layer3.style.display="none";
document.all.layer4.style.display="none";
document.all.layer5.style.display="block";

}
< /SCRIPT>

2. 같은 사용법이지만 if else 사용하여 좀더 즉시적인 처리 <>는 <>로 바꾼후 사용해주세요.

<SCRIPT>
function showlayer(no)
{
if(no==1)
{
document.all.layer1.style.display="block";
}else{
document.all.layer1.style.display="none";
}

if(no==2)
{
document.all.layer2.style.display="block";
}else{
document.all.layer2.style.display="none";
}

if(no==3)
{
document.all.layer3.style.display="block";
}else{
document.all.layer3.style.display="none";
}

if(no==4)
{
document.all.layer4.style.display="block";
}else{
document.all.layer4.style.display="none";
}

if(no==5)
{
document.all.layer5.style.display="block";
}else{
document.all.layer5.style.display="none";
}
}
< /SCRIPT>

3-1. php의 경우 for문을 이용한 최적화 <>는 <>로 바꾼후 사용해주세요.

<SCRIPT>
function showlayer(no)
{
< ?
$limit_layer="5"; // 레이어 갯수
for($i=1;$i<$limit_layer;$i++){?>
if(no==<?=$i?>)
{
document.all.layer<?=$i?>.style.display="block";
}else{
document.all.layer<?=$i?>.style.display="none";
}
< ?}?>
}
< /SCRIPT>


3-2. asp의 경우 for문을 이용한 최적화 <>는 <>로 바꾼후 사용해주세요.

<SCRIPT>
function showlayer(no)
{
< %i=1; // 시작값
limit_layer=5; // 레이어 갯수
for i to limit_layer%>
if(no==<%=i%>)
{
document.all.layer<%=i%>.style.display="block";
}else{
document.all.layer<%=i%>.style.display="none";
}
< %next%>
}
< /SCRIPT>


List of Articles
번호 제목 날짜 조회 수
227 텍스트박스 입력제한(숫자,영문,한글,특수기호) 2019.01.16 1992
226 테이블에서 해당 열의 인덱스 값 얻는 방법 2018.08.29 2789
225 클릭위치로 레이어 띄우기 2014.03.01 6220
224 쿠키(Cookie)에 값 저장하기 2016.09.21 6952
223 체크박스(CheckBox) 전체 선택, 전체 해제 checked file 2018.07.04 2912
222 체크박스 체크하면 레이어 보여주기. 체크안하면 알려주기 2014.03.01 7458
221 체크박스 전체 선택 및 해제, 반드시 1개 이상 선택 강제 2019.01.16 1308
220 창에 대한 정보얻기 (창 크기, 창 위치) file 2015.06.19 7297
219 창 크기 최대화 시키기 file 2015.06.19 12222
218 차단된 팝업창을 허용하라는 스크립트 2014.02.27 6751
217 지정한 크기로 링크페이지 새창열기 2014.03.01 5455
216 지금 보고 있는 웹페이지 창을 닫으려고 합니다." 안나타나게 하기 2014.02.27 7183
215 주민번호 입력시 생일 자동입력 file 2014.03.01 5621
214 주민등록번호로 성별/나이/연령대 구분 2014.03.01 8794
213 주민등록번호 체크 file 2014.03.01 5908
212 제목에 한글 영문 숫자 와 공란만 입력하게 하고 싶습니다. 2014.03.01 6461
211 정규식을 이용한 콤마(comma) 제거하기 2015.06.19 6804
210 정규식을 이용한 실시간 콤마(comma) 넣기 2015.06.19 7876
209 접근성 윈도우 팝업 띄우기 2016.12.22 7114
208 적용이 간편한 [글목록 인쇄] 등 특정 영역 인쇄하기 팁 2014.02.27 5441
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved