이온디
첨부파일 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 7 / 12 pages
번호 제목 제목 날짜날짜
공지 코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP) 2018/01/03
공지 jQuery를 배울수 있는 동네들입니다. 2013/08/09
공지 관련 링크 [1] 2010/05/23
115 [웹표준] HTML5의 모든 것 [1] 2010/12/02
114 [Script] 세로 슬라이드 메뉴 2012/12/13
113 [Script] 세로 슬라이드 메뉴, 마우스 오버 [1] 2012/12/13
112 [Script] 로그인창 띄우기 2012/12/14
111 [UI] jquery menu slide 2012/12/16
110 [Script] 자바스크립트로 CSS 불러오기 파일 2013/02/22
109 [PHP] 쿠키를 굽자 2013/02/22
108 [부트스트랩] 기본 부트스트랩 템플릿 2013/02/24
107 [부트스트랩] 부트스트랩의 아이콘 지원 브라우저 2013/02/25
106 [HTML5] HTML5 시멘틱 구조 태그 2013/02/28
105 [부트스트랩] #1 부트스트랩이란? 2013/03/01
104 [부트스트랩] #2 부트스트랩의 특징 [1] 2013/03/04
103 [Meta] Meta Tag(메타태그) 사용법 2013/03/05
102 [HTML5] img style 속성 2013/03/12
101 [웹접근성] 웹접근성이란 파일 2013/08/06
100 [HTML5] IE보완 - 조건부 주석 2013/08/06
99 [웹접근성] 웹 접근성 이슈 파일 2013/08/06
98 [웹폰트] 구글 웹폰트 서비스 이용하기 파일 2013/08/06
97 [Script] News Ticker - 한줄 전광판, 한줄씩 올라가는 스크립트, 뉴스티커 파일 2013/08/07
96 [웹폰트] Daum font로 Google Font API 따라잡기 2013/08/09

해시태그 디렉터리

오늘의 핫게시물