본문 바로가기

Development/Coding

jQuery 특정 요소만 ajax 로딩하고 싶은데... 이렇게 하면 된다. $('#link a').click(function(){ $('#content').hide().load('news.html #today', function(){ $(this).fadeIn(); }); return false; }); 클릭 이벤트 발생 > 콘텐츠 담길 부분 숨기기 > 호출한 html 파일의 특정 요소 로드 > 로딩완료 후 페이드 인 > 클릭 이벤트 false 리턴으로 이벤트 제거 그래 이거였어. 고맙습니다 learning jQuery ! 더보기
CSS 3 rotate 45deg 테스트 CSS3 를 지원하는 브라우저에서만이라도 애니메이션을 보여주자는 취지에서 로고에 CSS3 를 사용해보았습니다. 사용한 CSS .logo { height: 72px; text-indent: -5000px; background: url(./images/logo_small.png) no-repeat; } #n { width: 48px; height: 48px; background: url(./images/letter_n.png) no-repeat; position:absolute; top:72px; left:400px; } #o { width: 36px; height: 62px; background: url(./images/letter_o.png) no-repeat; position:absolute; top:.. 더보기
PHP Variable Tests PHP Variable Tests php version 5.1.6 version for 5.0.4 (as at 26/09/2005) $v= NULL 0 FALSE "" TRUE 1 1.3 -1 "-1" -1.7 isset($v) false true true true true true true true true true if ($v) { false false false false true true true true true true $v= "1" "1.3" "0" " " "string" "123str" "str123" array() array(1) unset($v) isset($v) true true true true true true true true true false if ($v) { true tru.. 더보기
자주 쓰이는 jQuery AJAX 예제 개발일정에 치여 도무지 블로깅 할 시간이 안나 미치겠네요. 새로운 것 정리하기는 힘들고 자주 사용하고 있는 Ajax 패턴 정리해 봅니다. Ajax 구현할 때는 거의 jQuery 를 활용하고 있습니다. 모바일 웹 구현할 때 네이티브 앱과 같은 UX 를 위해 Ajax 를 많이 사용하게 됩니다. 로그인 로그인은 보통 화면에서 폼 값을 입력한 후 해당 값과 함께 ajax 호출합니다. 호출된 액션에서 로그인 관련 인증 및 예외처리 프로세스를 돌인 후 인증 상태에 따라 결과 값을 출력합니다. 출력된 값에 따라 로그인 페이지에서 경고를 띄우든 다음 페이지로 진행하든 처리하죠. ajax 루틴을 돌고 있을 때 사용할 로딩 바를 띄우는 작업도 함께 해주면 좀더 나은 UX 를 구현할 수 있겠죠. - login view sc.. 더보기
스크롤 이벤트 활용 모바일 페이지를 구축하다보면 스크롤 다운하여 다음 페이지의 내용을 불러오는 기능을 추가해야할 경우가 많다. 기본적으로 아래와 같은 코드를 활용하여 준비할 수 있다. // 스크롤 이벤트 $(window).scroll(function(e){ d_top = $(document).height(); // document height w_top = $(window).height(); // window height delta = d_top - w_top; n_top = $(document).scrollTop(); // document top console.log("delta : " + delta); console.log("delta - n_top : " + (delta-n_top) ); if ((delta - n_t.. 더보기

티스토리툴바