Cute Happy Ghost
본문 바로가기
728x90
SMALL

Front/Html, css,jsp24

background-image를 javascript, jquery를 사용하여 동적으로 바꿔주기 background image를 js, jquery 사용하여 동적으로 바꿔주고 싶을 때 나는 jquery가 편해서 jquery를 씀 예시) var url = "https://cdn.pixabay.com/photo/2022/08/14/13/42/flower-7385943_960_720.jpg"; //javascript var ele = document.getElementByClassName("container"); ele.style.backgroundImage = `url(${url})`; //jquery $(".container").css({"background-image":`url(${url})`}); 최종코드) function changeImg(){ var type = getParameterByNam.. 2022. 8. 25.
[css]visibility : hidden, display : none 의 차이점 CSS 속성 중 visibility:hidden 과 display:none 의 속성은 태그를 숨길 때 사용한다. 태그를 숨기는 속성은 같지만 다른점이 있음 display:none 여백없이 숨겨짐 visibility:hidden 본인의 공간을 확보한채로 숨겨짐 그래서 뭔가 아예 숨겨버리고 뒤에서만 동작하게끔 만들고싶으면 display : none을 쓰고, 뭔가 이벤트처리해서 표출되거나 숨기고 싶다면 고유 영역이 있어야하니 visibility : hidden을 쓰는게 적절할 듯 하다 나같은 경우는 동적처리할 때 필요한 값들을 가져오긴하되, 화면에는 아예 숨기고 싶어서 display:none을 자주 쓰는 편 2022. 5. 13.
[html]form action="" 이고 type이 submit일 때 ajax로 검색하기, form reload 현상 jsp js $('#dev_search').on('click', function(e) { // $.ajax({ // }); }); 이런 구조의 jsp파일이있고 나는 form, submit형태를 쓰지않고 그냥 js로 ajax활용해 버튼클릭시 검색으로 넘어가게하고싶었다 그래서 그냥 form과 submit을 무시하고했는데 자꾸 검색하고 reload되서 어디서 자꾸 main이 호출되나 한참을 봤는데 js에서 controller의 main메소드로 매핑해논게 없었다 알고보니 저 submit때문에 그냥 저걸누르면 form형식이 없어서 reload되는 것이었따.. 저게 문제인지모르고 controller랑 js 디버깅만 왠종일했네 ... 퍼블리싱을 이미 해놔서 구조를 삭제하면 css가 다 날아가기 때문에 그냥 input.. 2022. 5. 12.
selectric 초기화 refresh $('select').selectric('refresh'); css에 selectric을 사용했을 때 이중셀렉트 박스나, 뭔가 초기화 작업이 안 이뤄질 때 이 코드 사용하면 거의 된다... 초기화를 해줘야함,... 2021. 11. 22.
a태그나 button이용해 페이지이동 현재 페이지에서 다른 페이지으로 이동하기 text 새 페이지에서 다른 페이지 열기 text 현재 페이지 새로고침 text 뒤로 가기 text 뒤로 1번 가기 text 현재 페이지에서 다른 페이지으로 이동하기 text 새 페이지에서 다른 페이지 열기 text 현재 페이지 새로고침 text 뒤로 가기 text 뒤로 1번 가기 text 혹시나 history.back(), history.go(-1) 등 이 작동하지 않으면 return false;를 뒤쪽에 삽입하여 실행해 보세요. text 2021. 9. 16.
jstl 숫자앞에 00붙히기, 숫자 패턴 , 포맷 바꾸기 내가 원하는 것 자정이 기본값으로 선택되게 나오면서 1시부터 23까지 쭈르륵 나오는 것 그 전코드 08:00 09:00 10:00 11:00 12:00 13:00 14:00 15:00 16:00 17:00 18:00 19:00 20:00 21:00 22:00 23:00 자정/option> jstl사용하면 됐겠지만 너무 귀찮아서 대충 만듬 바꾼코드 아무리봐도 너무 보기싫어서 바꿈... :00 >자정 foreach로 1부터 23까지 돌려주기 fmt태그를 이용해서 두자리수로 pattern만들어주기 시간은 08시 09시 이런식으로 나와야되는데 8,9 이런식으로 나와서 바꿔야했다 태그삽입필수 2021. 7. 9.
jstl 객체로 불러온 것을 select box선택시 선택되게 하기 전체 selected>${array.cdName}  저 test문에 뭘 써도 다 오류가 났는데저런식으로 하면 선택된 것을 선택되게끔(?) 표현가능하다모든것은 el안쪽에 쓰는 것 기억하기 2021. 5. 11.
팝업창 만들기 이 팝업소스는 안쓰게 됐지만 언젠간 이런 간단한 소스도 필요할거라 생각돼서 올림.. sciprt는 띄우고싶은 홈페이지에 쓰고 본문소스는 새로운 파일로 2021. 1. 4.
request(요청정보) 세부사용법 **전체코드(view단과 ctrl단을 분리함) 1)parameterValues.jsp parameter values 아이디 성별 남성 여성 취미 축구 야구 농구 탁구 배구 선택과목 HTML5 css javascript java jsp ajax jquery 첨부파일 2)parameterValuesCtrl.jsp **실행화면(1) **실행화면(2) 아이디와 첨부파일은 값을 안넣어도 들어감 나머지는 값을 넣어야지만 들어감 **실행화면(3) 2020. 12. 14.
로그인, 로그아웃 간단구현 >jsp 폴더 생성 >menu.jsp파일 생성 >header.jsp에서 JSP메뉴 추가 ──────────────── 로그인 ──────────────── >oracle에서 멤버, 방명록 테이블 만들어줌 /*회원관리 */ create table members( mid varchar2(20), pwd varchar2(20), name varchar2(20), email varchar2(100), phone varchar2(20), zipcode varchar2(10), address varchar2(100) ); /*방명록*/ create table guestbook( serial INTEGER, mid VARCHAR2(20), pwd VARCHAR2(20), mdate VARCHAR(12), doc va.. 2020. 12. 11.
728x90
LIST

티스토리툴바