반응형
엑셀에서 셀 병합 비활성화 되었을때
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>
반응형