기록저장소

https://stackoverflow.com/questions/46724542/javascript-move-elements-up-and-down-in-the-list JavaScript: Move elements up and down in the list I am working on a script to move list elements up and down with a button click. I can make it work with jQuery, but I have troubles writing this in pure (vanilla) JavaScript. $(function() { ... stackoverflow.com

Drag'n'Drop File Here .drop { min-height: 50px; width: 250px; border: 1px solid blue; margin: 10px; padding: 10px; } if(window.FileReader) { //var drop; addEventHandler(window, 'load', function() { var status = document.getElementsByClassName('status')[0]; var drop = document.getElementsByClassName('drop')[0]; var list = document.getElementsByClassName('list')[0]; function cancel(e) { if (e.prev..

https://emessell.tistory.com/149

디바이스 크기에 따라 slide 개수를 변경할 때 breakpoints const swiper = new Swiper('.swiper', { // Default parameters slidesPerView: 1, spaceBetween: 10, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 2, spaceBetween: 20 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 30 }, // when window width is >= 640px 640: { slidesPerView: 4, spaceB..

jquery오류문제로 옵션추가 observer: true, observeParents: true, https://sir.kr/qa/364981 swiper 슬라이드 탭안에서 기능이 안먹혀요.. > SIR 안녕하세요.. 이틀동안 해결이 안되서 온 초보 퍼블리셔입니다..ㅠㅠ 각 슬라이드를 탭안에 넣었는데 첫번째 탭만 작동하고 두번째부터는 swiper 기능이 안먹 sir.kr

ex) 메인페이지 3장 슬라이드 / 하단 컨텐츠 10장 슬라이드가 동시에 필요할 경우 " 기존swiper class들은 그대로 두고 swiper-container만 구별을 위한 class (ex. first-swiper, second-swiper)를 추가한다 " Slide 1 Slide 2 Slide 3 Slide 1 Slide 2 Slide 3 Slide 4 Slide 5 Slide 6 Slide 7 Slide 8 Slide 9 Slide 10 script에서 swiper-container로 적용된 부분을 구별 class (ex. first-swiper, second-swiper)로 바꿔준다. //first-swiper //second-swiper

#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; } #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; } #sortable li span { position: absolute; margin-left: -1.3em; }​ Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 Item 7

$(function(){ //직접입력 인풋박스 기존에는 숨어있다가 $("#selboxDirect").hide(); $("#selbox").change(function() { //직접입력을 누를 때 나타남 if($("#selbox").val() == "direct") { $("#selboxDirect").show(); } else { $("#selboxDirect").hide(); } }) });​ 선택 1 2 3 직접입력 //상단의 select box에서 '직접입력'을 선택하면 나타날 인풋박스

마우스오버 마우스오버시 보여지는 컨텐츠 .btn_tooltip {position: relative; display: block;} .tbl_tooltip {position: absolute; display: none; width: 0; height: 0; bottom: 0; left: 5px;} .tbl_tooltip .inner {position: relative; padding-top: 8px;} .tbl_tooltip .inner::before {position: absolute; display: block; width: 13px; height: 9px; top: 0; left: 20px; background: url(../images/front/ico/tbl_tooltip_arr.png) no-r..

gahyun-web-diary.tistory.com/117 [자바스크립트플러그인]slick progressbar 만들기 [CSS] - [CSS]animation - 애니메이션 효과 중지했다가 다시 시작하기 [javascript] - [JAVASCRIPT/JQUERY]이미지슬라이드 플러그인 slick 옵션 설정하는 법(사용법) progressbar1 - 1개의 슬라이드에 대한 progr.. gahyun-web-diary.tistory.com