이온디
첨부파일 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 9 / 12 pages
번호 제목 제목 날짜날짜
공지 코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP) 2018/01/03
공지 jQuery를 배울수 있는 동네들입니다. 2013/08/09
공지 관련 링크 [1] 2010/05/23
75 [Script] 간단한 javascript 페이징 처리 - 미니페이지 2014/06/16
74 [Script] 슬라이드 이미지 2014/06/16
73 [Script] Top으로 스크롤 되면서 돌아가기... (by sisims) 파일 2014/09/29
72 [jQuery] jQuery Image Slider and Gallery 2015/05/27
71 [Form] form 태그 안에서의 button 태그의 사용 방법(button, a, input type=submit) 2015/06/21
70 [프레임워크] http://getuikit.com 2015/08/09
69 [프레임워크] jquery-steps.com 2015/08/10
68 [프레임워크] http://pages.revox.io/doc/jquery/form_wizard.php 2015/08/10
67 [프레임워크] http://view.jquerymobile.com/master/demos/ 2015/08/10
66 [반응형 웹] responsive-animated-block-menu 2015/08/15
65 [반응형 웹] [다음 TROY] 기기별 모바일 해상도 테스트 할 수 있는 사이트 2015/08/22
64 [반응형 웹] 모바일 실제 해상도와 device-width 2015/08/24
63 [위지윅에디터] Web-Based HTML Editor 비교 및 미리보기 2015/08/25
62 [위지윅에디터] 오픈소스 HTML 기반의 위지윅 에디터 2015/08/25
61 [위지윅에디터] 기타 위지윅 에디터 2015/08/25
60 [위지윅에디터] ckeditor 공식사이트 2015/08/25
59 [반응형 웹] 반응형웹(MediaQuery) 템플릿 파일 2015/08/26
58 [반응형 웹] 반응형 템플릿 (naradesign) 2015/08/26
57 [부트스트랩] New Bootstrap 4 alpha 파일 2015/08/27
56 [Script] jQuery Cookie(쿠키) 처리 [출처] jQuery Cookie(쿠키) 처리|작성자 주용준 2015/08/27

해시태그 디렉터리

오늘의 핫게시물