webpaper | 웹페이퍼

메일 자동완성코드  Autocomplete | jQuery UIjQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice.https://jqueryui.com/autocomplete/ jQuery UI Autocomplete 사용        link rel="s..

jquery 배열에서 최고, 최소 값 받아오는 소스 Math.max.apply(null, 배열); // 최대값 Math.min.apply(null, 배열); //최소값

jqGrid [HTML] [javascript]

구현된 페이지 캐나다온라인 수업캐나다온라인 수업, 캐나다고등학교 내신관리, 수학, 과학,영어,사회 토플 SAT 시험대비http://online.ige.kr/?page=sample 기본 개념은 이러합니다. #1 Youtube의 영상 공유하기에서, 코드를 선택하면 Iframe 형태로 공유할 수 있습니다. #2 그 코드에서 고유 콘텐츠 값 만을 변경하여, 플레이 리스트를 만들어 봅니다. 공유하기에서 코드를 선택하면 대략적으로 저런 코드가 나옵니다. 여기서 src="https://www.youtube.com/embed/yvg6m2ZUoHg" 이 코드가 콘텐츠에 대한 주소이고, 여기서 yvg6m2ZUoHg 이 코드가 고유 콘테츠 코드라 할 수 있겠습니다. 그럼 여기서 부터 시작합니다. 수학강의 ( Grade 10..

다른 lib 를 사용해서도 충분히 구현가능하다만, 그냥 필요에 의해서 한번 만들어본 코드 일단 필요할 것이라 판단되는 상황은 아래와 같다. 스크롤을 하다, 특정 영역에 도달했을 때 뭔가 동작이 일어나야함 상단 네비게이션에 특정 영역에 메뉴 On 시킬 때 css animation을 실행시키는 시점(?) 이건 개인적인 걸로,, 암튼 등등의 경우에 사용된다. 공식은 이러하다. #1 현재 위치 값을 알아낸다. - 현재 위치를 알아야, 특정 DIV의 위치와 비교를 할 수 있다. #2 특정 DIV 위치를 알아야한다. - #1과 같은 맥락이네.. 암튼 함수는 이러하다 function setVisible(a){ if( a.length > 0 ){ var stdPos = $(window).scrollTop() + $(w..

참 안외워 진다. 웬만하면 외워서 직접 작성하고 싶은데 매번 검색해서 쓰기되는 코드 TOP 이제는 외워서 써보자

jquery 와 css 을 이용한 간단한 탭메뉴 만들기 head 부분에 jquery 호출 tab 메뉴를 구현할 box 만들기 box는 가로 200px 세로길이는 컨텐츠에 따라 자동으로 늘어나는 auto height로 구성 height:auto; overflow:hidden; .tab{ width:200px; height:auto; overflow:hidden; } 클릭하여 동작할 tab 부분 css 작업 tab을 3개 넣을거라 33.3333% 로 작업 / 같은 크기의 3개의 탭 높이는 텍스트의 line-height 로 잡음 (40px) tab을 클릭해야 함으로 cursor:pointer 로 마우스 커스를 올렸을때 손가락 모양이 나오게 함 그리고 tab이 선택된 것을 표시하기 위해 .on 클래스로 표기함 ..

jquery로 iframe 내에 접근하기 // iframe 내의 콘텐츠로 접근 $('#ifrm').contents(); // iframe 내의 콘텐츠 class 또는 id 로 selector $('#ifrm').contents().find('.class'); $('#ifrm').contents().find('#id'); 이중 iframe의 경우 var iframeInner = $('#ifrm1').find('#ifrm2').contents(); var iframeContent = $(iframeInner).contents().find('.class'); // $(iframeInner).contents().find('#id'); 이런 방법으로 접근가능합니다.

jquery 를 사용하여, 체크박스 및 라디오 박스에서 값을 가져오는 코드 HTML 코드 체크박스 chk1 chk1 chk3 레디오박스 rdo1 rdo2 rdo3 값가져오기 script 부분 function getValue(){ console.log( 'radiobox값 : '+$(":input:radio[name=radiobox]:checked").val() ); $("input[name=checkbox]:checked").each(function() { console.log( 'checkbox값 : '+$(this).val() ); }); }

jquery 항상 최신버전으로 이용하는 주소 http://code.jquery.com/jquery-latest.min.js