웹개발자의 기지개

이번에는 자동 페이지 스크롤 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 }); }); 위에서 빨간색..

상기 이미지 예제중에 왼쪽에 체크 박스가 있다. 그리고, 이를 삭제하는 휴지통 아이콘이 있는데 체크한것만 해당 자료를 삭제하고 싶다.위의 소스를 대략적으로 중요 부분만 간추리면 아래와 같다. 위 소스를 보면 document.getElementByName("chk[]") 요놈이 핵심이다.적어도 하나는 체크하면 boo 값을 true 로 주고, 정상적으로 삭제 처리 페이지로 post 값 넘겨 주면 된다. 그리고, name 값을을 chk[] 라면 형태로 준 이유는 php의 경우 chk[] 라고 name 입력값을 여러개 주면다음 처리페이지에서 체크박스에 체크한것만, chk 배열값으로 넘어온 값들을 모을 수 있다. (*) 처리 페이지 내용 소스 [ php 의 경우 ] $delArr = $_POST[chk]; for..

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 속..

작년 2017년 현장에서 잠시 찍어봄 (진짜 춥다 ㅎㅎ) 2017년 소방 교육받는 워니 ㅎㅎ

다음지도를 바탕으로 현재 GPS 위치상에서 반경 2km이내에 업체들 마커를 화면에 찍고, 현재 위치에서 각각의 거리를 구하고, 도보 및 자전거로 이동거리를 구하는 소스를 작업해 봤다. 이 소스는 실무에서 참 유용하게 쓰일것으로 생각된당 ^^ 다음지도 - 현재 GPS 상에서 반경 2km 이내의 업체들 거리, 도보/자전거 이동시간 구하기 [ 결과화면 ]

prev_page = Request.ServerVariables("HTTP_REFERER") If Not IsNull(prev_page) And prev_page "" Then' http://홈페이지/front/products/led_main2.asp?cc=P001002 thisFileArr = Split(prev_page,"/") prev_pageArr = Split(thisFileArr(5),".asp") prev_pageFileName = prev_pageArr(0) response.Write prev_pageArr(0) ' prev_pageArr(0) -> led_main2 , prev_pageArr(1) -> ?cc=P001002