이온디
첨부파일 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 12 / 12 pages
번호 제목 제목 날짜날짜
공지 코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP) 2018/01/03
공지 jQuery를 배울수 있는 동네들입니다. 2013/08/09
공지 관련 링크 [1] 2010/05/23
15 [프레임워크] [UI Kit] CSS Framework 어떤 것을 사용할 것인가? 출처: https://mobicon.tistory.com/353 [Intelligence Convergence] 파일 2019/03/21
14 [반응형 웹] 모바일 사이드바 만들기 2020/04/10
13 [반응형 웹] 기기별 미디어쿼리 사이즈,모바일 디바이스별 사이즈 파일 2020/05/02
12 Web Fundamentals 2020/05/02
11 [프레임워크] Material design 2020/07/02
10 [Meta] meta viewport 모바일에서 PC 사이즈 그대로 보기 2022/01/09
9 [map] 카카오맵 퍼블리싱 2022/03/31
8 [위지윅에디터] ckeditor5 2022/04/11
7 [svg] SVG PATH EDITOR (코드로 SVG 패스 만들기) 파일 2022/04/21
6 [CSS] css 글자 나누기 2022/05/10
5 [CSS] safari select background glory style 2022/07/14
4 [swiperjs] swiper.js 기본 템플릿 코드 2022/11/27
3 [swiperjs] swiper.js 숫자 페이징 2022/11/28
2 [swiperjs] swiper random shuffle 2022/11/28
1 [CSS] CSS Grid를 배워보는 링크 2023/01/31

해시태그 디렉터리

오늘의 핫게시물