목록Front (37)

엄지월드

bootstrap css 적용 방법(CDN) - 최신

태그 사이에 아래 CDN 태그를 삽입해주면 bootstrap css 사용이 가능하다.<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous..
Front/Bootstrap 2022. 4. 19. 22:23
자바스크립트 차트 라이브러리

1. morrisjs http://morrisjs.github.io/morris.js/ 2. chartjs http://www.chartjs.org/ 3. nvd3 http://nvd3.org/ 4. c3js http://c3js.org/ 5. google chart https://developers.google.com/chart/ 6. high chart http://www.highcharts.com/ 7. amcharts https://www.amcharts.com 8. d3 https://github.com/d3/d3/wiki/Gallery
Front 2020. 2. 23. 21:32
javascript로 xpath 구하기

javascript로 xpath의 값을 구하는 방법은 아래와 같다. 필자는 Katalon을 활용해 xpath를 구했을 때 제대로 구해졌는지 확인하려고 검색했는데, 크롤링을 구현할 때도 활용 가능할 것 같다. document.evaluate(path, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue; 예시 : document.evaluate('//*[@id="tbodyCustomList"]/tr[1]/td[10]/div/span/text()[2]', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
Front 2019. 12. 8. 15:59
jquery select box 제어하기

jQuery로 선택된 값 읽기 $("#selectBox option:selected").val(); $("#select_box > option:selected").val() $("select[name=name]").val(); jQuery로 선택된 내용 읽기 $("#selectBox option:selected").text(); 선택된 위치 var index = $("#test option").index($("#test option:selected")); ------------------------------------------------------------------- // Add options to the end of a select $("#selectBox").append("Apples"); $..
Front 2019. 11. 27. 23:47
이미지 클릭시, 이미지가 크게 표시되는 기능

프리티포토 http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#prettyPhoto 프리티포토 다운 받기 jQuery Library인 프리티포토 다운로드 후, 바로 확인 가능한 예제입니다. 주변이 어두워지면서 해당 이미지가 크게 나타납니다. 팬시박스 http://fancybox.net 스와이프 박스 http://brutaldesign.github.io/swipebox/ 칼러박스 http://www.jacklmoore.com/colorbox/ 도움이 되셨다면 광고 한번씩 클릭 부탁드립니다 😁
Front 2019. 8. 1. 22:11
table width 고정

bootstrap을 이용해서 잘 사용하고 있었는데 점점 장문의 글을 노출 시 팝업에 보여지는 td가 옆으로 늘어지는 현상이 발생했다... td의 %값을 변경해보기도 하고 table의 width를 강제적으로 설정해보기도 했으나 무용지물이어서 멘붕인 상황이었다. 하지만 열심히 구글링 한 결과, table 내의 style="table-layout: fixed"을 추가하니깐 가로 길이가 고정됐다! 그후의 th의 width %만 설정해주어 th마다 범위를 설정해주었다. No 질문 답변 도움이 되셨다면 광고 한번씩 클릭 부탁드립니다 😁
Front 2019. 6. 29. 16:03
jQuery 자동완성 기능(autoComplete) - JS 간단

입력 필드에 타이핑을 하면 관련 정보를 보여주고 선택할 수 있는 기능이 많이 사용됩니다. jQuery UI에서 제공되는 autocomplete 기능을 사용해서 이 기능을 구현해 봅니다. 1. 필요한 파일 인클루드하기 jQuery UI 스타일 시트 파일과 jQuery 파일, jQuery UI 파일이 필요합니다. 각각은 다운로드 받아서 사용해도 되고 CDN 을 이용해서 사용해도 됩니다. 이 예제에서는 CDN을 사용했습니다. 2. 기본 기능 사용하기 도시: id가 city 인 입력 필드에 자동완성기능을 만듭니다. - $("#city").autocomplete() : 자동완성기능을 만듭니다. - source: avalibleCity : 타이핑시 보여질 내용 입니다. - select: function(event,..
Front 2019. 5. 31. 12:00
js 오늘 날짜 구하기

// 오늘 날짜 구하기 var aa = new Date() var year = aa.getFullYear() var month = aa.getMonth()+1 var date = aa.getDate() var dayLabel = aa.getDay() console.log(year) // 출력: 2019 console.log(month) // 출력: 5 console.log(date) // 출력: 12 console.log(dayLabel) // 출력: 0
Front 2019. 5. 12. 08:21
제이쿼리를 사용해서 엔터 키 막기

제이쿼리를 사용해서 input에서 엔터 키 막는 방법은 아래와 같다.
Front 2018. 11. 19. 21:50
json 크기 구하기

자바스크립트에서 json 크기를 구하는 방법은 아래와 같다.
Front 2018. 11. 19. 21:49
Prev 1 2 3 4 Next