반응형 JavaScript, jQuery, Java51 div 모니터 크기, 해상도에 맞추기(resize) 사용자의 모니터 크기나 해상도, 브라우저 크기에 따라디자인 해놓은 요소의 위치나 크기가 변경된다. 이를 방지하기 위해 베이스가 되는 창이나 모니터의 크기를 구하여배치시킨다. 브라우저 창 크기 : $(window).width(), $(window).height()전체화면 크기 : screen.width, screen.height 1234567891011function leftOpen() { $('#timelinbx').css("width", $(window).width() - 280);}function leftClose() { $('#timelinbx').css("width", "100%");} $(window).resize(function() { $('.timelinbx').css('width', $(.. 2017. 12. 20. 타임라인 js 사용하기 하단의 날짜에 맞게 JSON 형태로 데이터를 담아 나타내는 타임라인을 사용하기 위해아래의 참고 사이트에서 'timeline-2.9.1.zip' 을 다운받는다.'timeline-2.9.1.zip' 안에는 타임라인 js 를 사용하기위해 필요한 이미지와, js 파일들이 들어있다. 예제 : http://almende.github.io/chap-links-library/js/timeline/examples/example27_jquery_themeroller.html 참고 사이트 : http://almende.github.io/chap-links-library/timeline.html 'timeline-2.9.1.zip' 에서 내가 필요한 파일들만 골라낸 목록 + image 만 있으면 잘돌아간다! 소스는 예제 페이.. 2017. 12. 20. 숫자 세자리마다 콤마(,)찍기 123function AddComma(data_value) { return Number(data_value).toLocaleString('en');}Colored by Color Scriptercs * toLocaleString 은 Number 타입의 내장 함수인자로 들어온 지역 값에 따른 숫자 표기 방식을 적용하여, 문자열로 반환하는 역할을 한다.'en'은 영어권 국가의 숫가 표기 방식을 사용하겠다는 것을 지정(미국이나 영어권 국가에서는 숫자를 표기할 때, 3자리마다 숫자를 끊어 콤마를 삽입하여 사용한다.) * 만약 지역 값을 입력하지 않고 호출하는 경우해당 시스템의 지역 값에 따라서 숫자가 표기되는데, 시스템에 따라서 뒤에 소수점 2자리가 붙는 경우가 있다. - Number("12345").toLoc.. 2017. 12. 20. 엘리먼트 append 순서 지정 / 요소 추가 순서 지정 1. 상위/하위 엘리먼트로 나눠져 있을때 div 안에 div 또는 ur 안에 li 와 같이 부모/자식 관계 일때는 아래와 같은 함수를 사용한다. 1234$(A).append(B); // A 안의 마지막 요소 뒤에 B 를 붙인다.$(A).prepend(B); // A 안의 첫번째 요소로 B 를 붙인다.$(B).appendTo(A); // A 안의 마지막 요소 뒤에 B 를 붙인다.$(B).prependTo(A); // A 안의 첫번째 요소로 B 를 붙인다.cs 2. 동등 관계 일때(같은 레벨) 형제 노드 관계일때 아래와 같이 사용한다. 1234$(A).before(B); // A 앞쪽에 B 를 붙인다.$(A).after(B); // A 뒤쪽에 B 를 붙인다.$(A).insertBefore(B); // A 를.. 2017. 12. 20. 이전 1 ··· 6 7 8 9 10 11 12 13 다음 728x90 반응형
