Web/js, jQuery
-
Vue 믹스인Web/js, jQuery 2020. 9. 28. 18:36
Mixins는 Vue 컴포넌트에 재사용 가능한 기능을 배포하는 유연한 방법입니다. mixin 객체는 모든 구성 요소 옵션을 포함할 수 있습니다. 컴포넌트에 mixin을 사용하면 해당 mixin의 모든 옵션이 컴포넌트의 고유 옵션에 “혼합”됩니다. mixin과 컴포넌트 자체에 중첩 옵션이 포함되어 있으면 적절한 전략을 사용하여 “병합”됩니다. 예를 들어 data 오브젝트의 내용이 상충하는 경우, 컴포넌트에 선언된 data 오브젝트를 우선으로 하여 재귀적으로 병합됩니다. 전역 Mixin mixin은 전역으로 적용할 수 있습니다. 주의하세요! mixin을 전역으로 적용하면 이후에 생성된 모든 Vue 인스턴스 에 영향을 미칩니다. 적절히 사용하면 사용자 정의 옵션에 대한 처리 로직을 주입하는 데 사용할 수 있습..
-
[HTML, Jquery] 롤링 이미지, 슬라이드 소스Web/js, jQuery 2019. 6. 13. 15:45
테스트 jquery 버전 jquery-1.9.1.min.js 기본적으로 fade 이펙트로 적용되어있으며, 이미지 페이딩 이벤트와, 버튼이 활성화 되는 형태입니다. - html - 울쎄라&더블로 페이스 쁘띠성형 핫! 바디라인 동안얼굴 성형 앨리스 가슴성형 아포지 레이저제모 - js - //초기값 선언 var idx = "1"; var prev_idx = "1"; var totS = 6; var dtime = 6000; var flag = true; //메인 슬라이드 컨트롤 function main_visual(no) { // 선택된 항목 표시 $("#mainVisual"+prev_idx).fadeOut("slow", function(){ $("#mainVisual"+no).fadeIn("slow"); })..
-
특정 부분만 프린트Web/js, jQuery 2018. 3. 20. 11:34
기본 프린트 코드는 아래와 같지만 window.print(); 특정 레이어 프린트를 할 수 있는 플러그인이 있다. 링크 http://projects.erikzaadi.com/jQueryPlugins/jQuery.printElement/ 오페라를 찾지 못하는 버그가 있는 경우 아래 소스를 적용시켜주자 jquery.mb.browser.min.js jquery.printElement.min.js 미리보기 창 없이 인쇄 printElement({}); 인쇄 후 미리보기 창이 사라짐 printElement({ printMode: 'popup' }); 인쇄 후 미리보기 창이 남아있음 printElement({ leaveOpen: true, printMode: 'popup' }); CSS무시 printElement(..
-
이벤트 후(after) 추가된 엘리멘트(element) 에 대한 간단한 접근방법Web/js, jQuery 2018. 2. 22. 18:41
$('#registered').click(function(){ $('#show').html('') });위 버튼을 클릭하여 아래 div show 에 new라는 div를 생성하는경우new 라는 div를 컨트롤하기 위해서는 아래 내용을 참조하자. $('#registered').on('click', '.new', function() { console.log(this); });.new 부분에 생성된 엘리멘트 아이디나 클래스를 명시하면된다.
-
커서위치에 글자(문자) 삽입하기 Insert script at cursor positionWeb/js, jQuery 2017. 4. 21. 18:59
커서위치에 글자(문자) 삽입하기Insert script at cursor position매게변수는 접근아이디, 텍스트 function insertAtCursor(areaId,text){ var txtarea = document.getElementById(areaId); var scrollPos = txtarea.scrollTop; var strPos = 0; var br = ((txtarea.selectionStart || txtarea.selectionStart == '0') ? "ff" : (document.selection ? "ie" : false ) ); if (br == "ie") { txtarea.focus(); var range = document.selection.createRange()..