본문 바로가기
반응형

IT164

JSP 자식창에서 부모창 함수 호출 JSP(JavaServer Pages)에서 자식 창에서 부모 창의 함수를 호출하려면 JavaScript를 사용해야 합니다. 아래는 간단한 예제 코드입니다. 부모 창(parent.jsp) 자식 창 열기 자식 창(child.jsp) 부모 창 함수 호출 이 예제에서는 부모 창(parent.jsp)에 parentFunction이라는 JavaScript 함수가 정의되어 있습니다. 부모 창에서는 버튼을 클릭하면 자식 창(child.jsp)이 열리도록 되어 있습니다. 자식 창에서는 callParentFunction이라는 함수를 호출하면 부모 창의 parentFunction이 실행되며, 메시지가 알림 창으로 표시됩니다. 주의: 이 방법은 보안 상의 이유로 팝업 창이 차단될 수 있습니다. 브라우저의 팝업 차단 설정을 확.. 2024. 1. 10.
css 레이어 사용방법 CSS에서 "레이어"라는 용어는 일반적으로 다양한 요소들을 겹쳐서 화면을 구성할 때 사용됩니다. 레이어는 주로 웹 페이지 레이아웃이나 디자인에서 요소들을 조직화하고 겹치게 하는데 활용됩니다. 다음은 CSS에서 레이어를 만들거나 다룰 때 사용되는 몇 가지 주요 속성 및 개념입니다. position: 레이어를 위치시키는 데 사용되는 속성 중 하나입니다. position 속성은 static, relative, absolute, fixed, sticky 등의 값을 가질 수 있습니다. z-index: 레이어의 쌓임 순서를 결정하는 속성입니다. z-index 값이 큰 요소일수록 위에 쌓이게 됩니다. 음수 값도 사용할 수 있습니다. display: 요소의 레이아웃 형태를 설정하는 속성 중 하나입니다. display:.. 2024. 1. 8.
CSS 들여 쓰기 CSS에서 들여 쓰기는 코드의 가독성을 높이고 구조를 명확하게 만드는데 도움을 줍니다. 주로 중괄호({}) 내의 규칙들을 들여 쓰기하여 구조를 표현합니다. body { font-family: 'Arial', sans-serif; background-color: #f0f0f0; color: #333; margin: 0; padding: 0; } .header { background-color: #4285f4; color: #fff; padding: 10px; } .header h1 { margin: 0; } .nav { background-color: #333; color: #fff; } .nav a { color: #fff; text-decoration: none; } 이와 같이 들여 쓰기를 사용하여 각.. 2024. 1. 8.
css 스크롤 안보이면서 동작하기. CSS를 사용하여 스크롤바를 감추면서 스크롤 기능을 유지하려면, overflow: hidden을 사용하여 스크롤바를 감추고, JavaScript나 CSS를 사용하여 스크롤 이벤트를 적절하게 처리해야 합니다. 아래는 간단한 HTML, CSS, JavaScript를 사용한 예시입니다. 이 예시에서는 태그 안에서 body 요소에 overflow: hidden; 속성을 적용하여 스크롤바를 감추었습니다. 그리고 태그에서는 scroll 이벤트를 감지하여 스크롤 이벤트에 대한 동작을 추가할 수 있습니다. 실제로 감추고자 하는 콘텐츠나 레이아웃에 맞게 코드를 수정하여 사용하시면 됩니다. 2024. 1. 8.
반응형