웹개발자의 기지개

=없음= 1명 2명 3명 function personChg(num) { if (num=="1") { $("select[name=person_plus"+num+"] option").remove(); // 옵션 모두 삭제 // prepend는 옵션을 제일 앞에 추가 $("select[name=person_plus"+num+"]").prepend("=없음=12"); /* // 옵션끝에 추가 $("select[name=person_plus"+num+"]").append("45"); */ } }

위 사진처럼 작업하다가 javascript 상에서 에러가 나타난다면, 이는 jquery 라이브러리 파일을 헤더에 싣지 않아서 나는 에러이다. 위 소스처럼 자리에 넣어두도록 하자.

jquery 로 간단히 모달창 띄우기를 해본다. 모달창 기법은 CSS 와 jquery 등이 어우러져 깔끔한 팝업창 형식으로 노출된다. 아주 간단히 처리할수 있어 소개해 본다. https://jquerymodal.com/ jQuery Modal This example demonstrates how visually customizable the modal is. This example shows how modals are centered automatically. It also demonstrates how a vertical scrollbar appears whenever the modal content overflows. More! Lorem ipsum dolor sit amet, consec jquer..

작업중에 ajax 로 깔끔하게 현재페이지에 모달팝업형태의 이미지 업로드 창이 나타나고 바로 처리되는 방식의 메커니즘을 작업하게 되었다. 준비물 : ajax, jquery  등등 ㅋ [실제페이지] 이미지파일 올리기fphoto" id="fphoto" method="post" enctype="multipart/form-data">file" id="userfile1" name="userfile1" style="width:220px;">( JPG, PNG, GIF 확장자 형식의 이미지 )  [ajax.php 파일]실제 data 값을 넘겨 받아서 이미지를 업로드 시키고, DB 추가 및 수정시킨다. $_FILES[userfile1] 형식으로 그 값들이 넘어온다.$_FILES[userfile1][name] 파일명$_F..

이번에는 자동 페이지 스크롤 jscroll 을 사용해서 작업해 보았다.jscroll 은 jquery 와 함께 쓰는 플러그인 MIT 라이선스이다. ( http://jscroll.com ) list.php 기본 목록 페이지내용 목록 내용들 다음페이지의 목록 내용

$(function(){ $("#start_date1, #end_date1, #start_date2, #end_date2, .class, input").datepicker({ showMonthAfterYear:true, monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], dayNamesMin: ['일','월','화','수','목','금','토'], showAnimation: 'slider', dateFormat: 'yy-mm-dd', showOtherMonths: true, selectOtherMonths: true, changeMonth: true, changeYear: true }); }); 위에서 빨간색..

1. CSS상에서 z-index 위 소스상에서 div 태그는 z-index 값에 의해 10 의 값으로 임의 지정했는데, 뒷배경 태그 위쪽에 나타난다. 이때, 이 수치는 높을수록 더 위쪽에 나타난다. 그런데, javascript 상에서도 이와 같은 z-index 값을 쓸려고 하면, 키워드 단어가 좀다르다. zIndex (대소문자 주의) 이다. 2. javascript 상에서 zIndex

[실행결과] 소스를 실행해서, 마우스를 바깥쪽 테두리, 안쪽 테두리로 마우스를 가져가 보자. 검은색 바깥쪽 테두리 접근하면 "바깥쪽 over " 실행, 안쪽 회색 사각형에 접근하면 "안쪽 over" alert 되고 연이어 "바깥쪽 over" 도 같이 실행되는 것을 볼 수 있다.이는 자식 태그에서 발생한 이벤트가 부모 태그로 올라가는 이벤트 버블링이 발생해서 나타나는 현상이다. 위에 소스상에서 e.stopPropagation() 은 inner 안쪽 자식태그에서 outer 바깥쪽 부모태그로 이벤트가 전파되는 것을 막아준다.즉, inner 로 마우스 접근시에 inner 의 이벤트 내용만 작동된다. 고고싱 위 소스에서 event.preventDefault() 는 a태그의 클릭이벤트 발생시에 a태그의 href 속..