질답창고 질답창고

분류 전체보기

• React JavaScript에서 옵션 선택자의 원래 코드를 복제하여 목록 (dropdown)을 조정하는 방법은 무엇입니까?

  카테고리 없음 2020. 8. 19. 15:29

  질문 나는 여전히 JavaScript, React 및 GatsbyJS를 배우고 있습니다. @Smakosh의 gatsby-starter-i18n /src/components/theme/Header/SelectLanguage.jsx는 value = {lang} onChange 때문에 옵션 선택 (select > option )입니다. = {e = > selectLanguage (e.target.value)}목록에 없습니다. data-aria 를 사용하고 싶었지만 Bootstrap을 사용하지 않고 jQuery. gatsby-starter-i18n / src / components / theme / Header / SelectLanguage.jsx : const SelectLanguage = ({ selectL..

  Read More
• navbar 아이콘 누르기에서 이미지를 숨기는 방법

  카테고리 없음 2020. 8. 19. 15:25

  질문 아이콘을 눌렀을 때 (작은 화면에서) 이미지를 숨기려고합니다. 다시 누르면 다시 표시됩니다. JQuery 또는 Javascript에 익숙하지 않고 CSS에서 visibility : hidden; 을 사용하여 시도했지만 이미지를 숨기지 않습니다. 참고-이 코드를 새 창에서 실행하고 막대를 보려면 화면을 축소해야합니다. 이것은 현재 내 navbar입니다. 그리고 이것은 이미지를 숨기고 싶을 때입니다. .topnav { border-width: 1px 0; list-style: none; margin: 0; padding: 0; text-align: center; overflow: hidden; background-color: black; padding: 10..

  Read More
• regex : html 패턴 regex를 js 형식으로 변환

  카테고리 없음 2020. 8. 19. 15:20

  질문 이 기능이 작동하도록하고 싶습니다. function ausPhoneValidate(str){if (/^(?:\\+?(61))? ?(?:\\((?=.*\\)))?(0?[2-57-8])\\)? ?(\\d\\d(?:[- ](?=\\d{3})|(?!\\d\\d[- ]?\\d[- ]))\\d\\d[- ]?\\d[- ]?\\d{3})$/.test(str)){return true;}return false;} 다음 정규식을 사용하여 : pattern="^(?:\+?(61))? ?(?:\((?=.*\)))?(0?[2-57-8])\)? ?(\d\d(?:[- ](?=\d{3})|(?!\d\d[- ]?\d[- ]))\d\d[- ]?\d[- ]?\d{3})" 이 바이올린 JSfiddle 을 확인하세요. Additional..

  Read More
• 자바스크립트 : 숨겨진 입력 양식을 만들기위한 대체 또는 덜 복잡한 코드

  카테고리 없음 2020. 8. 18. 14:47

  질문 저는 제가 만든 양식을 개선하기 위해 여러분의 도움을 요청합니다. 저는 자바스크립트 프로그래밍의 훌륭한 전문가가 아닙니다. 총 객실 수를 선택할 수있는 호텔 검색 엔진을 만들어야합니다. 선택한 방의 수에 따라 추가 선택 필드가 포함 된 숨겨진 양식 필드가 많이 표시됩니다. 내가 만든 것을 더 잘 생각하기 위해 화면을 부착합니다. 선택한 방의 수와 관련하여 숨겨진 필드를보기 위해이 자바스크립트 코드를 5 번 반복하여 사용했습니다 (최대 방 수). function admSelectCheck(nameSelect) { console.log(nameSelect); if(nameSelect){ admOptionValue = document.getElementById("room1").value; if(admOp..

  Read More
• HTML-bottom 글이 container 위에 위치합니다.

  카테고리 없음 2020. 8. 18. 14:43

  질문 HTML을 연습하기 위해 작은 웹페이지를 만들고 있는데 bottom 글이 내가 만든 container 아래가 아닌 헤더 아래에 배치되는 이유를 파악할 수없는 것 같습니다. 내가 간과 한 작은 것 일 가능성이 높지만 어디서나 해결책을 찾지 못하거나 해결책을 찾을 수 없으므로 여기에 조언을 주시면 대단히 감사하겠습니다. header { height: 50px; width: 900px; color: white; margin: auto; padding: auto; background-color: black; display: block; } nav { float: right; background-color: black; } p, h1, h2, li { font-family: sans-serif; } foot..

  Read More
• 마우스를 올리면 원형 테두리가 애니메이션되지 않습니다.

  카테고리 없음 2020. 8. 18. 04:26

  질문 원의 테두리에 마우스를 가져 가면 점차 채워지도록 애니메이션을 적용하려고합니다. 지금까지 내 @keyframes애니메이션 코드에는 운이 없습니다. 내 키 프레임이 내 .circle : hover속성의 값을 대상으로하기 때문에 여기서 내가 뭘 잘못하고 있는지 정확히 모르겠습니다. .circle { position: relative; overflow: hidden; width: 120px; height: 120px; border-radius: 50%; background: #5d0b3c; } #skills .text { position: absolute; top: 38px; left: 30px; width: 60px; color: #fff; text-align: center; text-transform..

  Read More
• PHP 또는 CSS 만 사용하여 페이지를 다시로드 할 때도 클릭 제출 button 색상 변경을 유지하는 방법

  카테고리 없음 2020. 8. 18. 04:20

  질문 이 코드가 있습니다예 : input[type=submit]:active{ background-color: black; } input[type=submit]:focus { background-color: black; } 내 업적에서 양식 제출 button을 클릭 할 때 검은 색으로 표시되기를 원합니다.내 문제는 페이지를 참조 할 때에도이 button을 변경하지 않고 유지하는 방법입니다.예 :-페이지가 참조되거나 관련이있을 때도 클릭 제출 button이 검은 색으로 유지되기를 원합니다. 미리 감사드립니다. 답변1 button은 페이지 새로 고침시 포커스 또는 활성 상태를 유지하지 않습니다. 그러나 양식이 이미 제출되었는지 여부를 감지하도록 PHP 코드가 설정된 경우 button을 검은 색으로 바꾸는 입..

  Read More
• :: after 요소를 이전 형제와 동일한 width로 만드는 방법

  카테고리 없음 2020. 8. 18. 04:14

  질문 및 :: after 가있는 container가 있습니다. 의사 요소. 이렇게 : .container { display: inline-block } .container::after { display: block background: #aabbaa content: attr(data-caption) line-height: 40px padding: 0 1rem } container는 포함 된 이미지에서 width를 가져와야하며 :: after요소는 다음과 같이 그에 따라 콘텐츠를 래핑해야합니다. 대신 after 요소는 래핑되지 않습니다. 이 코드 펜 을 참조하세요. 답변1 use max-width : min-content텍스트가 아닌 이미지에서 동적으로 상속하도록 편집되었습니다. ..

  Read More