IE, NS, ... 거의 모든 브라우져를 지원하는 show/hide입니다. 정보
javascript IE, NS, ... 거의 모든 브라우져를 지원하는 show/hide입니다.첨부파일
본문
1. Microsoft Internet Explorer 4.x/5.x/6.x on Windows
2. Microsoft Internet Explorer 5.x on Macintosh
3. Netscape 4.04+/6.x/7.x
4. Mozilla 1.0+
5. Konquerer 3.0+
6. Opera 7.0+
<script type="text/javascript">
<!--
HM_DOM = document.getElementById ? true : false;
HM_IE = document.all ? true : false;
HM_NS4 = document.layers ? true : false;
function HM_f_ToggleElementList(show,elList,toggleBy) {
if(!(HM_DOM||HM_IE||HM_NS4)) return true;
if(HM_NS4&&(toggleBy=="tag")) return true;
for(var i=0; i<elList.length; i++) {
var ElementsToToggle = [];
switch(toggleBy) {
case "tag":
ElementsToToggle =
(HM_DOM) ? document.getElementsByTagName(elList[i]) :
document.all.tags(elList[i]);
break;
case "id":
ElementsToToggle[0] =
(HM_DOM) ? document.getElementById(elList[i]) :
(HM_IE) ? document.all(elList[i]) :
document.layers[elList[i]];
break;
}
for(var j=0; j<ElementsToToggle.length; j++) {
var theElement = ElementsToToggle[j];
if(!theElement) continue;
if(HM_DOM||HM_IE) {
theElement.style.visibility =
show ? "inherit" : "hidden";
} else {
theElement.visibility =
show ? "inherit" : "hide";
}
}
}
return true;
}
// -->
</script>
사용법은 위의 스크립을 <head></head> 사이에 넣으시고,
필요한 곳에서 함수 호출하시면 됩니다.
<a .... onClick="HM_f_ToggleElementList(show,elList,toggleBy)" >
For example, this call:
HM_f_ToggleElementList(false,['form'],'tag');
will hide all form tags on the page, while this call:
HM_f_ToggleElementList(1,['form'],'tag');
will display all form tags on the page.
HM_f_ToggleElementList(0,['table','form','span'],'tag');
HM_f_ToggleElementList(true,['widget1','widget2','widget3'],'id');
파라메터 설명
show : boolean 변수로 true, false, 1, 0 true이면 보이고, false이면 숨깁니다.
elList : 효과를 주고자 하는 아이템의 ID 혹은 tag 의 이름. 위의 예제에서 보듯이 문자열 배열로
toggleBy : tag, id 를 사용하여 호출하는 방법 설정
2. Microsoft Internet Explorer 5.x on Macintosh
3. Netscape 4.04+/6.x/7.x
4. Mozilla 1.0+
5. Konquerer 3.0+
6. Opera 7.0+
<script type="text/javascript">
<!--
HM_DOM = document.getElementById ? true : false;
HM_IE = document.all ? true : false;
HM_NS4 = document.layers ? true : false;
function HM_f_ToggleElementList(show,elList,toggleBy) {
if(!(HM_DOM||HM_IE||HM_NS4)) return true;
if(HM_NS4&&(toggleBy=="tag")) return true;
for(var i=0; i<elList.length; i++) {
var ElementsToToggle = [];
switch(toggleBy) {
case "tag":
ElementsToToggle =
(HM_DOM) ? document.getElementsByTagName(elList[i]) :
document.all.tags(elList[i]);
break;
case "id":
ElementsToToggle[0] =
(HM_DOM) ? document.getElementById(elList[i]) :
(HM_IE) ? document.all(elList[i]) :
document.layers[elList[i]];
break;
}
for(var j=0; j<ElementsToToggle.length; j++) {
var theElement = ElementsToToggle[j];
if(!theElement) continue;
if(HM_DOM||HM_IE) {
theElement.style.visibility =
show ? "inherit" : "hidden";
} else {
theElement.visibility =
show ? "inherit" : "hide";
}
}
}
return true;
}
// -->
</script>
사용법은 위의 스크립을 <head></head> 사이에 넣으시고,
필요한 곳에서 함수 호출하시면 됩니다.
<a .... onClick="HM_f_ToggleElementList(show,elList,toggleBy)" >
For example, this call:
HM_f_ToggleElementList(false,['form'],'tag');
will hide all form tags on the page, while this call:
HM_f_ToggleElementList(1,['form'],'tag');
will display all form tags on the page.
HM_f_ToggleElementList(0,['table','form','span'],'tag');
HM_f_ToggleElementList(true,['widget1','widget2','widget3'],'id');
파라메터 설명
show : boolean 변수로 true, false, 1, 0 true이면 보이고, false이면 숨깁니다.
elList : 효과를 주고자 하는 아이템의 ID 혹은 tag 의 이름. 위의 예제에서 보듯이 문자열 배열로
toggleBy : tag, id 를 사용하여 호출하는 방법 설정
추천
0
0
댓글 전체
고수가 못되는 지라 자세한 설명은 저도 힘들구요.
스크립트를 쓸때, 보통 인터넷 익스플로러(우리나라)만을 생각하고 만들게 되어서
여타의 다른 브라우져에서는 페이지의 스크립트가 작동하지 않는 경우가 많습니다.
...
밑에 어떤분(죄송합니다. )께서 마우스를 클릭했을때 페이지의 요소들을 보였다 안보였다 하는 기능을 토글 시키는 스크립을 올리셨는데, 바로 넷스케이프에서는 안된다고 답글이 달린 것을 보고 올린 스크립입니다.
http://www.webreference.com/dhtml/hiermenus/inprogress/6/
이곳에서 전문을 찾아 보실 수 있습니다.
HierMenu 라는 스크립트를 만든 곳에서 기술 설명을 위해 만든 도큐먼트인 것 같습니다.
hiermenu를 이용하여 메뉴리스트를 만들고 메뉴시스템을 만들어 그누보드에 넣어 보려고 하고 있습니다만,
카피라이트 와 유료프로그램이라 어떨지 모르겠군요. ^ ^
http://www.webreference.com/dhtml/hiermenus/inprogress/9/
이 페이지에서 hiermenu의 최근릴리즈를 보실수 있습니다.
다양한 예제도 같은 페이지에서 보실 수 있습니다.
설정이 좀 복잡한 것 같은데,
프레임은 나눈 창사이에서도 사용할 수 있고,
원프레임 사이트에서도 사용할 수 있는 다양한 기능의 스크립트 입니다.
스크립트를 쓸때, 보통 인터넷 익스플로러(우리나라)만을 생각하고 만들게 되어서
여타의 다른 브라우져에서는 페이지의 스크립트가 작동하지 않는 경우가 많습니다.
...
밑에 어떤분(죄송합니다. )께서 마우스를 클릭했을때 페이지의 요소들을 보였다 안보였다 하는 기능을 토글 시키는 스크립을 올리셨는데, 바로 넷스케이프에서는 안된다고 답글이 달린 것을 보고 올린 스크립입니다.
http://www.webreference.com/dhtml/hiermenus/inprogress/6/
이곳에서 전문을 찾아 보실 수 있습니다.
HierMenu 라는 스크립트를 만든 곳에서 기술 설명을 위해 만든 도큐먼트인 것 같습니다.
hiermenu를 이용하여 메뉴리스트를 만들고 메뉴시스템을 만들어 그누보드에 넣어 보려고 하고 있습니다만,
카피라이트 와 유료프로그램이라 어떨지 모르겠군요. ^ ^
http://www.webreference.com/dhtml/hiermenus/inprogress/9/
이 페이지에서 hiermenu의 최근릴리즈를 보실수 있습니다.
다양한 예제도 같은 페이지에서 보실 수 있습니다.
설정이 좀 복잡한 것 같은데,
프레임은 나눈 창사이에서도 사용할 수 있고,
원프레임 사이트에서도 사용할 수 있는 다양한 기능의 스크립트 입니다.
이거원 뭔말인지 .....
고수님 간단한 설명 이라두 부탁 합니다^^
고수님 간단한 설명 이라두 부탁 합니다^^