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

 

 

 

 

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

 

Atachment
첨부 1

List of Articles
번호 분류 제목 글쓴이 날짜
공지 질문/답변 답변을 확실히 받기위한 질문자 지침서 21 람보 2015.12.31
화제의 글 자료공유 시간표 위젯 1.1.2배포합니다. 15 file 착한악마 2017.01.10
4193 질문/답변 [스케치북] 웹진형 목록에서 본문요약 글 수 조정 5 file 네모세상 2017.01.16
4192 질문/답변 하다하다 질문드려요 10 아날로그 2017.01.15
4191 질문/답변 업데이트하고 난 뒤 업데이트 하라는 메시지가 그대로인 경우 어떻게 처리할 수 있나요? 3 file 김병화 2017.01.15
4190 질문/답변 가위바위보 모듈 모바일 지원 버전 있으신 분.. Hafree 2017.01.15
4189 질문/답변 스케치북 게시판 흑백 1 file 이준희 2017.01.15
4188 질문/답변 xe xml 쿼리에서 update 구문 set null이 가능한가요? 3 holyachon 2017.01.15
4187 질문/답변 파일필드 추가때문에 질문드립니다. 변사또 2017.01.14
4186 질문/답변 라이믹스 회원정보 업데이트 문의드립니다 고라자 2017.01.14
4185 질문/답변 Wincomi 님레이아웃 짤림. 9 file 이준희 2017.01.14
4184 질문/답변 추천/비추천 표시2개 2 file 이준희 2017.01.14
4183 질문/답변 하다하다 여쭙니다. 통합로그인 8 드론엑스이 2017.01.14
4182 질문/답변 Got a packet bigger than 'max_allowed_packet' bytes 오류 1 Chronos 2017.01.14
4181 XE 사용팁 로그인한 회원 당사자에게만 게시글 추천,비추천,미추천 구분해주기 2 file 웹지기 2017.01.14
4180 질문/답변 모듈 관리자 페이지 (tpl) XE 관리자 페이지 디자인을 탈피 할 수 없을까요? 디자인 종속 받지 않기 2 구름이 2017.01.14
4179 질문/답변 가입후 일정기간 글작성제한 할수 있을까요 ...? 2 구미호 2017.01.14
4178 XE 사용팁 php7.0에서 포인트 팡팡 플러스 에드온 에러 수정 나만의너 2017.01.14
4177 질문/답변 php7.0에서 getpreventdefauilt의 사용을 권장하지 않습니다. 라는 에러는 어떻게 수정하나요 ? 3 나만의너 2017.01.14
4176 질문/답변 팝업창 띄우는 건대 1.8.29대에선 뭔가 잘안되네요 ! file 이성민 2017.01.13
4175 질문/답변 애드센스를달면 속도가 저하되나요? 2 낙타 2017.01.13
4174 질문/답변 게시판 스킨에서 스팸필터 등록하고 나서 새로고침하는 과정이 꼭 필요한 건가요? 기븐 2017.01.13
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 211 Next
/ 211
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...