이온디
첨부파일 https://imweb.eond.com/coding/20457
http://eond.com/mynote/
즐겨찾기[+] | 미니홈피[+]

왼쪽 하단에 보시면 이런 두개의 셀렉트 폼이 존재합니다.
즐겨찾기를 클릭하면 LinkerSticker 셀렉트 폼이 나오고 다시 클릭하면 사라지는 토글이죠.
미니홈피 역시 마찬가지입니다.
처음 접속 시는 즐겨찾기 하나의 셀렉트 폼만 나오게 됩니다.

구현하려는 것이,
즐겨찾기를 클릭하면 즐겨찾기 셀렉트 폼만 나오고 미니홈피 셀렉트 폼은 사라지고,
미니홈피를 클릭하면 미니홈피 셀렉트 폼만 나오고 즐겨찾기 셀렉트 폼은 사라지게 하려고 하거든요.

레이어에 z-index 속성을 넣어서

문제, 같은 위치에 2개의 레이어 삽입하는 것.

<script>

//마우스On ShowLayer
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
</script>

<span onMouseOver="MM_showHideLayers('fav','','show','minihompy','','hide')" style="cursor:hand">즐겨찾기[+]</span>
<span onMouseOver="MM_showHideLayers('minihompy','','show','fav','','hide')" style="cursor:hand">미니홈피[+]</span>
코멘트 2
접기/펴기 | 댓글 새로고침
  • 이온디
    이거 잘 안되네. -_-; 우선 미완성으로 붙여놓자.
    오후 01:27
    댓글
  • 이온디
    아래 팁, 같은 위치에 두 개의 레이어 띄우기는 합쳐야 되는 거구나. -.-;;
    오후 01:30
    댓글
 
 
Total 235 articles in 3 / 12 pages
번호 제목 제목 날짜날짜
공지 코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP) 2018/01/03
공지 jQuery를 배울수 있는 동네들입니다. 2013/08/09
공지 관련 링크 [1] 2010/05/23
195 [부트스트랩] 부트스트랩 유료테마 파일 2016/06/22
194 [부트스트랩] metronic_v4.5.2 UI bootstrap 2015/12/18
193 [부트스트랩] Admin & Dashboard 파일 2016/06/22
192 [부트스트랩] 부트스트랩 COLLAPSE 아코디언 효과 2016/06/15
191 [부트스트랩] 부트스트랩 커스텀 padding, margin 2016/06/05
190 [부트스트랩] 부트스트랩에서 margin-top 은 어떻게 표현할까? 2016/06/05
189 [프레임워크] igniteui 2015/12/24
188 [부트스트랩] [부트스트랩UI] http://lambdathemes.in/ 2015/12/18
187 [svg] svg 색깔 칠하기 2015/11/27
186 [svg] jenkov svg tutorial 2015/11/27
185 [svg] 간단한 예제, 네모난 박스 svg 2015/11/26
184 [svg] svg 제공 사이트, thenounproject.com 2015/11/26
183 [svg] 점점점 more 아이콘 svg 파일 2015/11/26
182 [svg] SVG 소개 2015/11/26
181 [svg] SVG 표현하는 5가지 방법 2015/11/26
180 [웹폰트] 모빌리어스 웹폰트 사용하기 2015/11/19
179 [Form] form 태그의 기본적인 사용방법 2015/08/31
178 [Form] 인풋 폼 이미지로 대체하기 [1] 2004/05/21
177 [Form] form 태그 안에서의 button 태그의 사용 방법(button, a, input type=submit) 2015/06/21
176 [크로스브라우징] browserstack 2015/08/31

해시태그 디렉터리

오늘의 핫게시물