JS 도라에몽
-
마우스 드래그로 좌우 너비 바꾸기JS 도라에몽 2023. 7. 5. 14:55
https://velog.io/@sugar_ghost/javascript%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%B4-mouse%EB%A1%9C-html-%EC%9A%94%EC%86%8C-resize%ED%95%98%EA%B8%B0%EC%BD%94%EB%93%9C-%EC%A0%80%EC%9E%A5%EC%9A%A9 javascript를 이용해 mouse로 html 요소 resize하기(코드 저장용) 마우스로 div를 드래그해 크기를 변경 velog.io 이 분의 글로 도움을 많이 받았다. HTML 왼쪽 오른쪽을 둘 다 담을 구역(Container)을 만들고, 왼쪽(Left)과 오른쪽(Right)으로 구역을 나누고, 그 사이에 resizer 라는 걸 만든다. Left Right CSS ..
-
자바스크립트 형변환JS 도라에몽 2023. 7. 5. 14:14
1. 문자 ➡ 숫자 String text = "100"; int number = Integer.parseInt(text); System.out.println(number); // 100이라는 숫자로 변환 2. 문자 ➡ Double, Float String text = "10"; double dou = Double.valueOf(text); //Double float flo = Float.valueOf(text); //Float 3. 숫자 ➡ 문자 int number = 100; String text = String.valueOf(number); //100이라는 숫자를 "100"이라는 문자형으로 변환 음... 너무 오래돼서 그런가 무슨 원리로 저렇게 써야하는 건지 기억 하나도 안 난다. 큰일남.
-
버튼 누르면 원하는 크기로 원하는 위치에 페이지 새로 여는 기능JS 도라에몽 2023. 7. 4. 17:49
새 창이 뜨는 버튼인 경우, 원하는 위치에 원하는 사이즈의 창을 띄우는 기능 window.open() 안에 다 구겨넣는다. admin_popup.html : 내가 새로 열 페이지 mywin : 내가 지금 보고있는 윈도우 화면 width, height : 새로 열 페이지의 폭과 높이 정하기 top, left : 새로 열리는 페이지의 위치(right는 적용이 안 됐던 걸로 기억함) *left=2000은 그냥 제일 오른쪽에 붙이려고 임의로 쓴 값임
-
-
input의 컬러값이 달라질 때 마다 hex코드값도 바뀌는 기능JS 도라에몽 2023. 7. 4. 17:39
제이쿼리(jquery)로 input type color의 값이 변할 때 마다 밑의 텍스트에 hex코드값이 바뀌게 한다. input의 color 값이 달라지면 해당 input의 바로 다음에 있는 태그인 p 태그의 내용도 달라지게 하는 기능! //input의 컬러값이 달라질 때 마다 밑의 p의 hex코드값도 바뀌는 기능 $('input[type=color]').on('change',function(){ let x = $(this).val(); $(this).next('p.colorValue').text(x); });