Total Fix!

[ jQuery ] 더블 클릭으로 소스코드 전체 선택하기

이 방법은 태그를 이용하여 소스코드를 공개할때 더블 클릭으로 해당 태그의 내용 전체를 선택하는 방법입니다. 먼저 jQuery가 사용 가능해야 합니다. 아래의 코드를 최하단의 태그 위에 삽입합니다. 이 작업만으로 끝입니다. 위의 소스코드 하일라이트 박스를 더블 클릭하시면 테스트가 가능 합니다. 이제 여러분의 소스코드를 더 블클릭하면 전체 소스코드가 선택 되고 방문자는 단지 더블 클릭 후 Ctrl + C 키로 복사해 가면 됩니다. 추신 가끔 마우스를 막아 놓고 소스코드를 공개하신 분들이 있는데 이경우는 작동 테스트를 하지 않았습니다. (솔직히 마우스를 막고 소스코들를 공개하는 것은 무슨 의미 인지 모르겠어요.) 이 방법은 티스토리 뿐만아니라 HTML 편집이 가능한 모든 웹에 적용 가능합니다.

광고

[jQuery] class 제어하기

웹을 작성하다 보면 Class를 변경하여 효과를 변형시키고자 할때가 있습니다. 이럴때 유용하게 사용 할 수 있는 jQuery에서의 Class를 변경하는 방법에 대하여 알아보겠습니다. 먼저 jQuery에서 Class를 변경하는 메소드에 대하여 살펴보겠습니다. //Class 추가 $('#element').addClass('class_name'); $('#element').removeClass('class_name'); $('#element').removeClass('class_name'); //Class 교체 $('#element').removeClass('old_class').addClass('new_class'); //Class 토글 $("#element").toggleClass('old_class ne..

광고

Jquery Mobile API 오프라인 크롬 브라우저에서 확인 하는 방법

Jquery Mobile Api는 정말 많은 기능을 가지고 있습니다. 응용해 보려고 이곳 저것을 해보다가 유독 크롬 브라우저네서 데보를 돌리면 무한 로딩이 되는 것을 발견했습니다. 물론 인터넷에 올리고는 정말 잘 작동 합니다. 여기서는 Jquery Mobile API의 크롬 브라우저 무한 로딩을 우회하여 컴퓨터에서 작업하며 확인 하는 방법에 대하여 알아 보겠습니다. Jquery mobile API를 다운 받아 컴퓨터에서 돌리면 아래와 같이 크롬 브라우저에서는 무한 로딩을 합니다. 버전 문제인자 해서 전체 버번을 다 테스트 해보았으나 버전 문제는 아니었습니다. 크롬 브라우저에서는 무한로딩을 시전합니다. 그것도 오프라인에서만 일어나는 현상입니다. 온라인 즉 인터넷에 적용한 경우는 이런 현상이 없습니다. 그래..

광고

[JQuery / Javascript] 자바스크립트와 제이쿼리를 이용하여 나이를 구하는 방법

자바스크립트와 Jquery를 이용하여 나이를 구하는 식을 알아보겠습니다. 이 식이 필요 했던건 웹에 프로파일 정리하면서 나이를 역동적으로 보여 줄수 없을까? 하는 고민에서 생각하게된 방법입니다. 즉 해가 바뀌면 나이가 그 해에 맞추어 변하는 것이죠. 많은 시행착오 끝에 아래와 같이 스크립트를 마무리 하였습니다. JQuery를 불러옵니다. 웹 페이지가 완전히 로드 되면 function을 실행 결과를 뿌려 줍니다. $(window).load(function() Class="age"를 찾아 data-age="..." 값을 불러와 dob에 저장 합니다. var dob = $('.age').data('age'); 이전에 다루었던 서버시간을 가져오는 스크립트 입니다. 관련글 : [Javascript] 자바스크립트에..

광고

[Javascript] 자바스크립트에서 서버시간 구하기 [Date(),XMLHttpRequest]

자바스크립트에서 시간(날짜)을 끌어오는 개체는 Date() 입니다. 관련글 : [JQuery / Javascript] 자바스크립트와 제이쿼리를 이용하여 나이를 구하는 방법 Date 개체는 아래의 특성을 가지고 있습니다. dateObj = new Date() dateObj = new Date(dateVal) dateObj = new Date(year, month, date[, hours[, minutes[, seconds[,ms]]]]) 매개 변수 dateObj : 필수 요소. Date 개체가 할당되는 변수 이름입니다. dateVal : 필수 요소. 숫자값 dateVal이 UTC(Universal Coordinated Time)로 지정된 날짜와 1970년 1월 1일 자정 사이의 시간을 밀리초로 나타냅니다...

광고

[.length] 카테고리 개수 구하기 (jQuery)

jQuery(제이쿼리)에서 개체에 대한 요소의 개수를 구하는 함수는 .length 입니다. 따라서 class에 대한 개수를 구하는 식은 아래와 같습니다. $('.class').length 위의 식을 기준으로 카테고리를 만들고 카테고리의 항목 개수와 전체 개수를 구하는 식을 알아 보겠습니다. 예는 아래와 같습니다. 카테고리 () A () A1 A2 A3 A4 B () B1 C () C1 C1 D () D1 D2 D3 위에서 보듯이 전체 메뉴 목록에 Class마다 공통으로 cate를 주고 각가의 항목마다 구분되는 A~Z 까지 항목을 2차원으로 표시하였습니다. 위의 결과를 브라우저로 확인하면 아래와 같이 표현됩니다. 카테고리 () A () A1 A2 A3 A4 B () B1 C () C1 C1 D () D1 ..

광고