일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 |
- 자바
- MYSQL
- 공모주 청약 일정
- php
- SQL
- 코드이그나이터
- 제이쿼리
- 주식 청약
- codeigniter
- jquery
- IPO
- Stock
- JavaScript
- css
- java
- 주식 청약 일정
- Oracle
- 리눅스
- Stock ipo
- 7월 공모주 청약 일정
- JSTL
- 공모주 청약
- linux
- 맥
- 공모주
- 주식
- 오라클
- 자바스크립트
- html
- Eclipse
- Today
- Total
목록2021/09 (89)
개발자의 끄적끄적
[javascript/jquery] jquery ajax html history back example / jquery ajax html 더보기 뒤로가기시 유지방법 jquery ajax html을 이용하여 더보기를 구현하다보면 게시물을 클릭해서 상세 페이지로 갔다가 뒤로가기 버튼을 이용해서 목록으로 되돌아오면, 더보기 목록이 유지되야 하는 경우가 있습니다. 그럴때는 아래와 같이 history state 를 이용하시면 됩니다. 우선 아래와 같이 total_list 이라는 변수를 선언합니다. var total_list = ""; 아래와 같이 ajax html 함수에서 append 시키는 부분에 total_list 에 리턴받은 html 데이터를 누적하고, history.replaceState 에 total_l..
[html/css] html img tag onclick example / html 이미지 태그 확대해서 보는 방법 html 에서 이미지를 확대해서 보게 해야 하는 경우가 있습니다. 그럴때는 여러가지 방법이 있겠지만, 아래처럼 이미지를 클릭해서 새창으로 띄우게 하면 확대가 가능합니다. 바로 아래처럼 onclick 옵션을 이용하는 건데요. onclick="window.open(this.src)" 위와 같이 onclick 옵션을 아래와 같이 img 태그에 추가하시면 됩니다. 결과는 아래와 같이 onclick 가 추가되면 됩니다. 참고들 하세요!
[html/css] html meta viewport example / html 이미지 확대 막는 방법 html 에서 특정 사이트는 이미지 확대가 안되게 막혀있는 경우가 있습니다. 바로 meta 태그중 viewport 라는 값 때문인데요, 이번에는 이미지 확대를 막는 방법을 공유해보겠습니다. 아래와 같이 meta viewport 를 하나 작성합니다. 그리고 위 meta tag 에 아래 나와있는 내용을 추가합니다. user-scalable=no 정상적으로 추가가 되면 아래와 같이 meta 태그가 작성되어 있어야 합니다! 그리고 새로고침 후 다시 확인해 보시면 확대가 안되는것을 확인할 수 있습니다! 참고들 하세요!
[javascript/jquery] javascript vimeo get current time example / 자바스크립트 비메오 영상 현재 재생시간 구하는 방법 javascript 에서 vimeo 영상을 다루다 보면 특정상황의 재생시간을 확인해야 하는 경우가 있습니다. 그럴때는 기본적으로 재생시간을 구하는 방법을 알면 특정상황에 맞게 수정하시면 됩니다! 비메오 영상의 현재시간을 구하는 방법을 공유해 보겠습니다! 우선 아래와 같이 vimeo 영상 player 가 있다고 가정하고, var player = new Vimeo.Player(iframe); 위 player 의 현재 재생시간을 구하고 싶으면 아래와 같이 getCurrentTime 을 사용하시면 됩니다! player.getCurrentTime()..
[javascript/jquery] javascript vimeo get duration example / 자바스크립트 비메오 영상 전체 재생시간 구하는 방법 vimeo 를 이용하여 영상을 다루다 보면 전체 영상의 크기를 구해야 하는 경우가 있습니다. 그럴때는 아래와 같이 getDuration 을 이용하시면 됩니다! 예를들어 아래와 같이 vimeo player 가 있다고 가정하고, var player = new Vimeo.Player(iframe); 위 player 의 전체 재생시간을 구하고 싶으면 아래와 같이 getDuration 을 사용하시면 됩니다. player.getDuration().then(function(duration) { console.log(duration); }); console.lo..
[javascript/jquery] jquery datatable iDisplayStart example / jquery datatable iDisplayStart 사용법 및 예제 jquery datatable 을 이용하여 목록 테이블을 구성하다 보면 페이징을 수동으로 변경하고 싶은 경우가 있습니다. 그럴때는 iDisplayStart 라는 옵션을 사용하시면 됩니다! $('#example').dataTable( { "iDisplayStart": 10 . . . } ); 위 내용보시면 아시겠지만, iDisplayStart 옵션값을 10으로 주어주면 목록의 내용중 10번째부터 보여준다는 의미입니다! 즉 page 번호를 구해서 *iDisplayStart 를 하면 페이징과 같은 효과를 낼 수 있습니다! 참고들 하..
[javascript/jquery] jquery ajax html type find tag example / jquery ajax html 파일 내 특정태그만 표기하는 방법 jquery 에서 ajax 를 이용하여 서버와 통신을 할때 json 이나 html 타입으로 통신을 가장 많이 하게 됩니다. 그중에서 html 타입으로 할때는 넘겨진 페이지를 특정 영역에 그대로 표시해주는 형식으로 표현됩니다! 이번에는 넘겨진 html 데이터를 전체다 표기하기 않고 특정 태그만 뽑아서 표시되게 하는 방법을 공유해보려고 합니다! $.ajax({ url : "AJAX_URL", success : function(result) { var li_html = $("#text").html(result).find('li'); $('..
[javascript/jquery] javascript count down timer example / 자바스크립트 카운트 다운 타이머 예제 javascript 에서 타이머를 구현하다보면 인증번호 발송과 같이 3분 혹은 5분안에 입력하게 구현을 하는 경우가 있습니다. 그럴때 타이머를 만들어서 구현해야 하는데요, 아래와 같이 스크립트를 만들어서 사용하시면 됩니다! var seconds = 300; function count_down_timer() { var min = parseInt((seconds)/60); var sec = seconds%60; $("#id_span_timer").html(min+":" + sec); seconds--; } 위 내용처럼 시작을 300초 (5분) 으로 설정하고 setInt..