이전 스크립트는 리스트 갯수를 명확히 알아야 에러가 안나게 돌았으나
이번꺼는 어느정도 예상하는 max값을 넣어주고 그 이상이 아니라면
에러없이 돌수 있게 null값인가 아닌가를 비교해줬다.
그리고 한 사이트에 요딴식의 코드가 많이 들어갈 지도 모르기때문에
listClick()만 페이지에 심어주고 list()는 공통으로 뺄 수 있게
maxCnt, dname으로 리스트 갯수나 id이름을 밖으로 빼서 제어할 수 있게 했다.
대략 간단한거지만 팀장님께 개념부터 다시 설명들어가며
옴팡지게 배웠다 뿌하하하하!
-_- 과연.. 다음번에는 개념 정리가 되어있을 것인가....
<script type="text/javascript">
function listClick(num) {
var maxCnt = 20;
var dname = "listView";
list(num,maxCnt,dname);
}
function list(num,maxCnt,dname) {
for (var i=1;i<=maxCnt;i++) {
var boxObj = document.getElementById(dname+i);
if( boxObj == null ) { continue; }
boxObj.style.display = (num == i) ? "" : "none";
}
}
</script>
<a href="javascript:listClick(1);">1~</a>
<a href="javascript:listClick(2);">2~</a>
<a href="javascript:listClick(3);">3~</a>
<a href="javascript:listClick(4);">4~</a>
<div id="listView1" style="display:none">1</div>
<div id="listView2" style="display:none">2</div>
<div id="listView3" style="display:none">3</div>
<div id="listView4" style="display:none">4</div>
이번꺼는 어느정도 예상하는 max값을 넣어주고 그 이상이 아니라면
에러없이 돌수 있게 null값인가 아닌가를 비교해줬다.
그리고 한 사이트에 요딴식의 코드가 많이 들어갈 지도 모르기때문에
listClick()만 페이지에 심어주고 list()는 공통으로 뺄 수 있게
maxCnt, dname으로 리스트 갯수나 id이름을 밖으로 빼서 제어할 수 있게 했다.
대략 간단한거지만 팀장님께 개념부터 다시 설명들어가며
옴팡지게 배웠다 뿌하하하하!
-_- 과연.. 다음번에는 개념 정리가 되어있을 것인가....
<script type="text/javascript">
function listClick(num) {
var maxCnt = 20;
var dname = "listView";
list(num,maxCnt,dname);
}
function list(num,maxCnt,dname) {
for (var i=1;i<=maxCnt;i++) {
var boxObj = document.getElementById(dname+i);
if( boxObj == null ) { continue; }
boxObj.style.display = (num == i) ? "" : "none";
}
}
</script>
<a href="javascript:listClick(1);">1~</a>
<a href="javascript:listClick(2);">2~</a>
<a href="javascript:listClick(3);">3~</a>
<a href="javascript:listClick(4);">4~</a>
<div id="listView1" style="display:none">1</div>
<div id="listView2" style="display:none">2</div>
<div id="listView3" style="display:none">3</div>
<div id="listView4" style="display:none">4</div>
'Web > JavaScript' 카테고리의 다른 글
| 펼첬다 닫히는 고런~ 꼬라지~ 2탄!!! (2) | 2007.10.22 |
|---|---|
| png와 함께해요~ (0) | 2007.10.02 |
| 펼첬다 닫히는 고런~ 꼬라지~ (0) | 2007.10.01 |
| 얍실한 paging script (0) | 2007.10.01 |
