이온디
첨부파일 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 11 / 12 pages
번호 제목 제목 날짜날짜
공지 코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP) 2018/01/03
공지 jQuery를 배울수 있는 동네들입니다. 2013/08/09
공지 관련 링크 [1] 2010/05/23
35 [부트스트랩] 부트스트랩 유료테마 파일 2016/06/22
34 [부트스트랩] [PSD] Responsive Bootstrap Grids 2016/06/22
33 [부트스트랩] [Bootstrap] 무료 부트스트렙 템플릿 사이트 파일 2016/06/23
32 [위지윅에디터] ckeditor 튜닝 및 설정 방법 2017/06/26
31 [프레임워크] Kendo UI 파일 2017/06/29
30 [위지윅에디터] 프로알라 에디터 이모티콘 커스텀 방법 2017/07/25
29 [부트스트랩] 부트스트랩 5열 그리드 2017/12/20
28 [프레임워크] uikit 파일 2017/12/27
27 [HTML5] HTML5 New Elements - New Semantic/Structural Elements 2018/01/07
26 [부트스트랩] Bootstrap 3 offset on right not left 2018/04/17
25 [프레임워크] JUI Framework 2018/05/27
24 [프레임워크] 재사용 UI 컴포넌트 설계 (by SK Planet FE개발자 윤지수, 2016/04/04) 2018/05/27
23 [프레임워크] 자주 사용되는 UI 패턴(컴포넌트) 과 UI 레이아웃 2018/05/27
22 [프레임워크] 설계 노하우: UI 컴포넌트 파일 2018/05/27
21 [프레임워크] 베스트 10 리액트 UI 라이브러리(10 Best React UI Library) 파일 2018/05/27
20 [프레임워크] BULMA CSS 프레임워크 2018/08/19
19 [프레임워크] 비밀글 Bulma Customizing 2018/08/27
18 [프레임워크] Bulma CSS Framework Customize with PHPStorm 2018/08/27
17 [프레임워크] Bootstrap VS Bulma 파일 2018/08/29
16 [프레임워크] Bootstrap Customize Site 2018/08/30

해시태그 디렉터리

오늘의 핫게시물