본문 바로가기

Frontend/jQuery & JSTL

01/10 회고

반응형

엑셀에서 셀 병합 비활성화 되었을때

CASE) 표로 저장되어 있는 경우

Sol) 디자인 탭에서 [범위로 변환] 클릭하여 표를 해제

CASE) 공유가 걸려있는 경우

Sol) 검토 탭에서 [시트 보호], [통합 문서 보호], [통합 문서 공유] 눌러 해제

 

CSS

버튼 눌러 드롭다운 메뉴 활성화

<style>
    .dropdown-content {
        display: block;
        position: absolute;
        background-color: #d3d3d3;
        min-width: 160px;
        margin-left: 25%;
        z-index: 1;
    }

    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

    .wrap {
        width: 235px;
        overflow-y: scroll;
    }
</style>
....
<div class="content-box">
	<div class="info">
	<p>head</p>
	<p>
		text
	</p>
	</div>
	<div class="sub_content">
		<div class="dropdown-content">
			<a href="javascript:void(0)" role="button" class="arrow active" id="left_menu"
			onclick="toggleDropdown()">드롭다운</a>
			<div class="wrap" id="wrap">
				<div class="list">

				<!-- 하위 메뉴 있을 시 자동으로 화살표 생성 -->
				<!-- class="active" 시 폰트 굵기 변경 -->
				<ul id="left_menu_ul" style="display: none;">
				<li>
				<span style="display: none;">1</span>
				<!-- class="on" 시 색변경 -->

				<a href="javascript:void(0)" role="button"
				   onclick="goDvzPblSvl('')" class="on"><h4>1</h4>
				</a>
				</li>
				<li style="display: none;">
				<span style="display: none;">2</span>
				<!-- class="on" 시 색변경 -->

				<a href="javascript:void(0)" role="button"
				   onclick="goDvzPblSvl('1')" class=""><h4>2</h4>
				</a>
				</li>
	...
</div>
<script>
	...
	function toggleDropdown() {
        var x = document.getElementById("left_menu_ul");
        if (x.style.display === "none") {
            x.style.display = "block";
            x.style.height = "120px";
        } else {
            x.style.display = "none";
        }
    }
    ...
</script>
반응형

'Frontend > jQuery & JSTL' 카테고리의 다른 글

01/18 회고  (0) 2024.01.18
01/16 회고  (0) 2024.01.16
01/08 회고  (0) 2024.01.08
01/05 회고  (0) 2024.01.08
01/04 회고  (0) 2024.01.04