반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- mysql
- javascript
- popup
- node.js
- FCM
- rocky9
- PM2
- centos7
- git
- NextJS
- Push
- mybatis
- security
- spring3
- Maven
- jenkins
- submit
- Next.js
- docker
- nodejs
- config
- jquery
- SpringBoot
- MSsql
- yona
- pwa
- ajax
- Java
- MariaDB
- Eclipse
Archives
- Today
- Total
목록whitespace (1)
ふたりで
layer popup Drag & Drop jquery draggable
요즘은 일반적인 팝업창을 기본으로 차단 하기 때문에 레이어팝업(모달팝업)을 일반 팝업 처럼 만들어 보았다. 1. jquery를 사용 하기 위해 head에 아래 스크립트 삽입. 2. html 소스 JSTL을 사용 하여 팝업에표시할 내용이 들어있는 리스트를 돌면서 html을 리스트만큼 만든다. 참고로 id="multiLayer" div가 모든 팝업을 감싸고있는 tag이기 때문에...style 속성을 다음과 같이 해줘야 원하는 위치에 팝업 창을 띄울 수 있다. style="z-index: 100;position: absolute; width: -webkit-fill-available;" 하루동안 보지 않기 하루동안 보지 않기 3. 팝업기능 스크립트 참고: jquery .draggable()의 옵션 테스트 단계..
javascript
2022. 5. 17. 10:25