javascript 8 페이지
javascript
전체 96건 8 페이지
  • 2차원배열 개념으로 json 이용하기(연관배열)
    profile_image 예전에 딕셔너리도 이렇게 처리하는것을 본것 같은 기억이 있는데요.php에서의 배열은 간단한데 여기건 별도로 만들어진 배열을 넣는 방식으로 처리 합니다.json 이라고 했지만 아래가 json은 아니죠. 그렇게 만들면 되서 json 이라고 하였습니다. json 다른 언어에서도 사용하여 요즘은 언어 독립형이 된듯 합니다.let aGlbInfo      = {};// 초기화 후 기존것을 읽어서 넣어 준 다음 추가 한다function set_obj_da…
  • jQuery 이미지를 div박스 안에서 비율로 처리하기
    profile_image 간혹 픽셀 보다는 % 처리를 하여 동적으로 대응 되도록 해야 되는 경우가 있습니다.이런 경우 처리 방법에 대한 것입니다.jQuey를 사용하였는데 바닐라로도 큰 차이는 없습니다.중요한 부분은 배열로 처리 한다는것입니다.   var boxNum      = 2;  var imgNum      = 1;  // 이미지크기  var imgWidth    = $('#img_'+imgNum).outerWidth();  var imgHeight   = $('…
  • 인풋박스 엔터키 입력되면 다른페이지로 넘기기
    profile_image 자바스크립트 키 이벤트에서 keyup과 keydown이 있는데 인식을 하게 하기위해선 눌렸을때가 아니라 올라왔을때 입니다.즉, keyup을 사용해야 합니다.아래는 jquery를 이용한 방법입니다.  <script>  $(document).ready(function()  {    //    $('#query').keyup(function(event)     {      if (event.key == "Enter") {        va…
  • Manifest: Line: 1, column: 1, Syntax error. 오류 해결방법
    profile_image 아무리 찾아도 보이지 않는 문제가 명시된 파일명에 대한것 주석처리 하니 괜찮아졌습니다.괜찮았는데 뭔가 잘못 되었나 봅니다.<link rel="manifest" href="site.webmanifest">이 부분을 주석처리 하니 콘솔에서 오류가 없어졌습니다.이때문에 엄한 자바스크립트만 이진 탐색한다고 주석처리 하고 있었습니다.이미지 자세히 보면 끝에 파일명이 나와 있는데 ..... 
  • 자바스크립트를 이용한 요소를 다른요소의 박스안으로 이동 시키기
    profile_image 자바스크립트로 이미지나 엘리먼트등 id 값을 가지고 있는것을 다른 요소의 안에 이동 시키는는데 마우스 이벤트를 잃어 버리는 경우와 유지 하는 경우에 대한 것입니다.필요에 따라 사용하면 됩니다.let id_name    = 'test01';let pageNum    = 2;// 마우스 이벤트 잃어버림let tmp_image  = $("#"+id_name).clone().wrapAll("<div />").parent().html();$(…
  • 마우스 이벤트를 활용한 drag(드레그)
    profile_image 여기 샘플에서 drop에 대한것은 처리 하지 않습니다.초기 drag가 필요하여 htm5에서 기본적으로 제공하는 drag 가지고 확장 응용하여 jQuery drag 같은것을 만든줄 알았는데 그렇지 않았습니다.여기서 소개하는 drag 처리 방식은 아래 사이트에서 참고 하였습니다.Drag and Drop with JavaScript (w3docs.com) Drag'n'Drop with mouse events (javascript.info) 그리고 여…
  • HTML5 drag drop 샘플 입니다.
    profile_image jQuery의 drag drop는 아닙니다. 이 샘플은 HTML5에서 기본적으로 지원하는 drag drop에 대한 가장 기본적인 샘플 입니다.drag - drop 에 대한 것은 속도에 신경을 써야 하는것이 아니라면 jQuery-ui의 것을 사용하는것이 지원되는것이 더 좋습니다.여기 올린 샘플은 리스터를 통해서 처리 하는 방식이 있는데.어떤것이 태그에 들어가고 처리 되는것인지 구분해준 사이트가 없어서 테스트 해본 것을 올립니다.■ drag(드레그…
게시물 검색