Tsunami

예전에 올린 selectbox 예제는 jquery로 동적으로 selectbox를 컨트롤 하는데 submit을 하게 되면, option이 유지가 안되는 단점을 가졌습니다. parameter를 유지하려면 서버를 이용해야하는데... https://jsfiddle.net 에 샘플을올리는거라 paramter 유지가 안되는 단점이 있었죠 코드가 다소 많이 복잡해지긴 했지만... GET을 이용한 호출은 location.search 에 쿼리스트링을 받아올수 있으니 예제를 좀 수정해봤습니다 이전글 참고: [programing/jQuery&HTML5] - 004. jQuery [시도/시군구/읍면동]을 이용한 selectbox 제어 with 기상청 동네예보 [programing/jQuery&HTML5] - 002. jQue..

programing/jQuery&HTML5 2023. 9. 17. 15:02

꽤 오래전에 jQuery selectbox 예제가 뭐가 있을까 싶어, 기상청 동네예보를 곁들인 제어 예제를 올렸었는데.. 002. jQuery 셀렉트박스 제어 예제 select box control example 002. jQuery 셀렉트박스 제어 예제 select box control example 기초적인건 그만 하고 쓸만한걸 해볼까 합니다 jQuery를 이용해 셀렉트 박스 제어해보기 대략적인 계획은 다음과 같습니다 1. 대/중/소 분류 변경이 가능하게 2. option을 동적으로 추가 3. 소분류가 zelkun.tistory.com 출처도 없이... 포스팅한 글을 봐서 다시한번 정리해봤다 https://gotoheightlevel.tistory.com/2 제이쿼리를 이용한 시/도, 시/군/읍, 동..

programing/jQuery&HTML5 2022. 2. 9. 09:00

날짜를 입력받도록 datepicker 를 이용했는데이전에 입력한값이 저장되있어서 뭔가 불편하다 심플하게 autocomplete="off" 를 추가해주면 된다

programing/jQuery&HTML5 2021. 4. 30. 22:58

form에서 '', '(', ')' 등등 특수문자를 servlet으로 전달받는데 이상하게 화면에서 ( 으로 변경되서 보이는게 아닌가 아마도 파라미터 전달과정에서 encode 된것 같은데 문제는 2중으로... 되서 브라우져에서 보게되면 ( 으로 표시가되서 보인다는것이다 브라우저에서 정상적으로 보이려면 ( 정도는 되야 해석해서 보여줄텐데 말이다 jsp/servlet 단에서는 StringEscapeUtils 로 처리하면 되는데 화면에서 바로 처리해야 되니 jQuery html 코드를 이용해서 처리하기로 했다 참고: [programing/JAVA&JSP&SERVLET&SPRING] - JSP/SERVELT HTML Character Entity 특수문자 치환 StringEscapeUtils & 처리 물론..

programing/jQuery&HTML5 2019. 11. 30. 21:51

이전에 선택자(selector)를 이용할때 ID가 중복이 되면 안된다고 했었는데 라디오 박스를 사용하려면 뭔가 난감할 수 있습니다 라디오 태그하나하나에 ID를 바꿔주자니 이벤트 처리할게 늘어나거든요 submit Apple: iPhone7 iPhone8 iPhoneX Samsung: Galaxy Note10 Galaxy S10 Galaxy S example: https://jsfiddle.net/zelkun/9ygqbe81/ 대충만들긴했지만 위 예제를 보면 라디오마다 같은 ID를 넣어놨는데 대충 보면 submit 버튼을 누르면 라디오박스 체크상태를 반환할것 같지만 실제로는 첫번째로 ID가 선언된 라디오 박스에서만 체크 유무를 판단하게 됩니다 click 이벤트 역시 동일합니다 jQuery에서 Id의 중복을 ..

programing/jQuery&HTML5 2019. 8. 25. 18:48

최신글: 004. jQuery [시도/시군구/읍면동]을 이용한 selectbox 제어 with 기상청 동네예보 004. jQuery [시도/시군구/읍면동]을 이용한 selectbox 제어 with 기상청 동네예보 꽤 오래전에 jQuery selectbox 예제가 뭐가 있을까 싶어, 기상청 동네예보를 곁들인 제어 예제를 올렸었는데.. 002. jQuery 셀렉트박스 제어 예제 select box control example 002. jQuery 셀렉트박스 제어 예제 selec zelkun.tistory.com 기초적인건 그만 하고 쓸만한걸 해볼까 합니다 jQuery를 이용해 셀렉트 박스 제어해보기 대략적인 계획은 다음과 같습니다 1. 대/중/소 분류 변경이 가능하게 2. option을 동적으로 추가 3. ..

programing/jQuery&HTML5 2019. 8. 4. 23:39

HTML5 로 넘어가면서 SELECTOR에 대핸 이해가 많이 필요하게 되었는데요 선택자(selector)라고 불리며 CSS에서 사용하던 개념이 확장되어 표준이 되었다고 보면 될 것 같습니다 사실 이론은 잘모르겠네요 사용할줄만 알면 되니 넘어갑니다 이전에는 javascript:DOM 개념을 이해해야 했는데 선택자를 사용한 뒤로는 DOM을 몰라도 해당 태그에 접근하고 변경하는게 쉬워졌습니다 일반적으로 tag 는 과 같이 열림/닫힘 태그로 한쌍으로 구성되고 태그 안에 같이 하위 태그가 존재합니다 이런걸 Tree 구조라고 부르는데 웹 문서 예제 Example page sample table1 search No title content 1 test test valeu sample table2 No title co..

programing/jQuery&HTML5 2019. 8. 3. 22:26

HTML 은 정적이기 때문에 동적인 효과를 위해선 javascript를 사용해야하는데 사용편의상 jQuery를 많이 사용합니다 jQuery를 사용하기 위한 준비단계를 알아볼까 합니다 사실 별거 없고 js파일을 html의 script 태그에 선언해주면 됩니다 jQuery Lib는 jQuery 홈페이지에서 다운받아 사용하거나, 예제처럼 url로 사용해도 되니 편한 방법을 사용하면 됩니다 다운로드 jQuery를 클릭합니다 아무거나 상관없지만 제일 위에걸 받았습니다 jQuery를 받았으니 써봐야죠 text 에디터를 열어 jquery-3.4.1.min.js 를 script 에 추가 해주면 사용할 준비가 끝납니다 참고로 html 파일과 jquery 파일이 동일한 디렉토리 안에 있어야 합니다 ./ 는 상대경로로 현재..

programing/jQuery&HTML5 2019. 8. 3. 18:34