반응형 html489 jQuery로 iframe에서 부모 창 함수 호출 jQuery로 iframe에서 부모 창의 함수를 호출하려면, JavaScript의 window.parent 객체를 사용할 수 있습니다. window.parent는 iframe의 부모 창을 참조하기 때문에 이를 통해 부모 창의 함수를 호출할 수 있습니다.예를 들어, 부모 창에 parentFunction이라는 함수가 있다고 가정하면, iframe 내부에서 이 함수를 호출하는 코드는 다음과 같습니다. 부모 창 코드 (parent.html) 부모 창 iframe 코드 (iframe.html) Iframe 부모 함수 호출 설명window.parent를 사용하여 부모 창에 접근합니다.parentFunction()은 부모 창에 정의된 함수이며, iframe에서 이를 호출하려면 w.. 2024. 9. 28. jQuery 새 창에서 부모 창 새로 고침 팝업 창에서 부모 창 새로고침 jQuery를 사용하여 새 창(팝업 창)에서 부모 창을 새로고침하는 방법은 다음과 같습니다. 이 방법은 팝업 창이 부모 창과 동일한 도메인에서 열려 있을 때 작동합니다. 팝업 창에서 부모 창을 새로고침하려면 window.opener 객체를 사용할 수 있습니다. // 부모 창을 새로고침하는 코드if (window.opener && !window.opener.closed) { window.opener.location.reload(); // 부모 창 새로고침 window.close(); // 팝업 창 닫기 (선택 사항)} 설명window.opener: 팝업 창을 열어준 부모 창을 가리킵니다. 팝업 창에서 부모 창에 접근할 때 사용됩니다.window.opener.. 2024. 9. 2. Timeline html, css, jsTimelineAuthor : haraldev01타임라인 / Timeline https://codepen.io/haraldev01/pen/NWVvNqy TimelineTimeline element inspired by Ibelick: https://www.ibelick.com/lab/timeline I expanded on the design, as it now correctly shows the selected year, high...codepen.io 2024. 8. 8. Horizontal Timeline of Web Development html, css, jsHorizontal Timeline of Web DevelopmentAuthor : Jerome Rass타임라인 / Timeline https://codepen.io/jerora98/pen/yLWzYGO Horizontal Timeline of Web DevelopmentExplore the evolution of web development through this interactive horizontal timeline. Scroll horizontally to navigate through the major milestones in ...codepen.io 2024. 8. 8. Basic Timeline html, css, jsBasic TimelineAuthor : J타임라인 / Timeline https://codepen.io/jaingam/pen/RwmjarP Basic TimelineBasic timeline component with dark mode compatibility. Using tailwindcss....codepen.io 2024. 8. 8. Timeline in Dark Theme html, cssTimeline in Dark ThemeAuthor : Muzammal Ahmed타임라인, Timeline https://codepen.io/MuzammalAhmed/pen/MWdVwVo Timeline in Dark ThemeIDK what to say but follow me for more awesome content...codepen.io 2024. 8. 8. Scrolling timeline clickable years html, css, jsScrolling timeline clickable yearsAuthor : buildplan타임라인 / Timeline https://codepen.io/buildplan/pen/pomLawb Scrolling timeline clickable yearsScrolling timeline clickable years with jquery...codepen.io 2024. 8. 8. Vertical Timeline With Icons #html / css#Vertical Timeline With Icons#Author : Riley Egge#타임라인/ Vertical Timeline https://codepen.io/eggeriley/pen/QWReeXO Vertical Timeline With IconsA vertical timeline widget using Font Awesome and pure css. ...codepen.io 2024. 8. 8. 기본적인 체크 박스(checkbox) 결과이미지 html(index.html) Basic Checkbox Basic Checkbox Round Checkbox Round Checkbox Custom Checkbox Custom Checkbox CSS(styles.css)body { font-family: Arial, sans-serif;}.basic-checkbox,.round-checkbox,.custom-checkbox { display: block; position: relative; padding-left: 35px; marg.. 2024. 8. 7. 심플한 애니메이션 탭(Tab bar animation) 결과 이미지 HTML먼저 HTML 구조를 작성합니다: Tab 1 Tab 2 Tab 3 Tab 4 Content 1 Content 2 Content 3 Content 4 CSS탭과 애니메이션 효과를 위한 CSS를 작성합니다:/* styles.css */body { font-family: Arial, sans-serif;}.tab-container { position: relative; display: flex; justify-content: space-around; margin-bottom: 20px; border-bottom: 2px solid #ddd;}.. 2024. 8. 6. 심플한 웹사이트 세로 메뉴 만들기(소스 포함) 샘플이미지 HTML Home Services + Web Development SEO Marketing About Contact CSS (styles.css)body { font-family: Arial, sans-serif;}nav { width: 200px;}.vertical-menu { list-style-type: none; p.. 2024. 8. 6. 심플한 웹사이트 가로 메뉴 만들기(소스 포함) 샘플이미지 #html Home Services Web Development SEO Marketing About Contact #css(styles.css)body { font-family: Arial, sans-serif;}nav { background-color: #333; overflow: hidden;}.menu { list-style.. 2024. 8. 6. 이전 1 2 3 4 ··· 41 다음
