본문 바로가기

web116

Fullscreen # Fullscreen ##### [source : https://jsfiddle.net/softm/ey9dewj9/ ](https://jsfiddle.net/softm/ey9dewj9/) ```html HTML5 Full-Screen Demonstration ``` ```css ``` ```javascript // full-screen available? if ( document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled || document.msFullscreenEnabled ) { // image container var i = document.getElementById("myimage".. 2019. 7. 19.
jquery model dialog box # jquery model dialog box ##### [source : https://jsfiddle.net/softm/3qgu8fz2/ ](https://jsfiddle.net/softm/3qgu8fz2/) ```javascript var $dialog = null; jQuery.showModalDialog = function (options) { var defaultOptns = { url: null, dialogArguments: null, height: 'auto', width: 'auto', position: 'center', resizable: true, scrollable: true, onClose: function () {}, returnValue: null, doPostBackAfte.. 2019. 7. 18.
d3 data return # d3 data return ##### [source : https://jsfiddle.net/softm/gcphg56v/ ](https://jsfiddle.net/softm/gcphg56v/) ```css ``` ```javascript ``` // 1. select를 이용해 body태그 요소를 찾는다. // 2. selectAll을 이용해 p태그 요소를 찾는다. // 3. data를 이용해 array의 크기만큼의 가상의 데이터 구조를 만든다. // 4. enter를 이용해 현재영역(p태그)의 상위영역으로 데이터처리영역으로 진입시킨다. ( p태그의 상위영역 body으로 데이터처리할 영역이 설정된다. ) // enter는 기존에 존재하는 영역에는 영역을 만들지 않는다 // 예를 들어 p로 선택된 영역이.. 2019. 7. 17.
d3js - enter(), update() and exit() d3js - enter(), update() and exit() ##### [source : https://jsfiddle.net/softm/ourf2exL/ ](https://jsfiddle.net/softm/ourf2exL/) 참고 : http://bl.ocks.org/alansmithy/e984477a741bc56db5a5 ```css ``` ```javascript //2 different data arrays var dataArray1 = [30,35,45,55,70]; var dataArray2 = [50,55,45,35,20,25,25,40]; //globals var dataIndex=1; var xBuffer=50; var yBuffer=150; var lineLength=400; //c.. 2019. 7. 16.
Javascript Slider http://www.blueshoes.org/en/javascript/slider/ http://www.blueshoes.org/_bsJavascript/components/slider/examples/example1.html http://docs.jquery.com/UI/Slider http://carpe.ambiprospect.com/slider/archive/v1.3/ Javascript Slider Javascript Slider BY CARPE DESIGN Find later versions here. The CARPE Slider is easy to incorporate in your web site. It's designed with DHTML, a combination of (X)HTML,.. 2019. 7. 16.
Advanced Javascript # JavaScript data types Primitive and objects number string boolean undefined null # Object literal notation ● { Wrapped in curly braces } ● ,-delimited properties ● key:value pairs ● var obj = {a: 1, "b c d": 2}; # Array literal notation var array = [ "Square", "brackets", "wrap", "the", "comma-delimited", "elements" ]; # JSON ● JavaScript Object Notation ● Uses object and array literals ● Quot.. 2019. 7. 16.

티스토리툴바