너와 나의 프로그래밍

예를들어 Element의 CSS를 'background-position : 50% 50%;'로 주었을 때를 가정. Chrome이나 Edge, FF는 background-position-x를 Jquery의 $(element).css('background-position-x'')함수로 값을 받아올 수 있지만, IE11에서는 이상하게도 받아올 수 없어, 순수 자바스크립트(element.style.backgroundPositionX)로 받아왔다. 사실 원인 파악이 가장 중요하지만 아직 원인 파악이 되질 않았다. IE나 Edge는 여러가지로 참 문제가 많은 것 같다.

HTML SelectBox에서 option객체의 순서를 바꾸는 문제는 정말 단골 질문중 하나다. 실제로 구글에 검색해보니 안나오면 이상할 정도로 많이 나온다. 보통 option을 정렬할 때 Selectbox 안 한 개의 option을 선택해서 위, 아래로 위치를 변경하는 기능을 많이 사용하나, 이번에는 option들의 객체가 많고, 다중 선택해서 option들의 위치(위, 아래)를 바꾸고 싶었다. 이 함수를 적용하기 전에 select객체에 'multiple' 속성을 넣는것을 잊지 말자. https://www.w3schools.com/tags/att_select_multiple.asp function up(){ var selected = $j('#'+selectboxId+' option:selected');

$ yarn eject 이 명령어를 치면 나오는 에러인데 겨우겨우 찾아서 해결했다. $ git add . $ git commit -m "commit text" 차례대로 이 명령어를 입력하여 해결 할 수 있다. 출처: http://codingmania.tistory.com/331 [개발새발하는 개발]

IE에서만 Object.values()를 사용할 수 없는 문제가 발생.(진짜 스트레스 받는다...) FireFox, Edge, Chrome에서는 Object.values()를 쓰면 손쉽게 JSON의 키 값을 가져올 수 있지만, 유독 IE만 안되는 현상이 있어서 Jquery와 javascript를 써서 값을 구하는 방식을 구현해 봤다. 꼭 저렇게 안구하고 key값, value값 따로 구하려고 한다면 반복문을 사용해서 값을 뽑아내는 것을 추천한다. ▼결과값. for...in 참고 자료 : https://msdn.microsoft.com/ko-kr/library/55wb2d34(v=vs.94).aspx

간혹 HTML안에 다른 HTML을 삽입하고 싶은 경우가 종종 생긴다. JSP 같은 경우는 단순 Include를 시켜주면 되지만, 순수 HTML과 Javascript로 구현하기가 까다롭다. 아래의 예제는 header와 footer를 index.html에서 다른 html을 불러오는 식으로 구현했다.

[HTML] span 태그에서 onblur 적용하기. 사실 span은 일반적으로 onblur를 사용할 수가 없다. 마찬가지로 div도 onblur를 사용할 수가 없다. onblur나 focus는 "입력요소"(예를들어 input)만 적용할 수 있다. 하지만 꼭! 써야되는 상황이 있었다. TEST span 태그에 "tabindex"를 0으로 설정하여 focus를 주는 방식이 있었다. tabindex 관련 자료는 구글 검색에서도 많이 볼 수 있다. tabindex를 0으로 줬을 시 focus가 생기는데 이때 선택된 엘리먼트에 테두리가 생기는 현상이 생겼다. span { outline: none;/* 선택을 했을 때 테두리가 보이는 현상을 처리 */ } tabindex를 설정 할 시 Chrome 브라우저에서만 ..