XETOWN

호수 공원

XE 사용에 대한 여러가지 정보들을 공유할 수 있습니다.
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

관리자페이지에서 위젯 코드를 생성해서 레이아웃 스킨이나 보드스킨 등에 넣다보면 위젯스킨이나 스타일 적용이 어려워 그냥 html로 디자인을 구성하는 경우가 많습니다.

 

제가 소개한 인기글 위젯을 게시판 상단에 출력하는 경우도 그렇죠. 이 경우 게시물 작성이 많지 않은 곳에서는 위젯출력이 되지 않아 디자인으로 꾸며놓은 상단의 디자인만 노출이 되는 경우가 있어 보기 싫다고 생각하실 수 도 있습니다.

https://www.xetown.com/lakepark/39662

 

이 경우를 대비해 디자인할때 사용한 div 자체를 보이지 않게 처리할 수 있습니다.

참고로 이 스크립트는 @날아라님이 제 질문에 답을 주셨던 스크립트 입니다.

 

우선 필요한 코드를 div로 감싸주세요. 그리고 그냥 처음부터 가려줍니다.

 

<div id="name" style="display:none;">

코드

</div>

 

위 코드가 정상적으로 노출이 될때 뭐가 출력되는지 살펴본 후 적당한 것을 골라 스크립트에 조건을 걸어 감춘것을 풀어주면 됩니다.

 

인기글 위젯에 사용한 위젯의 경우 li가 사용되어 저희는 li가 보이면 저 감춘것을 풀어주게 했습니다.

 

 

<script type="text/javascript">
if( jQuery('#name').find('li').size() >0 ){
  jQuery('#name').css('display','block');
}
</script>

 

이렇게 해주면 name 안에 li 요소가 있다면 dilsplay:block 이 적용되어 정상적으로 출력이 됩니다. 만약 게시글 작성이 뜸해서 조건에 맞는것이 없다면 div가 원래 display:none 이었기에 안보입니다.

 

 

2번째 타입은 가릴곳과 찾을곳이 다른 2군데를 고려한 경우 입니다.

이 예제는 구글맞춤검색에서 제공하는 인기검색어를 레이아웃등에 출력을 해줄때 인기검색어 조건에 맞는게 하나도 없어 출력이 되지 않는 경우 때문에 위의 내용을 동일하게 적용한 저희가 실제사용하는 것 입니다.

 

 

<script type="text/javascript">
if( jQuery('#queries').find('a').size() >0 ){
  jQuery('#pop_keyword').css('display','block');
}
</script>

 

#queries 라는 아이디를 가진 곳에서 a 라는 요소가 출력이 되고 있다면 전체를 감싸고 있는 #pop_keyword div에 display:none -> dispay:block 으로 바꿔라 하는 스크립트입니다.

 

 

sample.jpg

 

 

 

 

스크립트는 사이트에서 마지막에 출력될 수 있는 위치에 넣으셔야 적용이 됩니다. 스크립트가 먼저 실행되면 바꿔치기가 되지 않습니다.

 

글쓴이 웹지기

profile

Atachment
첨부 1

List of Articles
번호 분류 제목 글쓴이 날짜
공지 알려진 Core 문제 XE 1.8.32 무조건 업데이트합니다. 실시! [버전 변경] 19 update 기진곰 2017.02.25
4572 질문/답변 서버에 생기는 이 파일은 뭘까요? 2 간장게장 2017.02.23
4571 질문/답변 게시글에 목차기능을 사용할수있을까요? 9 라그릿 2017.02.23
4570 질문/답변 특정 문자가 포함된 주소로 들어오는 방문을 이동시키고 싶습니다. 16 웹지기 2017.02.23
4569 질문/답변 DB에서 흔적이 남아있는 모듈 테이블을 삭제하는 방법을 알고 싶습니다. 2 dongdong 2017.02.23
4568 질문/답변 특정글에만 스팸 댓글이 올라옵니다. 2 물비늘 2017.02.23
4567 질문/답변 ckeditor에 사진 넣고 옆에 글쓰는 기능은없나요? 6 file 라그릿 2017.02.23
4566 질문/답변 (라이믹스) admin - 파일 항목 들어갈 때마다 디버그에 오류가 뜹니다 1 기븐 2017.02.22
4565 질문/답변 회원의 총 추천수 출력하기 햄토리 2017.02.22
4564 아이디어 제안/공유 이거 어떤가요? 7 file 트리플라워 2017.02.22
4563 질문/답변 위젯에 위젯스타일 적용 방법 구미호 2017.02.22
4562 질문/답변 index페이지 수정 질문 2 file teamcafeit 2017.02.22
4561 질문/답변 layout.html 에 삽입하는 스크립트 질문드려요 1 고라자 2017.02.22
4560 질문/답변 커뮤니티 사이트를 만드려고 하는데 어떤 서버를 써야하나요 4 인디고 2017.02.22
4559 질문/답변 Query XML에 대해서 문의 좀 드립니다. 2 주피터3837 2017.02.22
4558 질문/답변 마지막 문장 이후 오는 <p> </p> 를 모두 제거해서 보여 줄 수 있을까요 ? 58 웹지기 2017.02.22
4557 질문/답변 문서 '조회수정렬' 기능이 추가되었으면 좋겠습니다. ^^ 일단놓고말해 2017.02.22
4556 질문/답변 본문/댓글 폰트 질문 9 Katze 2017.02.22
4555 질문/답변 에디터에 컨텍스트 메뉴는 어떻게 수정하나요? 2 file xetown998 2017.02.22
4554 질문/답변 타임라인 모듈 (원래게시물로 돌아가기) 작동안합니다 3 피피포 2017.02.22
4553 질문/답변 댓글 가지고 오는 한번 쿼리 한번 봐주세요..ㅜㅜ 주피터3837 2017.02.22
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 232 Next
/ 232
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...