js 썸네일형 리스트형 stroybook vue 설치 vue create your-app vue 3버전 설치 ======================= npm add --dev @storybook/vue ======================== package.json "storybook": "start-storybook -p 6006", "storybook:build": "build-storybook -c .storybook -o .out -s public", "build-storybook": "build-storybook" ========================= 5, .storybook구성 디렉터리로 디렉터리 만들기 6, .storybook/config.js구성 파일로 생성 import { configure } from '@storybook/v.. 더보기 데이터를 시각화 하는 관련 사이트 http://www.fbml.co.kr/2014/08/14/14-tools-data-visualization/ 더보기 document.location.href 써먹기 재고조사 document.location.href를 이용하면 URL 주소창에 해당 URL을 입력한 거랑 동일한 효과가 나는 거군요. 자세한 내용은 여기서 참조할 수 있습니다. 더보기 자바스크립트 공부하시는 퍼블리셔 8년차 http://zzangsuni.com/bbs/board.php?bo_table=zz_career 더보기 딤트 다중 레이어팝업 더보기 클릭시 글자 사라지는 스크립트 input 또는 Textarea에 공지글 넣고 클릭시 사라지고, 별도 글자를 입력하지 않고 빈 공백을 클릭하면 기본 value값이 다시 보이는 소스 더보기 새창열기(팝업창)의 모든것 출처 : http://directmoney.kr/moneyocean/156 새창열기(팝업창)의 모든것 기본형1. 옵션을 HEAD안에... 새창열기2. 링크에 옵션을 지정... 새창열기* 옵션 * 새창 뛰울때 용도에 맞게 옵션 설정을 해줍니다. "YES" 또는 "NO" 로 지정 해주면 됩니다. menubar - 파일, 편집, 보기....부분 toolbar - 뒤로, 앞으로, 새로고침 아이콘등이 있는 부분 directories - 연결 디렉토리가 표시되는 부분 location - 주소 입력창 status - 아래 브라우저 상태 바 scrollbars - 스크롤 resizable - 리사이즈 옵션 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++.. 더보기 [JavaScript] input 태그 입력된값 삭제버튼 더보기 쉬운 슬라이드 웹표준은.. 모름.ㅡ.ㅡㅋ;정말 쉽게 적용 가능 정동야행 사이트에 적용 더보기 키보드 접근성 출처 : http://www.wah.or.kr/RIA/Js/js_guide02.asp 가) 접근성 지원 이벤트 핸들러모든 컨트롤은 마우스를 통해 작동될 뿐 아니라 키보드를 통해 접근할 수 있어야 한다. 이것은 화면 낭독 프로그램 사용자 뿐 아니라 마우스를 사용할 수 없는 사용자도 배려하기 위함이다.JavaScript에서 접근성을 지원하는 마우스 이벤트와 이에 대응되는 키보드 이벤트는 아래 표와 같다.마우스 이벤트대응되는 키보드 이벤트onmouseoveronfocus ()onmouseoutonblur ()onmousedownonkeydown ()onmouseuponkeyup ()onclickonkeypress ()onmouseover와 onmouseout 이벤트는 이미지 위에 마우스포인터를 위치시키거나 빠.. 더보기 tr에 display:block 먹였을때 부분 오류 tr에 display:block 처리 하면 버그 있습 스크립트상 으로 .css("display",""); 더보기 자바스크립트 새창 고정사이즈 띄우기 더보기 팝업창 윈도우 오픈 창 열렸다 5초후 닫히기 윈도우 오픈 더보기 자바스크립트 알럿창 html 자바스크립트 function jreading1(){ alert("OK"); } alert창내에서 줄바꿈하기 위해서는 줄바꿈 문자 '\n'를 넣어주면 된다. 예)alert("ABC\nDEF"); ♤ jsp변수값에서 줄바꿈 문자를 넣어줄때 유의사항 jsp변수값에서 줄바꿈 문자를 넣어주면 안되고 따로 변수를 설정하고 사이에 줄바꿈을 주면된다. alert('\n'); 하이퍼 텍스트 이용한 얼럿창 여기 CLICK 폼버튼 이용한 얼럿창 플래시 on(release){ getURL("javascript:alert('OK')"); } 링크를 클릭 할 때 알림창 띄운 후 페이지이동하기 필요에 따라서 링크를 클릭 할 때 간단하게 알림창을 띄워주고 페이지를 이동하고자 할 때 사용되는 소스입니다. 링크 설명 페이지를 .. 더보기 클릭시 점선 없애는 onfocus=blur() 자동으로 넣기 사이에 넣기. 2) 방법 스크립트 말고 직접 넣으실때는 하이퍼 링크안에 넣기. ex) .... 더보기 css3 라운드 처리 ie6~9 가능 http://css3pie.com/ 더보기 레이어팝업 이미지 클릭으로 다시 보지 않기 버튼 js 스크립트 레이어팝업창 다시는 보지 않기 이미지 클릭으로 다시 보지 않기 버튼 js 스크립트 ----------------------------------- 더보기 jquery 강의 블로그 jqueryhttp://siana.tistory.com/category/jQuery?page=4 더보기 js 파일 용량 압축해주는 사이트 http://javascriptcompressor.com/ 더보기 jquery .hover (마우스오버와 마우스아웃) Script1 Script2 .hover 는 해당 element에 마우스가 올라갔을 때와 element에서 마우스가 벚어나는 순간에 함수를 실행한다. .hover(OverFuntion 위치,OutFunction 위치) 커서가 올라갔을 때 OverFuntion이 커서가 벗어났을 때 OutFuntion이 실행된다. OverFuntion OverFuntion에서는 우선 graytd(background-color 적용) calss를 모두 지우고, hover class를 실행한다. 그러면 원하는 줄에는 hover가 적용되어 해당줄에 마우스오버가 되면 background-color가 적용된다. 하지만, 이대로 마치면 한번 적용되고 마우스아웃 된 후로는 모든 줄에 graytd까지 지워진 상태기때문에 마우스아웃에서 아.. 더보기 드롭다운 메뉴 자바스크립트 http://loved.pe.kr/260 더보기 [자바스크립트] 새창을 열 때 늘 정가운데에 열리도록 하기 http://blog.naver.com/k706?Redirect=Log&logNo=100004704556 : 퍼온곳;;; 자바스크립트를 사용해서 기본값으로 새창을 열면 위치가 제멋대로 뜨거나 left, top 값에 의한 절대좌표로만 위치를 지정할 수가 있습니다. 뭐 딱히 불편한 점은 없지만... 그리 깔끔해 보이진 않을 겁니다. 그럼 모니터가 커지든 작아지든... 기타 상황에 변동없이 새창은 무조건 가운데로 열리게 해볼까요? #1.우선 아래 스크립트 부분을 적용시키고자 하는 문서의 태그 사이에 추가합니다. (스크립트) #2.구문을 추가한 이후에 부분에 쓰이는 본문의 어느곳에서라도 새창을 띄우시려면 win_op('새창으로 불러올 주소','새창의이름(생략가능)','새창의너비','높이','스크롤유무')만 호출.. 더보기 jquery 사이트 모음 Jquery 플러그인 http://jquery.byule.com/ -Jquery 플러그인 모음 이거한방이면 끝..!! : http://www.seek-blog.com/41065/14090/240-plugins-jquery.html -light box(이미지 미리보기,pre,next) : http://leandrovieira.com/projects/jquery/lightbox/ -이미지 스크롤 : http://benjaminsterling.com/2007/09/09/jquery-jqgalscroll-photo-gallery/ -이미지 싸이클 : http://www.malsup.com/jquery/cycle/ -BlockUI Plugin(processing,처리중 등등,confirm) : http://www.. 더보기 jQuery 슬라이드 - jCarouselLite http://plugins.learningjquery.com/jcarousellite/demo/refresh.html 3 더보기 js 메뉴 클릭시 펴졌다 접혔다 하는..부분 더보기 자바스크립트란? 출처 : http://cafe.naver.com/jobstartgogo/10976 ☆ 자바스크립트란? 자바스크립트는 HTML 문서에서 HTML 이나 CSS 만으로는 표현하기 어렵거나 아예 불가능한 작업을 하기 위해 만들어진 언어이다. 스크립트 언어란 메모장등 간단한 텍스트 편집기 프로그램을 이용해서 쉽게 프로그램을 작성할 수 있는 언어로서 사용하기가 편리하고 실행속도가 빠른것이 특징이다. ☆ HTML 문서에 자바 스크립트 작성하기 CSS 와 마찬가지로 자바 스크립트도 HTML 문서에 직접 작성하거나 외부 파일에 작성한후 불러올수 있다. HTML 문서에 자바스크립트를 작성하려면 ☆ 외부 문서로 저장된 자바스크립트 파일을 불러오기 자바스크립트는 별도의 자바스크립트 파일 (*js 파일) 에 작성하고 이를 HT.. 더보기 jQuery 한글 블로그 http://noel.byus.net/Java_Css 이쁜 효과 많이 저장되어있습 더보기 하단메뉴 내리는 jquery http://www.htmldrive.net/items/show/999/Beautiful-Drop-Down-Menu-with-jquery 더보기 jQuery 메뉴 효과 http://www.designonex.com/bbs/board.php?bo_table=os_freecss&wr_id=89 한글 사이트 더보기 jQuery 맛보기 http://uix.kr/jquery 더보기 이전 1 다음
