아는것이힘이다

아이프레임 iframe 내의 컨텐츠의 길이에 따라 동적으로 높이 height를 조절하는 방법입니다. 아이프레임 iframe을 사용하지 않을래야 않을 수가 없는 현실! 웹개발자들이라면 많은 분들이 공감하시지요. ​ 아이프레임 iframe의 높이를 고정값으로 주거나 100%로 줄 수도 있지만 contents 내용의 양과 길이에 따라 세로 스크롤 없이 모두 보여주어야 할 때가 있지요. 이럴 땐 이렇게. ​ 소스코드 tip. ​ contentPage.html의 내용이 일반적인 텍스트 위주의 내용이면 상관없겠지만 혹시 로딩이 오래 걸리는 컨텐츠인 경우, 예를 들어 그래프나 챠트를 로딩하는 경우에는 약간의 딜레이가 발생할 수 있기 때문에 setTimeout으로 아이프레임의 높이를 지연설정하도록 해 주는 것이 좋아요.

Javascript 2022. 2. 1. 18:25

오늘은 제이쿼리로 UI단 작업을 하던 중 약간 독특하게도 input 박스안의 값에 따라 그리고selectbox의 text값 기준으로 selectbox를 동적으로 바꿔주는 기능을 구현할 미션이 생겼습니다. 보틍은 그 반대로 셀렉트박스의 선택에 따라 다른 form의 value를 바꿔주는 기능 또는 selectbox의 value를 기준으로 셀렉트박스 선택을 바꿔주는 기능을 많이 구현하곤 하지만 이번엔 그 반대의 기능을 구현했습니다. 흔희 사용하지 않는 기능이라 자료도 별로 없고 해서 기능구현하는데 시간이 좀 걸렸네요 ㅎㅎ ​ 먼저 아래 그림을 볼까요. 웹페이지가 로딩되면서 db로부터 텍스트박스의 value를 읽어온 후 텍스트박스에 "셀렉트 2을(를) 선택" 을 입력되도록 했습니다. 그런 후에 이 Input t..

Javascript 2022. 1. 21. 17:30

오늘은 제이쿼리로 UI단 작업을 하던 중 약간 독특하게도 input 박스안의 값에 따라 그리고selectbox의 text값 기준으로 selectbox를 동적으로 바꿔주는 기능을 구현할 미션이 생겼습니다. 보틍은 그 반대로 셀렉트박스의 선택에 따라 다른 form의 value를 바꿔주는 기능 또는 selectbox의 value를 기준으로 셀렉트박스 선택을 바꿔주는 기능을 많이 구현하곤 하지만 이번엔 그 반대의 기능을 구현했습니다. 흔희 사용하지 않는 기능이라 자료도 별로 없고 해서 기능구현하는데 시간이 좀 걸렸네요 ㅎㅎ ​ 먼저 아래 그림을 볼까요. 웹페이지가 로딩되면서 db로부터 텍스트박스의 value를 읽어온 후 텍스트박스에 "셀렉트 2을(를) 선택" 을 입력되도록 했습니다. 그런 후에 이 Input t..

Javascript 2022. 1. 18. 14:05