Main 묻고답하기 게시판 문하우스게시판 V3.3 에서 첨부파일 접고 펼수있게 하고 싶어요 이하늘 (*.244.185.91) 2014.01.08 - 19:18 2010.10.21 - 06:23 7175 3 문하우스게시판 V3.3 을 잘사용하고 있습니다. 항상 감사하게 생각하고 있습니다. 현재 배포된 게시판에서 첨부파일 접고 펼수 있는 기능이 추가하고 싶습니다. 첨부가 많을경우 보기가 좀 그래서 수정방법을 알려주시면 감사하겠습니다. 0 0 이 게시물을.. 오랫만에 인사드립니다^^바람소 게시판 리스트에서 날짜와 시간 표시드림캐쳐 댓글 3 0 이미지파일의 View유무를 선택할 수 있게 하였기에 첨부파일의 접기기능은 크게 고려를 하지를 않았습니다. 접기기능을 활성화 시킬려면 xe_official스킨에서 사용중인 소스를 가져와서 적용하면 될 것 같군요. 먼저 view_document.html 파일안에 attachedFile 부분을 찾아서 아래와 같이 수정합니다. <!--@if($oDocument->hasUploadedFiles())--><dl class="attachedFile"><!--// 이미지파일 출력옵션 --> {@ $uploaded_list = $oDocument->getUploadedFiles() } <dt><img src="/images/common/iconFiles.gif" width="27" height="11" alt="{$lang->uploaded_file}" /> <button type="button" class="fileToggle" onclick="jQuery(this).parents('dl.attachedFile').toggleClass('open');return false;">{$lang->uploaded_file} ({$oDocument->get('uploaded_count')})</button> </dt> <dd> <ul class="files"> <!--@ foreach($uploaded_list as $key => $file)--> <!--@if($module_info->display_file_view!='N')--> <li><a href="{getUrl()}{$file->download_url}">{$file->source_filename} ({FileHandler::filesize($file->file_size)})({number_format($file->download_count)})</a></li> <!--@else--> <!--@ if($file->direct_download != 'Y')--> <li><a href="{getUrl()}{$file->download_url}">{$file->source_filename} ({FileHandler::filesize($file->file_size)})({number_format($file->download_count)})</a></li> <!--@ end--> <!--@ end--> <!--@ end--> </dd> </dl> <!--@end-->./css/board.css 파일안에 /* Attached File */ 부분을 찾아서 아래와 같이 수정합니다. /* Attached File */.attachedFile { position:relative; float:left; width:100%; }.attachedFile *{ margin:0; padding:0; font-size:11px; vertical-align:middle;}.attachedFile dt img{ margin-right:10px;}.attachedFile dt .fileToggle{ border:0; padding:0; overflow:visible; cursor:pointer; font-size:11px; background:none; vertical-align:middle;}.attachedFile dd{ position:relative; margin-right:5px; display:none; margin-top:5px; padding-left:40px;}.attachedFile.open dd{ display:block;}.attachedFile ul.files { position:relative; margin:0 0 1em 0; padding:0; clear:both; list-style:none; text-align:left;}.attachedFile ul.files *{ display:inline-block; *display:inline; padding:0; margin:0; font-size:11px;}.attachedFile ul.files li{ position:relative; margin:0 10px 0 0; }.attachedFile ul.files a{ position:relative; background-repeat:no-repeat; background-position:left center; *zoom:1; text-decoration:none !important;}.attachedFile ul.files a .bubble{ display:none; position:absolute; top:-20px; left:0; padding:2px 5px; z-index:100; white-space:nowrap;}.attachedFile ul.files a:hover .bubble,.attachedFile ul.files a:active .bubble,.attachedFile ul.files a:focus .bubble{ display:block;}./images/common 방안에 이미지파일을 업로드합니다. 위와 같이 적용하시면 대충 비숫하게 적용이 되실 것입니다. 팔공산 *.25.236.190 2010.10.21 09:59 #comment_286326 댓글 0 네 감사합니다. 한번 해보겠습니다. 이하늘 *.244.185.91 2010.10.21 07:29 #comment_286356 댓글 0 포인트 팡팡!에 당첨되셨습니다.이하늘님은 100포인트를 보너스로 받으셨습니다. 관리자 *.244.185.91 2010.10.21 07:29 #comment_286360 수정 삭제 댓글 댓글 입력 텍스트 전환 사진 및 파일 첨부 여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요. 파일 용량 제한 : 0MB (허용 확장자 : *.*) 업로드 중... (0%) 0개 첨부 됨 ( / ) 글쓴이 비밀번호 비밀글 기능 댓글 등록 댓글 쓰기 에디터 사용하기 닫기 글쓴이 비밀번호 비밀글 기능 댓글 등록 목록 목록 오랫만에 인사드립니다^^ 게시판 리스트에서 날짜와 시간 표시 목록 3
이미지파일의 View유무를 선택할 수 있게 하였기에 첨부파일의 접기기능은 크게 고려를 하지를 않았습니다.
접기기능을 활성화 시킬려면 xe_official스킨에서 사용중인 소스를 가져와서 적용하면 될 것 같군요.
먼저 view_document.html 파일안에 attachedFile 부분을 찾아서 아래와 같이 수정합니다.
<dl class="attachedFile">
<!--// 이미지파일 출력옵션 -->
{@ $uploaded_list = $oDocument->getUploadedFiles() }
<dt><img src="/images/common/iconFiles.gif" width="27" height="11" alt="{$lang->uploaded_file}" /> <button type="button" class="fileToggle" onclick="jQuery(this).parents('dl.attachedFile').toggleClass('open');return false;">{$lang->uploaded_file} ({$oDocument->get('uploaded_count')})</button>
</dt>
<dd>
<ul class="files">
<!--@ foreach($uploaded_list as $key => $file)-->
<!--@if($module_info->display_file_view!='N')-->
<li><a href="{getUrl()}{$file->download_url}">{$file->source_filename} ({FileHandler::filesize($file->file_size)})({number_format($file->download_count)})</a></li>
<!--@else-->
<!--@ if($file->direct_download != 'Y')-->
<li><a href="{getUrl()}{$file->download_url}">{$file->source_filename} ({FileHandler::filesize($file->file_size)})({number_format($file->download_count)})</a></li>
<!--@ end-->
<!--@ end-->
<!--@ end-->
</dd>
</dl>
<!--@end-->
./css/board.css 파일안에 /* Attached File */ 부분을 찾아서 아래와 같이 수정합니다.
.attachedFile { position:relative; float:left; width:100%; }
.attachedFile *{ margin:0; padding:0; font-size:11px; vertical-align:middle;}
.attachedFile dt img{ margin-right:10px;}
.attachedFile dt .fileToggle{ border:0; padding:0; overflow:visible; cursor:pointer; font-size:11px; background:none; vertical-align:middle;}
.attachedFile dd{ position:relative; margin-right:5px; display:none; margin-top:5px; padding-left:40px;}
.attachedFile.open dd{ display:block;}
.attachedFile ul.files { position:relative; margin:0 0 1em 0; padding:0; clear:both; list-style:none; text-align:left;}
.attachedFile ul.files *{ display:inline-block; *display:inline; padding:0; margin:0; font-size:11px;}
.attachedFile ul.files li{ position:relative; margin:0 10px 0 0; }
.attachedFile ul.files a{ position:relative; background-repeat:no-repeat; background-position:left center; *zoom:1; text-decoration:none !important;}
.attachedFile ul.files a .bubble{ display:none; position:absolute; top:-20px; left:0; padding:2px 5px; z-index:100; white-space:nowrap;}
.attachedFile ul.files a:hover .bubble,
.attachedFile ul.files a:active .bubble,
.attachedFile ul.files a:focus .bubble{ display:block;}
./images/common 방안에 이미지파일을 업로드합니다.
위와 같이 적용하시면 대충 비숫하게 적용이 되실 것입니다.