질문 html a 태그 active iframe 시 class a 태그를 이용해서 target을 iframe 으로 잡고 각 a 태그를 누르면 href에 지정된 값이 iframe 소스 target으로 가게끔 해서 페이지를 구성하고 있는데 각 a 태그를 누르면 active 효과를 주고 싶어요. 근데 이렇게 하니까 누를 때 잠깐 1초 뜨고 바로 사라지더라고요.. 아마 iframe 을 target으로 해서 그런거 아닌가 싶어요... 계속 active 상태를 유지하려면 어떻게 해야할까요? 답변2개2번째 답변 NINE 채택답변수 5,379받은감사수 66 태양신 열심답변자  <!DOCTYPE html> <html lang="ko"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .active { color: red; } </style> </head> <body> <div class="links"> <a href="#">링크 1</a> <a href="#">링크 2</a> <a href="#">링크 3</a> <a href="#">링크 4</a> <a href="#">링크 5</a> </div> <script> var links = document.querySelectorAll('.links a'); Array.prototype.forEach.call(links, function(elem){ elem.addEventListener("click", function(){ Array.prototype.forEach.call(links, function(elem){ elem.classList.remove("active"); }); this.classList.add("active"); }); }); </script> </body> </html> 알아두세요! 위 답변은 답변작성자가 경험과 지식을 바탕으로 작성한 내용입니다. 포인트로 감사할 때 참고해주세요. 2020.12.06. 1번째 답변 코드트리 채택답변수 665받은감사수 1 초인 eXpert HTML 21위, 자바스크립트, 웹마스터 분야에서 활동 html 태그에 클릭요소에 지정된 클래스를 넣으시고 싶으면 간단한 스크립트를 추가해주셔야합니다. 현재 엑스퍼트로 활동중에 있으니 쿠폰을 통해서 무료상담이 가능하오니 둘러보시고 상담주시면 좋을것 같습니다.^^ 무료쿠폰 받고 상담하기
홈페이지 수정 및 제작 (html,과제,포트폴리오,쇼핑몰 수정해드립니다) 어떤 분이신가요? 소개 안녕하세요! 저는 웹디자이너를 거쳐 웹퍼블리셔와 웹프론트엔드 개발 을 겸하고 있는 18년차 현직 개발자입니다. 현재 본업과 병행하며, 상담을 기본 으로 홈페이지 제작에 도움을 드리고 있으며,코딩에 관심을 가지고 있는 입문자분들, 초급자 분들에게도 도움을 드리고자 엑스퍼트로 다양한 상품을 기획하여 활동하고 있습니다. 보유 기술 Html, Css, Sass, Jquery, Javascript (es6) 기본으로, 현재 Node.js , React.js 를 사용하여 사이드 프로젝트를 진행중에 있습니다. 활동 채널 네이버 엑스퍼트 ☞ 바로가기 네이버 프리미엄 콘텐츠 (펀코딩) ☞ 바로가기 코드트리 블로그 ☞ 바로가기 코드트리 카카오 채널 ☞ 바로가기 상품 소개 웹사이트, 쇼핑몰, 과제 등 코딩 수정작업을 도와드립니다. ※본 상품은 상담이후 수정작업 또는 페이지작업에 도움을 드리는 상품입니다. (웹사이트 수정, 블로그 수정, 과제제출, 쇼핑몰 수정 등 단일페이지에 한함) * 본 상품은 1페이지 기준이며, 기본 1일 이내의 작업을 기준으로 합니다. 작업 순서 01. 작업이슈 및 기술지원에 대한 상세 상담 02. 작업에 필요한 정보와 파일을 전달해 주세요. 03. 상담 종료 후 작업진행 04. 작업 산출물 전달 또는 결과물 확인 05. 최종 완료 수정 안내 거래 확정 이후에는 대화창을 통한 무료 수정 제공이 어려울 수 있어요. 작업수정은 1페이지 기준입니다. 작업결과물 확인시 미비된 부분에 대해서 1회 무료로 수정해드립니다. 상호협의하에 추가 작업이 진행될 수 있습니다. 이런 분께 추천드립니다. [기술 지원] html, css 입문자 및 초보자로 수정이 힘드신 분 웹사이트 수정작업시 어려움을 겪고 계신 분 쇼핑몰 운영시 수정이 필요하신 분 홈페이지 구축시 수정을 원하시는 분 과제 제출시 작업에 어려움을 겪는 분 수행 프로젝트 업비트 투자자보호센터 웹사이트 개발 PC ☞ 바로가기 업비트 투자자보호센터 웹사이트 개발 Mobile ☞ 바로가기 Gmarket 쇼핑몰 유지보수 (글로벌) ☞ 바로가기 스쿨시어터 반응형 웹사이트 개발 ☞ 바로가기 디지털 퍼스트 반응형 웹사이트 개발 ☞ 바로가기 다온컴퍼니 반응형 웹사이트 개발 (다국어 버전) ☞ 바로가기 한국 리트리버레스큐 반응형 웹사이트 개발 ☞ 바로가기 현대해상 웹사이트 접근성 리뉴얼 프로젝트 ☞ 바로가기 중앙대 공학학술제 홈페이지 개발 커리어 매니지먼트 웹사이트 개발 현재자동차 제네시스 마이크로 사이트 개발 기아자동차 K시리즈 마이크로 사이트 개발 LIG투자증권 웹사이트 개발 LG 모바일 웹접근성 개선 프로젝트 LG 시스템 에어컨 웹사이트 리뉴얼 프로젝트 마임 웹사이트 개발 농협 e-금융 고도화 및 보안프로젝트 LG 디스플레이 홈페이지 웹접근성 분석 NCIA 정부통합전산센터 홍보동영상 제작 프로젝트 ※ 그외 100여개 웹사이트 디자인 및 개발 경험 판매가30,000 원 / 작업의뢰 1회 홈페이지 수정을 도와드립니다.(이미지 텍스트 및 간단한 html수정) 어떤 분이신가요? 소개 안녕하세요! 저는 웹디자이너를 거쳐 웹퍼블리셔와 웹프론트엔드 개발 을 겸하고 있는 18년차 현직 개발자입니다. 현재 본업과 병행하며, 상담을 기본 으로 홈페이지 제작에 도움을 드리고 있으며,코딩에 관심을 가지고 있는 입문자분들, 초급자 분들에게도 도움을 드리고자 엑스퍼트로 다양한 상품을 기획하여 활동하고 있습니다. 보유 기술 Html, Css, Sass, Jquery, Javascript (es6) 기본으로, 현재 Node.js , React.js 를 사용하여 사이드 프로젝트를 진행중에 있습니다. 활동 채널 네이버 엑스퍼트 ☞ 바로가기 네이버 프리미엄 콘텐츠 (펀코딩) ☞ 바로가기 코드트리 블로그 ☞ 바로가기 코드트리 카카오 채널 ☞ 바로가기 상품 소개 웹사이트 수정 - 단순 이미지 글자 수정 및 html 수정 ※본 클래스는 상담이후 단순 수정이 가능한 작업을 지원해 드리는 상품입니다. (레이아웃 수정 및 스크립트 작업 제외) * 본 상품은 1페이지 기준이며, 기본 1일 이내의 작업을 기준으로 합니다. 작업 순서 01. 작업이슈 및 기술지원에 대한 상세 상담 02. 작업에 필요한 정보와 파일을 전달해 주세요. 03. 상담 종료 후 작업진행 04. 작업 산출물 전달 또는 결과물 확인 05. 최종 완료 수정 안내 거래 확정 이후에는 대화창을 통한 무료 수정 제공이 어려울 수 있어요. 작업수정은 1페이지 기준입니다. 작업결과물 확인시 미비된 부분에 대해서 2회 무료로 수정해드립니다. 상호협의하에 추가 작업이 진행될 수 있습니다. 이런 분께 추천드립니다. [기술 지원] html, css 입문자 및 초보자 웹사이트 수정시 어려움을 겪고 계신 분 쇼핑몰 운영시 수정이 필요하신 분 간단한 수정작업이 필요하신 분 수행 프로젝트 업비트 투자자보호센터 웹사이트 개발 PC ☞ 바로가기 업비트 투자자보호센터 웹사이트 개발 Mobile ☞ 바로가기 Gmarket 쇼핑몰 유지보수 (글로벌) ☞ 바로가기 스쿨시어터 반응형 웹사이트 개발 ☞ 바로가기 디지털 퍼스트 반응형 웹사이트 개발 ☞ 바로가기 다온컴퍼니 반응형 웹사이트 개발 (다국어 버전) ☞ 바로가기 한국 리트리버레스큐 반응형 웹사이트 개발 ☞ 바로가기 현대해상 웹사이트 접근성 리뉴얼 프로젝트 ☞ 바로가기 중앙대 공학학술제 홈페이지 개발 커리어 매니지먼트 웹사이트 개발 현재자동차 제네시스 마이크로 사이트 개발 기아자동차 K시리즈 마이크로 사이트 개발 LIG투자증권 웹사이트 개발 LG 모바일 웹접근성 개선 프로젝트 LG 시스템 에어컨 웹사이트 리뉴얼 프로젝트 마임 웹사이트 개발 농협 e-금융 고도화 및 보안프로젝트 LG 디스플레이 홈페이지 웹접근성 분석 NCIA 정부통합전산센터 홍보동영상 제작 프로젝트 ※ 그외 100여개 웹사이트 디자인 및 개발 경험 판매가20,000 원 / 작업의뢰 1회 알아두세요! 위 답변은 답변작성자가 경험과 지식을 바탕으로 작성한 내용입니다. 포인트로 감사할 때 참고해주세요. 2020.12.06. |
CSS active 유지 - CSS active yuji
관련 게시물
저작권 © 2024 ko.ketajaman Inc.
