'Programming/javascript & HTML'에 해당되는 글 143건

  1. 2018.09.18 그래프
  2. 2018.09.17 jquery datatables
  3. 2018.09.17 select - option 투명 배경
  4. 2018.09.17 jquery 테이블 행 추가 / 삭제
  5. 2018.09.14 자바스크립트 배열 관련
  6. 2018.09.12 rest api ajax / jquery with HTTP header
  7. 2018.09.12 자바 스크립트 변수
  8. 2018.09.11 JSMpeg timestamp
  9. 2018.09.11 html5 video timestamp
  10. 2018.09.04 html내 <script>의 올바른 위치(?)
Programming/javascript & HTML2018. 9. 18. 15:25

그래프


[링크 : http://bl.ocks.org/mbostock/1096355]

[링크 : http://pablomolnar.github.io/radial-progress-chart/] << 애플시계 느낌

    [링크 : https://d3js.org/]

[링크 : https://github.com/pablomolnar/radial-progress-chart]

[링크 : https://github.com/lionheart/ConcentricProgressRingView] 애플시계/iOS

[링크 : https://codepen.io/jonwinton/pen/KwwVMd] 몬떙겼음

[링크 : https://github.com/moarwick/react-mt-svg-lines] 마음에 드는데 커스터마이징 찾아야함

저작자표시

'Programming > javascript & HTML' 카테고리의 다른 글

visjs  (0) 2018.09.18
자바스크립트 ES6 와 화살표 펑션 (=>)  (2) 2018.09.18
jquery datatables  (0) 2018.09.17
select - option 투명 배경  (0) 2018.09.17
jquery 테이블 행 추가 / 삭제  (0) 2018.09.17
Posted by 구차니
Programming/javascript & HTML2018. 9. 17. 16:11

jquery datatables

제목 정렬 하는 등의 기능을 제공하는 자바 스크립트


jquery.dataTables.min.css

[링크 : https://datatables.net/]


+

사용법 보다 보니. npm 에서 무언가 깔아야 하는것 같네?

단독으로 하는건 아닐지도..

저작자표시

'Programming > javascript & HTML' 카테고리의 다른 글

자바스크립트 ES6 와 화살표 펑션 (=>)  (2) 2018.09.18
그래프  (0) 2018.09.18
select - option 투명 배경  (0) 2018.09.17
jquery 테이블 행 추가 / 삭제  (0) 2018.09.17
자바스크립트 배열 관련  (0) 2018.09.14
Posted by 구차니
Programming/javascript & HTML2018. 9. 17. 15:36

select - option 투명 배경

transparent가 적용 안되니

rgba 값으로 투명하게 지정


[링크 : https://stackoverflow.com/questions/23719520/css-for-select-option-to-be-transparent-background]

저작자표시

'Programming > javascript & HTML' 카테고리의 다른 글

그래프  (0) 2018.09.18
jquery datatables  (0) 2018.09.17
jquery 테이블 행 추가 / 삭제  (0) 2018.09.17
자바스크립트 배열 관련  (0) 2018.09.14
rest api ajax / jquery with HTTP header  (0) 2018.09.12
Posted by 구차니
Programming/javascript & HTML2018. 9. 17. 09:10

jquery 테이블 행 추가 / 삭제

가장 아래 행 추가 및 삭제

[링크 : https://zetawiki.com/wiki/JQuery_테이블_행_추가/삭제]


이건 체크된 항목이 있는 행만 삭제

[링크 : https://stackoverflow.com/questions/21508134/how-to-remove-checked-table-row-using-jquery]


체크박스 체크 못하도록 막기(disabled)

[링크 : https://okky.kr/article/101777]


선택된 텍스트 박스(input type="text")에 대해서만 색상 변경

[링크 : https://stackoverflow.com/questions/21873591/set-background-color-of-text-field-onfocus]

저작자표시

'Programming > javascript & HTML' 카테고리의 다른 글

jquery datatables  (0) 2018.09.17
select - option 투명 배경  (0) 2018.09.17
자바스크립트 배열 관련  (0) 2018.09.14
rest api ajax / jquery with HTTP header  (0) 2018.09.12
자바 스크립트 변수  (0) 2018.09.12
Posted by 구차니
Programming/javascript & HTML2018. 9. 14. 18:56

자바스크립트 배열 관련

자바스크립트에서 배열에 추가하는 건 push로 한다고


[링크 : https://www.w3schools.com/js/js_arrays.asp]

저작자표시

'Programming > javascript & HTML' 카테고리의 다른 글

select - option 투명 배경  (0) 2018.09.17
jquery 테이블 행 추가 / 삭제  (0) 2018.09.17
rest api ajax / jquery with HTTP header  (0) 2018.09.12
자바 스크립트 변수  (0) 2018.09.12
JSMpeg timestamp  (0) 2018.09.11
Posted by 구차니
Programming/javascript & HTML2018. 9. 12. 18:49

rest api ajax / jquery with HTTP header

node.js에서 작성하는거 처럼 인자랑 넣어주면 되는거 였군...


[링크 : https://stackoverflow.com/questions/25085012/how-to-call-rest-api-with-jquery-with-additional-headers]

[링크 : https://spring.io/guides/gs/consuming-rest-jquery/]

저작자표시

'Programming > javascript & HTML' 카테고리의 다른 글

jquery 테이블 행 추가 / 삭제  (0) 2018.09.17
자바스크립트 배열 관련  (0) 2018.09.14
자바 스크립트 변수  (0) 2018.09.12
JSMpeg timestamp  (0) 2018.09.11
html5 video timestamp  (0) 2018.09.11
Posted by 구차니
Programming/javascript & HTML2018. 9. 12. 17:02

자바 스크립트 변수

[] 배열

{} 객체


[링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Values,_variables,_and_literals]

[링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Working_with_Objects]

저작자표시

'Programming > javascript & HTML' 카테고리의 다른 글

자바스크립트 배열 관련  (0) 2018.09.14
rest api ajax / jquery with HTTP header  (0) 2018.09.12
JSMpeg timestamp  (0) 2018.09.11
html5 video timestamp  (0) 2018.09.11
html내 <script>의 올바른 위치(?)  (0) 2018.09.04
Posted by 구차니
Programming/javascript & HTML2018. 9. 11. 18:54

JSMpeg timestamp

되긴 하지만 처음 시점이 0초로 잡힌다고..

html5 video 처럼 얘도 1초 단위다 -_ㅠ


[링크 : https://github.com/phoboslab/jsmpeg/issues/108]


JSMpeg.Player API

A JSMpeg.Player instance supports the following methods and properties:


.play() – start playback

.pause() – pause playback

.stop() – stop playback and seek to the beginning

.destroy() – stops playback, disconnects the source and cleans up WebGL and WebAudio state. The player can not be used afterwards.

.volume – get or set the audio volume (0-1)

.currentTime – get or set the current playback position in seconds 

[링크 : https://github.com/phoboslab/jsmpeg]

저작자표시

'Programming > javascript & HTML' 카테고리의 다른 글

rest api ajax / jquery with HTTP header  (0) 2018.09.12
자바 스크립트 변수  (0) 2018.09.12
html5 video timestamp  (0) 2018.09.11
html내 <script>의 올바른 위치(?)  (0) 2018.09.04
jquey ajax 테스트  (4) 2018.09.03
Posted by 구차니
Programming/javascript & HTML2018. 9. 11. 18:49

html5 video timestamp

초 단위로 설정이나 읽는게 가능

(프레임 단위나 msec 단위는 안되는 듯)


[링크 : https://stackoverflow.com/questions/6380956/current-duration-time-of-html5-video]

[링크 : https://www.w3schools.com/tags/av_prop_currenttime.asp]

저작자표시

'Programming > javascript & HTML' 카테고리의 다른 글

자바 스크립트 변수  (0) 2018.09.12
JSMpeg timestamp  (0) 2018.09.11
html내 <script>의 올바른 위치(?)  (0) 2018.09.04
jquey ajax 테스트  (4) 2018.09.03
jquery 복수 속성 선택하기  (0) 2018.08.30
Posted by 구차니
Programming/javascript & HTML2018. 9. 4. 17:32

html내 <script>의 올바른 위치(?)

그래도.. html 요소니까 </body> 이후에 넣긴 그런거 같아서 고민하다가 검색


결론은.. body 전에 넣자 인가?


[링크 : http://jundol.kr/8]

[링크 : http://webdir.tistory.com/514]


일단 여기는 순수 작동하는 자바스크립트가 아니라 외부 스크립트 인것 같은데..

async나 defer를 쓰라고..

<script type="text/javascript" src="path/to/script1.js" async></script>

<script type="text/javascript" src="path/to/script2.js" async></script>


<script type="text/javascript" src="path/to/script1.js" defer></script>

<script type="text/javascript" src="path/to/script2.js" defer></script> 

[링크 : http://dailydev.tistory.com/15]

저작자표시

'Programming > javascript & HTML' 카테고리의 다른 글

JSMpeg timestamp  (0) 2018.09.11
html5 video timestamp  (0) 2018.09.11
jquey ajax 테스트  (4) 2018.09.03
jquery 복수 속성 선택하기  (0) 2018.08.30
jqeury 예제 그리고 자바스크립트 익명함수  (0) 2017.06.10
Posted by 구차니

티스토리툴바