잡담
2022.07.13 11:28
혹시 JS 잘하는 사람 공지 어떻게 숨기는지 좀 도와주셈
조회 수 64 추천 수 0 댓글 8
대략 어떤걸 숨겨야 할지는 알겠는데 문제는 공지 접기 버튼을 누르면 공지 펼치기로 바뀌는 부분과 새로고침을 해도 공지 접기나 펼치기 상태가 게시판 한정으로 반영이 되어야함. 이걸 보르겠음.
Who's 뉴리대장
호이4)모딩) 흝어진 퍼즐을 모으자.
Share-
-
?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>제목</title>
</head>
</body>
<style>
#toc-content {
display: none;
}
#toc-toggle {
cursor: pointer;
color: #2962ff;
}
#toc-toggle:hover {
text-decoration: underline;
}
</style>
목차 [<span id="toc-toggle" onclick="openCloseToc()">보이기</span>]
<ol id="toc-content">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>
<script>
var view_key=localStorage.getItem('view_key');
console.log(view_key);
if(view_key=="true"){
document.getElementById('toc-content').style.display = 'none';
document.getElementById('toc-toggle').textContent = '보이기';
}else if(view_key=="false"){
document.getElementById('toc-content').style.display = 'block';
document.getElementById('toc-toggle').textContent = '숨기기';
}
function openCloseToc() {
if(document.getElementById('toc-content').style.display === 'block') {
document.getElementById('toc-content').style.display = 'none';
document.getElementById('toc-toggle').textContent = '보이기';
localStorage.setItem('view_key',true);
} else {
document.getElementById('toc-content').style.display = 'block';
document.getElementById('toc-toggle').textContent = '숨기기';
localStorage.setItem('view_key',false);
}
}
</script>
</body>
</html>
일단 만들어봣는데 위 소스 그대로 html 파일로 만들어서 테스트 해보시면 될듯
생각하시는게 다를거 같아서 틀릴수도있을거같은데 개인적으로는 공부가 되서 잘 써먹을듯요 -
?
https://joshua-dev-story.blogspot.com/2020/09/javascript-collapse.html
이 블로그 참고해보시는건 어떨지?
고정은 css style 쪽에서 고정시키거나 따로 값을 가지고 있게해서 적용해야할거같은데 그건 좀더 찾아봐야할듯요
-
?
css 고정은 localstorage 라는게 잇어서 찾아보고있는데 얼추 정리되면 예시코드 한번 드릴수있을듯요
-
일단 공지글 자체는 tr.notice만 날리면 됨. 그 날리는 버튼을 어떻게 만드는지가 문제임.
-
?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>제목</title>
</head>
</body>
<style>
#toc-content {
display: none;
}
#toc-toggle {
cursor: pointer;
color: #2962ff;
}
#toc-toggle:hover {
text-decoration: underline;
}
</style>
목차 [<span id="toc-toggle" onclick="openCloseToc()">보이기</span>]
<ol id="toc-content">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>
<script>
var view_key=localStorage.getItem('view_key');
console.log(view_key);
if(view_key=="true"){
document.getElementById('toc-content').style.display = 'none';
document.getElementById('toc-toggle').textContent = '보이기';
}else if(view_key=="false"){
document.getElementById('toc-content').style.display = 'block';
document.getElementById('toc-toggle').textContent = '숨기기';
}
function openCloseToc() {
if(document.getElementById('toc-content').style.display === 'block') {
document.getElementById('toc-content').style.display = 'none';
document.getElementById('toc-toggle').textContent = '보이기';
localStorage.setItem('view_key',true);
} else {
document.getElementById('toc-content').style.display = 'block';
document.getElementById('toc-toggle').textContent = '숨기기';
localStorage.setItem('view_key',false);
}
}
</script>
</body>
</html>
일단 만들어봣는데 위 소스 그대로 html 파일로 만들어서 테스트 해보시면 될듯
생각하시는게 다를거 같아서 틀릴수도있을거같은데 개인적으로는 공부가 되서 잘 써먹을듯요 -
?
html 코드 이대로 올려도 괜찮은지는 모르겟는데 문제가 된다면 얘기해주시면 바로 삭제하겟습니다~
-
감사합니다. 제이쿼리 없는 바닐라 js네요. 해당 코드 참조해서 구현해 보도록 하겠습니다.
-
?
화이팅입니다 ^^
-
이거 내가 파일 목록 접기 스크립트 만들어놓은 거 쿠키랑 섞어 쓰면 될 텐데
유머/자유 게시판
유머를 포함하여 국내 정치 이외의 이야기를 자유롭게 할 수 있는 게시판 입니다
베스트
더보기
유머
특허로 갑질한 회사의 최후
4
|
2024-04-27 14:35 | The_Libertines |
|
잡담
흥분한 강아지 진정시키기
3
|
2024-04-22 20:47 | 사막눈여우 |
|
유머
[유머]왜.. CG 를 넣은걸까.
1
|
2024-04-22 11:52 | 사막눈여우 |
| 잡담 대기업이랑 악연이 심한 지역 빵집 3 | 2024-04-21 13:11 | The_Libertines |
|
애니/서브컬쳐
어둠의실력자) 흔한 마우스패드 굿즈.jpg
4
|
2024-04-20 22:04 | 바티칸시국 |
| 잡담 6년전 면접본게 지금도 나를 괴롭힌다. 7 | 2024-04-19 16:13 | The_Libertines |
|
유머
사람이 죽어 저승에 가면.jpg
3
|
2024-04-18 01:16 | 바티칸시국 |
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 추천 수 | 조회 수 |
|---|---|---|---|---|---|---|
| 공지 | 우리 사이트는 스퀘어발 난민을 환영합니다 | 뉴리대장 | 2023.12.18 | 5 | 776 | |
| 공지 | 사이트 이용 규칙(2024.02.23. 수정) 17 | 뉴리대장 | 2022.06.29 | 33 | 3318 | |
| 공지 | 공지 | 수위가 있는 게시물에 대해 3 | 뉴리대장 | 2022.07.04 | 12 | 1497 |
| 공지 | 공지 | 유머/자유 게시판 이용 안내 및 규칙 7 | 뉴리대장 | 2022.06.29 | 19 | 1799 |
| 8209 | 잡담 | 혹시 여기 미국사는 사람 있음? 2 | newri | 2022.07.01 | 0 | 78 |
| 8208 | 잡담 |
혹시 여기 poe하던 애들도 넘어왔나?
6
|
중출은안된다 | 2022.07.01 | 3 | 133 |
| 8207 | 게임 |
혹시 여기 ‘유니슨 리그’라는 게임 유저 있나요?
4
|
야마테쿄코 | 2022.07.02 | 1 | 53 |
| 8206 | 잡담 | 혹시 보조 관리자 신청 받으면 하겠음 | 디젤펑크유저 | 2022.06.30 | 2 | 71 |
| 8205 | 게임 | 혹시 데스티니2 하는사람? | 저하늘의 | 2022.07.01 | 0 | 48 |
| 8204 | 잡담 | 혹시 나무위키 편집한 사람 있으면 3 | newri | 2022.07.01 | 7 | 221 |
| » | 잡담 | 혹시 JS 잘하는 사람 공지 어떻게 숨기는지 좀 도와주셈 8 | 뉴리대장 | 2022.07.13 | 0 | 64 |
| 8202 | 게임 |
호이4)모딩) 흝어진 퍼즐을 모으자.
1
|
aaaaa | 2022.07.08 | 0 | 76 |
| 8201 | 게임 |
호이4)모딩) 남한 프로빈스를 너무 많이 쪼갠거 같다.
|
aaaaa | 2022.07.06 | 0 | 449 |
| 8200 | 게임 |
호이4) 모딩) 한반도 맵 띁어서 작업하는데.
|
aaaaa | 2022.07.04 | 0 | 98 |
| 8199 | 게임 |
호이4) dlc 개발일지 더 나왔다.
1
|
aaaaa | 2022.07.07 | 0 | 92 |
| 8198 | 게임 |
호이4 모딩) 한반도 맵 고쳐보는 중.
2
|
aaaaa | 2022.07.02 | 3 | 136 |
| 8197 | 잡담 | 호을리씻 오염수 방류 2 | IIIiiiIIiIIIi | 2023.08.27 | 0 | 35 |
| 8196 | 잡담 | 호오 루리웹이 3분할로 나눠졌네요 4 | 시니아 | 2022.06.30 | 0 | 145 |
| 8195 | 호에엥 뉴비쟈응 여기 처음 온 거시야요 | 뫼까치 | 2022.06.29 | 0 | 38 | |
| 8194 | 호에엥 가입했어요 | 막걸리가좋아 | 2022.06.29 | 0 | 31 | |
| 8193 | 호에에엥~ 뉴비 인사 올리는거시에오 1 | 러블리스완 | 2022.06.29 | 0 | 42 | |
| 8192 | 잡담 | 호에에엥 신입이에요 4 | 타치바나마리카 | 2022.06.30 | 1 | 101 |
| 8191 | 호에에에에엥 | 닝겐P플 | 2022.06.29 | 0 | 27 | |
| 8190 |
호에에 이곳이 신대륙..!!
|
플뤼겔 | 2022.06.29 | 0 | 59 |
감사합니다. 제이쿼리 없는 바닐라 js네요. 해당 코드 참조해서 구현해 보도록 하겠습니다.