- Mac Oracle
- 하드 마이그레이션
- 바코드 스캔하기
- XSS PHP
- asp.net dropdownlist
- 맥 오라클설치
- SSD 복사
- 바코드 생성하기
- XSS방어
- 404에러페이지
- javascript 바코드스캔
- ASP.Net Core 404
- javascript 바코드 생성
- ViewBag
- 파일업로드 유효성체크
- 말줄임표시
- TempData
- 하드 윈도우 복사
- php 캐쉬제거
- asp.net core Select
- jquery 바코드
- ViewData
- jquery 바코드생성
- 타임피커
- django 엑셀불러오기
- javascript redirection
- 강제이동
- 파일업로드 체크
- javascript 유효성체크
- asp.net Select
목록웹퍼블리싱 (46)
웹개발자의 기지개
width 폭을 넘어서는 긴 제목글을 폭에 따라 자동으로 말줄임표를 넣어주는 깔끔한 소스이다. 1 2 3 4 5 6 7 8 9 10 11 12 a.ell { display: block; text-decoration: none; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 동해물과 백두산이 마르고 cs 참고사이트 : https://velog.io/@decody/Text-truncation-with-only-CSS
background: url(""); 형식으로 이미지가 들어가있는 페이지도 같이 프린트할 수 있도록 임의로 소스 추가하는 방법이다. 크롬의 경우 인쇄량을 줄이기 위해 프린트 안되도록 설정되어 있다. 참고 : https://itmore.tistory.com/entry/%ED%81%AC%EB%A1%AC%EC%97%90%EC%84%9C-%EB%B0%B0%EA%B2%BD%EC%9D%B4%EB%AF%B8%EC%A7%80%EB%B0%B0%EA%B2%BD%EC%83%89%EC%9D%84-%EC%9D%B8%EC%87%84%ED%94%84%EB%A6%B0%ED%8A%B8-%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95
태그로 코딩 되어 있는 퍼블리싱 코드에서 onclick 시에 무조건 submit 되어서 처리가 넘어가 버리는 현상이 발생하였다. 이때 아래와 같이 2가지 경우로 코드 수정하면 해결 가능하다. 1. 고전적 방법 2. 버튼입니다
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 모달창 예제화면 html,body {height:100%,margin:0} .mw {position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;display:none;} .mw .bg {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50)} .mw .fg {position:absolute;top:50%;left:50%;width:360px;height:160px;margin:-100px 0..
반응형 해상도에 따라 올려진 img 태그상의 이미지크기를 자동으로 지정하고 싶을때, 간단히 아래와 같이 할 수 있겠다. 폭은 max-width:100% 로 높이는 auto 로 삽입했다. 보다 상세한 설명은 아래의 링크에서 살펴보면 되겠다.~ https://www.codingfactory.net/10830
부트스트랩4 소스상에서 위와 같은 여러개의 이미지 목록에서 이쁘게 이미지 모달창을 깔끔하게 띄우는 방법을 알아본다. 우선 소스를 정리하면 다음과 같다. 1 2 3 4 5 6 7 cs 본문 (body) 에는 해당 이미지 소스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 Colored by Color Scripter cs 위 소스상에 핵심은 data-toggle="lightbox" 이다. 1번 이미지 처럼 data-title="모달 제목" data-footer="모달 푸터내용" 하면 제목과 하단부에 텍스트도 첨부할 수 있다. 여러개의 이미지를 모달창으로 이전다음형태의 갤러리 이미지 처럼 보고 싶을때는 data-gallery="example-gallery" 원하는 이미지마다 첨부하면 간단히..
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 이미지 모달띄우기 사진제목 × Close Colored by Color Scripter cs data-backdrop="static" 속성은 모달창 주의의 검은 배경을 클릭하여도 창이 닫히지 않는다. data-keyboard="false" 옵션은 esc 키를 눌러도 창을 닫지 않게 해준다. modal-dialog-centered 속성은 모달창 내용이 화면 중앙으로 나오도록, data-dismiss="modal" 속성은 모달창을 닫을 수 있게 해준다.