WEB/Js, JQuery 22

[JQuery] 자식창에서 부모창으로 행 삽입, after()

자식창에서 검색후 검색결과를 부모창의 구조에 삽입하려고 한다. 부모창의 베이스는 "선택하신 키워드가 없습니다."를 지우고 선택한 데이터를 표형태로 삽입하며, 행 갯수는 지속적으로 늘어날 수 있다. 번호 키워드 삭제 선택하신 키워드가 없습니다. 삭제버튼에 대한 것은 제외했다. 본 작업에서는 각 키워드에 대한 가격을 배열화하여, 부모창에서 그 값들의 합계를 보여주며 삭제버튼 또한 추가되어 각 개행된 행별로 삭제를 함과 그에 대한 합계급액 재계산코드까지 추가되었다. 반응들이 없어 별도 데모를 만들려고 했던것은 취소해야겠다...ㅡㅡ

WEB/Js, JQuery 2011.07.04

[JQuery] datepicker ui를 사용하면서 한달뒤 날짜 받기

JQuery의 ui중 많이 쓰는것중의 하나 datepicker 필자가 달력으로 유저의 데이터를 받는곳이면 항상 사용하는 ui 헌데 이번엔 시작날짜와 종료날짜중 시작날짜의 입력을 받으면 자동으로 한달뒤의 종료날짜가 입력되게끔 만들어야 했다. 하지만 php의 strtotime()과 같은 훌륭한(?) 함수가 존재하지 않는 js로서 한달뒤 31일과 30일 그리고 윤달의 해결책을 찾아볼수 없었고.. 구글링이나 네이년에서 찾아봐도 딱히 맘에 드는 코드가 없어 노가다를 했다. 월이나 일의 데이터가 06인 상태에서 +1 되어 7이 되는 현상을 막기위해 길이판단후 "0"을 붙여 같은 형태를 유지해야했다. 함수화하면 더 좋겠지만 일단 그냥 쓰고 본다....

WEB/Js, JQuery 2011.06.28

[JQuery] 따라다니는, 스크롤링 레이어

일반 js로 만든것을 사용하다가 예전에 만들어놓았던 jquery용을 찾아보니 너무 간단하게 되어 있어서 포스팅해준다. 따라갑시다. 짧고 간단해졌다. 그래서 JQuery를 사랑한다. // 2012-05-08 갱신 //scroll the message box to the top offset of browser's scrool bar $(window).scroll(function() { $('#scroll').animate({top:$(window).scrollTop()+"px" },{queue: false, duration: 350}); }); //when the close button at right corner of the message box is clicked $('#scroll').click(fun..

WEB/Js, JQuery 2011.06.16

[Js] 크로스 도메인, document.domain, 엑세스가 거부되었습니다.

뭐라고 딱히 정의할수 없지만, 서브 도메인간에 새창 혹은 아이프레임으로 변수 전달시 "엑세스가 거부되었습니다." 라는 메세지를 확인하였다. 크로스 도메인이라는 것에 대해 알게 되었고 깊이 파볼까 했지만 작업내의 현상은 document.domain = "www.xxx.com"; -> document.domain = "xxx.com"; 과 같이 해결하였다. 딱히 원인은 모르겠지만 서브도메인간의 엑세스를 거부당했다면 www.xxx.com 과 xxx.com는 엄연히 다른것이기에 해결되었을거라 생각된다. 잊지 않고 파보기 위해 기록한다. ps parent.document 그리고 top.document , opener.document 에 대해서는 따로 포스팅해야겠다.

WEB/Js, JQuery 2011.05.20

[JQuery] load()를 사용하여 10개 더보기를 구현해보자

요즘 스마트폰을 보다보면 T store같은 [10개 더보기] 버튼과 같이 페이지 이동없이 현재 페이지 하단에서 게시물이 10개가 더 늘어나게 만들어진 게시판들이 있다. 이것을 JQuery의 load()를 사용하여, 만들어보자. PHP의 페이징, 물론 돌아다니는, 쉽게 구할수 있는 소스가 많기때문에 언급을 하지 않겠지만 살짝 얘길 하자면

WEB/Js, JQuery 2011.04.21

[Js] javascript에서 php의 sprintf()와 같은 형식 만들기

javascript용 sprintf()가 없기 때문에 대부분 function 함수를 만들어 사용한다. 물론 좋은 사용자 함수도 많지만 간단하게 사용할때는 아래와 같이도 할 수 있다. 가령 변수 v에 12라는 두자리 숫자가 들어오더라도 012라는 문자에 뒤에서 2자리만 가져가기때문에 12를 만들어낸다. 물론 그 이상의 자리도 가능은 하지만 더 많은 경우에서 유연성있게 사용하려면 좋은 함수를 찾아 그걸 쓰는것을 추천한다. ㅡ_ㅡ;

WEB/Js, JQuery 2011.04.19

[JQuery] show(), hide()를 이용한 이미지 전환

업무를 하다보면 메뉴 혹은 이미지를 전환해야 하는 경우가 많다. 예를 들어 관리자모드에서 사용자의 설정에 따라 전환해야 하는 화면이 있다고 가정한다면 그저 getElementById를 사용하여, 많은 양의 코드를 작성했어야 했다. 하지만 JQuery를 이용해서 간단하게 처리할 수... [상황] 버튼은 라디오 버튼으로 "1번", "2번"이 존재하고 선택 여부에 따라 이미지가 바뀌는 방식이며, 선택후 저장을 하였을시 데이터는 bt필드에 저장됨과 동시에 다시 선택페이지로 돌아와 결과를 뿌려준다. 위와같이 function에서 설정하지 않으면 로드되면서 데이터 결과물에 반영하는 레이아웃을 만들어줄때와 라디오버튼 선택시 변경되어야 하는 시점에서 두번의 함수작동을 줄이기 위함이고, 해놓고도 별로 맘에 들진 않지만....

WEB/Js, JQuery 2011.04.14