본문 바로가기

분류 전체보기81

[jQuery] 체크박스 전체선택, checkbox allCheckedBtn 사용법 게시판에 관리자는 전체선택 기능이 있는 경우가 아주 많은데전체선택 클릭 시 (제일 상단에 있는 체크박스) 모두 체크되며 하나라도 체크 해제하면 전체선택 체크박스도 체크 해제됩니다.편의상 게시판 모양으로 table 퍼블리싱 하였고 클래스명, 아이디명만 같다면 다른 레이아웃에 적용 하셔도 됩니다.HTML                                                                                                     No.                             제목                             View                                                              .. 2024. 11. 8.
[그누보드] 스마트에디터 이미지 업로드 시 리사이징 / 퀄리티 / 용량제한 사이즈가 너무 큰 이미지를 업로드 하면 에디터 내에서 가로값이 초과되서 스크롤이 생기는 등 사용성이 불편해집니다.그누 기본설정에서 리사이즈가 사용안함으로 되어 있는데 사용함으로 바꿔주시고 사이즈만 알맞게 변경하면 됩니다! 위와 같이 2400 * 1800으로 큰 이미지를 등록하면 에디터에서도 2400 * 1800사이즈를 차지합니다.수정해보겠습니다. 수정위치 : /www/extend/smarteditor_upload_extend.php 기존if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가 //플러그인 폴더 이름 및 스킨 폴더 이름 define('SMARTEDITOR_UPLOAD_IMG_CHECK', 1);  // 이미지 파일을 썸네일 할수 있는지 여부를 체크합니다. (.. 2024. 9. 24.
[Php] 같은 호스팅에서 도메인별 다른 요소 출력 같은 호스팅에서 도메인을 여러개 연결해서 사용하는 경우에 사용하는 코드입니다.aa.com도메인과 bb.com 도메인이 있을 때 퍼블리싱 코드에서 서로 다른 요소를 출력합니다. PHP    aa도메인일때   aa도메인이 아닐 때 2024. 9. 23.
[그누보드] 게시판 분류에 "/" 등 특수문자 사용하기 아래 코드는 그누보드 분류에 ,를 입력하면 /로 변경하는 코드입니다.다르게 사용하고 싶으시다면 $category_combined = str_replace(',', '/', $category_combined); 이 부분을 변경 하시면 됩니다.수정위치 /bbs/list.php 기존코드// 분류 사용 여부 $is_category = false; $category_option = ''; if ($board['bo_use_category']) {     $is_category = true;     $category_href = get_pretty_url($bo_table);     $category_option .= '    if ($sca=='')         $category_option .= ' id="b.. 2024. 9. 22.
[HTML] Select Option 시/구 선택 | optgroup 활용 HTML | 시/구 코드정리                                     강남구                   강동구                   강북구                   강서구                   관악구                   광진구                   구로구                   금천구                   노원구                   도봉구                   동대문구                   동작구                   마포구                   서대문구                   서초구                   성동구           .. 2024. 9. 21.
[그누보드] 회원가입 시 동의사항 2개이상 추가 /www/skin/member/basic/register.skin.php 추가 HTML            마케팅 활용 수신 약관                                 수신약관 내용                                                       마케팅 활용 수신 약관의 내용에 동의합니다.               Script빨간부분 추가(필수동의인 경우) function fregister_submit(f)     {         if (!f.agree.checked) {             alert("회원가입약관의 내용에 동의하셔야 회원가입 하실 수 있습니다.");             f.agree.focus();             retu.. 2024. 9. 20.
[그누보드] 댓글 작성 시 관리자, 원글 작성자 에게 메일 발송 그누보드에는 게시판관리, 기본설정에 메일발송 기능이 있습니다.qna 게시판 등 문의게시판에 최고관리자에게 메일 발송은 그누 기본 기능을 통해서 편하게 발송이 가능하지만최고관리자가 답글을 남겼을 때 원글작성자에게, 원글작성자가 추가 댓글을 달면 최고관리자에게 메일을 발송 하도록 코드를 수정 하였습니다. /bbs/write_comment_update.php 수정268 ~ 280라인 쯤 있는 mailer 코드 수정  for ($i=0; $i  mailer($wr_name, $wr_email, $unique_email[$i], $subject, $content, 1); } 아래와 같이 수정 / 추가  if($bo_table !== 'qa'){   for ($i=0; $i    mailer($wr_name, $w.. 2024. 9. 18.
[Form, Javascript] 이메일 직접입력, select 선택 입력 #Javascript#이메일주소직접입력 #이메일주소select선택   SCRIPTdocument.addEventListener('DOMContentLoaded', function() {var emailSelect = document.getElementById('email_1');  emailSelect.addEventListener('change', function() {var selectedOption = emailSelect.options[emailSelect.selectedIndex].value;var emailBack = document.getElementById('email_back');var emailInputText = document.getElementById('email_1_text');.. 2024. 8. 31.
[jQuery] 접속 할 때마다 다른/랜덤 이미지 노출하기 #jQuery #접속시랜덤이미지표시 #중복없음 HTML    jQuery$(document).ready(function() { var imgs = $('.random-imgbox img');  var lastIndex = localStorage.getItem('lastImgIndex'); var randomIndex; do {   randomIndex = Math.floor(Math.random() * imgs.length);} while (randomIndex == lastIndex);  imgs.hide().eq(randomIndex).show(); localStorage.setItem('lastImgIndex', randomIndex);});  중복 이미지도 허용하고 싶은 경우$(document)... 2024. 8. 30.
[영카트] 다운로드 가능한 쿠폰이 있을 때만 쿠폰존 활성화 #영카트 #다운로드쿠폰 #기간내다운가능한쿠폰이있으면활성화  영카트 다운로드쿠폰이 1개 이상이면 쿠폰존 버튼 활성화 영카트에는 다운로드 쿠폰이 있는데 기간별로 다운이 가능하게 할 수 있습니다.다만 쿠폰존이라는 버튼이 쿠폰이 있던 없던 노출되면 불편할 수 있으므로 해당 기간에 다운로드 가능한 쿠폰이 1개라도 있으면 쿠폰존 버튼을 활성화 하는 코드입니다. $sql = " select count(*) as cnt from {$g5['g5_shop_coupon_zone_table']} where cz_start = '".G5_TIME_YMD."' "; $row = sql_fetch($sql); $count = $row['cnt'];   if( $count > 0 ) echo '쿠폰존'; 2024. 8. 28.
[Swiper] 똑같은 스와이퍼 반복문으로 편하게 만들기 #swiper #script #스와이퍼여러개만들기  옵션은 다 똑같은데 스와이퍼 코드를 이렇게 작성했던 적이 있습니다.지금은 배열을 사용해서 편하게 쓰고 있어서 정리합니다.   탭바 안에 똑같은 레이아웃의 스와이퍼가 들어있는 디자인이 많더군요.그 때 스와이퍼를 스크립트를 하나씩 작성하는 것이 아닌, 배열/반복으로 한번에 만드는 방법입니다. HTML                                               Swiper                                 Swiper is~                                                                           Swiper                          .. 2024. 8. 25.
[CSS] 스크롤바 커스텀 #css #스크롤바커스텀  스크롤바 커스텀 사용 X   스크롤바 css 커스텀  body에 scrollbar를 커스텀하는 경우도 있지만 아직까지는 불편하다고 하는 클라이언트가 많은 듯 합니다.다만 textarea, 게시판 list 등 커스텀 해야 좀 깔끔해 보여서 사용하는데 디자인이 누락되면 무난하게 사용하는 코드입니다.(저거 하나 디자인 기다렸다가 작업하기에는 좀 답답하니까용)  HTML   CSStextarea.n-ipt::-webkit-scrollbar {   width: 4px;   background-color: rgb(209, 209, 209); } textarea.n-ipt::-webkit-scrollbar-thumb {   background-color: rgb(125, 125, 125);.. 2024. 8. 24.
[jQuery] input-File 이미지, 문서 10메가 미만 파일만 업로드 가능하게 #input-file #jQuery #이미지,문서만등록가능 #10메가미만파일만등록가능   백앤드에서 다시 잡히긴 하지만 프론트에서 미리 걸러지면 사용자가 편할 것 같습니다.이미지, 문서 필터링은 validTypes 변수에 들어 있는데 가끔 문서파일 인데도 안잡히는 경우가 있기는 합니다ㅠ아직 테스트하며 추가중인데 왠만한건 다 추가 되어있습니다.  HTML                                  파일첨부                                                             - 10MBYTE 미만 파일만 업로드하세요.         - 이미지, 문서 파일만 가능합니다.                        등록          CSSbody{   d.. 2024. 8. 23.
[jQuery] Textarea 용량(Byte) 표시 / 최대용량제한 #textarea #Byte #최대용량제한 #jQuery   Textarea에 최대 글자수는 자주 적용 해봤지만 스크립트로 Byte도 제한이 가능합니다.혹시 모르니 최대글자수도 2000자로 적용 해놓고 작업 했습니다. 2000자 넘게 글을 입력하려고 하면 #content_byte에 full 클래스가 추가되며 빨간색으로 표시됩니다.  HTML                                  내용                                                                        0           / 2,000Byte                                 등록         CSSbody{   display: flex;   alig.. 2024. 8. 23.
[Form] 이메일주소 직접입력 / 선택 Option #jQuery #이메일주소직접입력/선택 #이메일주소option  직접입력을 선택하면 select박스 우측에 text 인풋박스가 생성됩니다.name값은 직접입력일 경우 text박스에 email[1]이 부여되며다시 이메일을 선택하게되면 text박스가 사라지면서 select박스에 name값이 부여되는 방식입니다. HTML                                                               이메일                                                                                               @                                                           .. 2024. 8. 22.

티스토리툴바