웹 개발 이야기73 [JS] SVG 이미지 이용한 별점 기능 제작 (0.1 단위) // 그누보드의 최근게시물 기능에 이용하기 위해 작성하였다. .rating-wrap{ padding: 10px; display: flex; } .rating { display: flex; align-items: center; position: relative; } .starcolor{ fill: #1976d2; } .overlay { background-color: #000; opacity: 0.5; position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; transition: all 0.3s ease-in-out; } @supports (mix-blend-mode: color) { .overlay{ mix-blend-mode: color; opacit.. 2023. 3. 16. [PHP+JQUERY] 2단계 카테고리 메뉴 // 아래의 예제는 그누보드를 기반으로 하여 관심 제품 관리 컨셉으로 제작되었다. CSS // 그누보드의 기본 CSS에 포함된 스타일 구문은 작성하지 않았다. .bold { font-weight: bold; } .d-table { display: table; } .table-cell { display: table-cell; vertical-align: middle; } .d-flex {display: flex;} .wd-100 { width: 100%; } .wrap-interestprod-adm { width: 100%; } .wrap-interestprod-adm .div-head, .wrap-interestprod-adm .div-body { width: 100%; } .wrap-interestp.. 2023. 3. 16. [JS] 한영키 누르지 않고 한글을 영어로 전환 * 기보드의 한영 전환 키와 상관 없이 영어만 입력된다. (반대의 경우는 라이브러리 사이트에서 확인할 수 있다.) * inko 라이브러리 이용 (https://inko.js.org/) 코드 2023. 3. 16. [PHP] pagination // 그누보드 기반으로 제작되었으므로 필요 시, DB 관련 코드를 변경해야 함. // 그누보드의 페이지 기능을 이용해도 되지만, 게시판이 아닐경우 사용하기 복잡하기 때문에 아래 코드를 사용함. $tbname = 'g5_company_list'; $n_limit = 15; $pg = $_GET['pg']; $bo_table = $_GET['bo_table']; $stx = $_GET['stx']; $qstr = "bo_table=".$_GET['bo_table']; if($_GET['stx']){ $qstr .= "&stx=".$_GET['stx']; } $qstr .= "&pg="; $sql_where = ''; if($stx){ $sql_where .= "where comp_name like '%{$s.. 2023. 3. 16. [PHP] Excel data upload // 그누보드 기반으로 제작되었다. // 여기저기 검색하면서 오타들이 남발하는 자료들에 허덕이다 이것저것 섞어서 수정함 // form으로 excel 파일을 첨부한 후 post 방식으로 처리했다. include '../lib/phpexcel_1_8/Classes/PHPExcel.php'; $objPHPExcel = new PHPExcel(); include "../lib/phpexcel_1_8/Classes/PHPExcel/IOFactory.php"; $allData = array(); $excelfile = $_FILES['excelfile']['tmp_name']; $objReader = PHPExcel_IOFactory::load($excelfile); $sheetsCount = $objReader .. 2023. 3. 16. [PHP] 현재 보고있는 화면 캡쳐 후, 다운로드 / 인쇄 // html2canvas 라이브러리를 이용한다. // 여기서는 라이브러리 파일을 다운로드 하지 않고 CDN을 이용했다. // GET 방식으로 act 파라미터 값에 print 또는 download 둘 중 하나의 값을 넣는다. // 소스코드 가장 아래 부분에 넣어주면 된다. // 단순 이벤트 발생을 위한 a 태그이다. // 소스코드 아래에 추가 // 이벤트 발생에 이용 // 화면이 노출되고 act 값을 이용하여 인쇄를 할 것인지, 아니면 이미지 다운로드를 할 것인지 구분 후, 해당하는 기능 실행 출처 : https://sub0709.tistory.com/48 2023. 3. 16. 이전 1 ··· 4 5 6 7 8 9 10 ··· 13 다음