클릭하면 텍스트가 새 요소(예: 구분선)로 바뀌도록 하려면 어떻게 해야 합니까?

페이지의 특정 텍스트를 클릭하면 구분 기호/새 요소로 바뀌는 방법을 찾으려고 합니다. 어떻게 설명해야 할지 모르겠지만, 아래에 제목이 있는 이미지를 상상해 보세요. 제목을 클릭하면 위의 이미지가 텍스트 상자/다른 이미지/스크롤 가능한 구분 기호처럼 됩니다. 여기에서는 오른쪽의 해골 이모티콘을 클릭하면 왼쪽 상자에 새 div/이미지가 나타나는 페이지의 효과를 얻으려고 합니다. 나는 소스 코드를 보고 그녀가 이 효과를 얻기 위해 무엇을 하는지 확인하고 있지만 여전히 무엇인지 잘 모르겠습니다. w3schoolson을 사용하려고 합니다

P粉872101673 2024-04-04 11:21:03 0  1  3824

javascript - 이중 레이어 헤더를 지원하는 테이블 플러그인이 있습니까?

나는 최근에 간단한 아이콘 페이지를 작성했는데 많은 외부 그리드 구성 요소가 다중 레이어 헤더를 지원하지 않는다는 것을 발견했습니다. Easy UI의 그리드와 같은 다중 레이어 헤더를 지원할 수 있는 반응 구성 요소가 있나요?

迷茫 2017-05-19 10:47:11 0  1  557

이미지 정렬 및 크기 조정

내 W3Schools 웹사이트에서 이 코드에 대한 도움이 필요합니다. 모든 요소를 ​​페이지 중앙에 유지하고 싶습니다. 그러나 내가 중앙에 있을 때 특징의 렌즈는 이미지의 이전 위치를 목표로 합니다. https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_image_zoom 코드를 변경했는데 이미지가 중앙에 있으면 렌즈가 이미지 바깥쪽에 있다는 것을 이해할 수 없습니다. 이전 포스팅과 마찬가지로 이미지 중앙에 렌즈 위치가 잘못되어 있던 문제를 해결하기 위해 a를 만들었습니다!!!

P粉015402013 2024-03-22 11:26:07 0  1  344

페이지의 HTML 요소를 탐색하려면 Tab 키를 사용하세요.

탭 키를 사용하는 HTML 페이지에서 탭 키를 사용하여 스크롤할 수 없습니다. 다음은 "테이블을 업데이트할 수 없습니다." 팝업이 열릴 때 탭을 찾아보려는 페이지의 사진입니다. 저는 그것을 클릭하고 탭을 눌렀습니다. 탭을 처음 누르면 초점이 그림의 화살표 요소로 이동합니다. 하지만 다음에 탭을 누르면 Page3 요소로 이동합니다. 위쪽 화살표 아이콘은 HTML에서 선택된 <i 태그이고 다음 <i 태그는 x 버튼입니다. 어떤 이유로 두 번째 <i 태그를 건너뛰고 탭 키가 두 번째로 나타날 때 x 버튼...

P粉106301763 2024-02-03 21:30:59 0  1  473

전체 파일 루트가 없으면 이미지가 작동하지 않습니다.

도움이 되었기를 바랍니다. 이전에 웹 사이트에 대한 많은 페이지를 작성했지만(단지 내 연습을 위해 시뮬레이션) 어떤 이유로 새(오래되었지만 Windows10을 실행하는) 노트북을 사용하면 전체 파일 경로를 사용하지 않으면 이미지가 로드되지 않습니다. 예를 들어 C:\Users\theap\OneDrive\Desktop\images/dogs.jpg 이미지 파일은 내 데스크탑에 이미지로 표시됩니다. 모든 이미지는 .jpg로 끝나므로 입력했지만 브라우저의 Alt 보기에는 Alt만 표시됩니다. 나는 전에 이런 일을 겪어본 적이 없다.

P粉608647033 2024-04-03 23:27:05 0  1  546

Visual Studio Code: 변수 이름에서 달러 기호를 명확하게 구분하는 효과적인 기술

방금 Atom에서 VisualStudioCode로 전환했으며 달러 기호와 변수 이름을 시각적으로 구분하는 방법을 찾고 있습니다. 개인 CSS 스타일시트를 편집하면 Atom에서 이와 같은 작업이 가능합니다. 일부 CSS 규칙을 적용하면 이를 달성할 수 있습니다. 달러 기호와 변수 이름 사이에 공백 문자가 없고 편집 커서가 달러 기호에서 식별자로 이동합니다. VisualStudioCode에서 비슷한 기능을 구현하는 방법을 찾으려고 했지만 실패했습니다. VSC에는 Atom과 같은 개발 도구가 있다는 것을 알고 있습니다.

P粉543344381 2024-03-21 20:31:19 0  1  558

날짜별로 정렬하고 IN을 사용하여 여러 항목에 대한 최신 및 이전 항목을 가져옵니다.

내 목표: 나는 stock_id 목록을 가지고 있고 각 stock_id에 대해 마지막 입찰(날짜별로 정렬)을 하나씩 가져오고 싶습니다. 그림에서 이는 내가 원하는 것을 의미합니다. stock_id bid 3663.91953146.4428129.02798 한 가지 문제는 Gazprom과 같은 주식이 정지되어 있으므로 마지막 입찰 중 하나가 예를 들어 2021-06-06일 수 있다는 것입니다. 이 경우 quote_day=DATE(NOW())는 작동하지 않습니다. 나도 함께 일해야 해

P粉653045807 2023-09-03 23:52:49 0  2  668

전단지는 지도에 모든 폴리라인을 추가합니다.

지도에 클릭 가능한 작업이 있는 하나 이상의 폴리라인을 추가하고 측정 도구인 PolylineMeasure를 사용하려는 경우 이러한 폴리라인은 어떤 방식으로든 존재하게 됩니다. 폴리라인을 직접 사용할 수 있는 것처럼 지도에서 마커를 사용하여 클릭할 수 있는 것처럼 클릭 기능을 비활성화하기 위해 지도에서 생성된 모든 폴리라인을 가져오는 방법은 무엇입니까? L.polyline(latlngs,{clickable:false}).addTo(map);

P粉358281574 2023-08-18 13:18:02 0  1  472

모달에서 이미지를 클릭하여 여러 이미지를 변경하고 싶습니다.

팝업/모달에 gsap.js를 사용하고 있습니다. 나는 이 사이트에 동일한 부분을 얼마나 많이 추가하더라도 제대로 작동하도록 forEach를 사용합니다. 나의 유일한 목표는 어떻게든 지금 이 작업을 완벽하게 만드는 것입니다. 팝업되는 "버튼"을 클릭할 때마다 9개의 이미지가 표시되고 그 중 4개를 선택한 다음 "편집 내용 저장"을 클릭하고 "편집 내용 저장"을 누르면 본문 텍스트 이미지에 4개의 이미지 본문이 있는 경우 , 자동으로 변경됩니다. 그리고 당신은 그것을 계속해서 변경할...

P粉269530053 2024-01-29 09:35:00 0  1  407

스크롤할 때 rowspan 속성이 있는 고정 td가 테이블 경계를 초과합니다.

고정 헤더가 있는 테이블과 행 범위가 포함된 고정 td가 있습니다. 스크롤할 때 td 및 rowspan이 헤더(이 예에서는 첫 번째 열) 위에 나타납니다. z-index를 지정하면 헤더가 td 위에 배치되지만 텍스트는 겹칩니다. 이런 일이 발생하지 않도록 하려면 어떻게 해야 합니까? 내 첫 번째 버전에는 행 범위가 없었고 빈 셀이 포함되어 있었으며 올바르게 작동했습니다. *{padding:0;margin:0;box-sizing:border-box;}/*.wrapper{overflow:a

P粉210405394 2024-03-21 20:28:02 0  1  484

javascript - 다수의 스프라이트에 충돌 감지 상자를 추가하는 방법은 무엇입니까?

스프라이트 시트가 있고 그 안에 있는 각 프레임의 크기는 아래와 같습니다. 이제 충돌 감지 상자를 추가하고 싶지만 그림이 많고 충돌 위치가 그림 테두리에만 국한되지 않습니다. 이 경우 감지를 추가하려면 필요에 따라 각 프레임에 추가해야 합니까? 얻는 방법...추가가 완료된 후...

phpcn_u1582 2017-05-31 10:39:16 0  1  686

각 제품에 많은 매개변수가 있는 여러 제품에 대한 제품 테이블을 디자인하는 방법

나는 테이블 디자인에 대한 경험이 많지 않습니다. 내 목표는 다양한 유형의 제품(TV, 모바일, 컴퓨터 등)을 지원하는 요구 사항을 충족하는 하나 이상의 제품 테이블을 만드는 것입니다. 각 제품 유형에는 서로 다른 매개변수 세트가 있습니다. 예를 들어 휴대폰에는 색상, 크기, 무게, 운영 체제 등이 있습니다. 컴퓨터에는 CPU, 하드 드라이브, 메모리 등이 있습니다. 매개변수 세트는 동적이어야 합니다. 매개변수를 추가하거나 편집할 수 있습니다. 각 제품 유형에 대해 별도의 테이블을 만들지 않고 이러한 요구 사항을 충족하려면 어떻게 ...

P粉675258598 2023-08-22 17:45:42 0  2  672

이 경로는 POST 메서드를 지원하지 않습니다. 지원되는 방법: GET, HEAD. 라라벨 9

우선, 저는 초보자이고 이 질문이 여러 번 질문되고 답변되었다는 것을 알고 있습니다. 이미 솔루션을 시도했거나 제안 사항을 구현했으므로 전문가의 도움을 받으러 왔습니다! 내가 시도한 것: - 내 양식 요소 내부의 블레이드 파일에 @csrf를 추가했습니다. - 게시물과 get in my 경로가 소문자인지 확인하세요. -네 번째로 게시 등을 변경하세요. 위의 내용은 문제에 도움이 되지 않습니다. 아쉽게도 저는 여전히 머리를 긁적입니다. 실제로 이미지를 업로드하고 이미지에 제목을 추가하여 제출하려고 합니다. 왼쪽 상단에 드롭다운이 있는 ...

P粉976737101 2024-03-27 16:43:09 0  1  429

VueJs 및 Apexcharts를 사용하여 여러 브러시 차트 만들기

apexcharts를 사용하여 브러시 차트를 만드는 응용 프로그램을 개발 중입니다. 그러나 예제에 표시된 것처럼 내 브러시가 하나가 아닌 여러 차트를 제어할 수 있기를 바랍니다. 콜백 함수 사용을 시작하기 전에 라이브러리를 통해 이를 달성할 수 있는 쉬운 방법이 있는지 알고 싶습니다. 예를 들어 대상 배열을 전달하는 것입니다. Brush:{target:'chart2',enabled:true}, 감사합니다. 미리,

P粉470645222 2023-08-26 20:17:05 0  1  573

채팅 gpt 응답 형식

내 React 애플리케이션에서 chat gptapi를 사용하고 있습니다. 내가 직면한 문제는 채팅 gpt의 응답 형식을 지정하는 방법입니다. 테이블 형식으로 응답을 요청하면 이상한 응답이 제공됩니다. 사전 표시를 사용하여 텍스트를 표시하고 응답에 첨부된 이미지가 이런 식으로 표시되지만 요청하면 chat gpt처럼 올바른 테이블을 원합니다. , 같은 방식으로 다른 줄의 항목 목록 대신 단락 형식으로 표시되므로 채팅 GPT 응답의 형식을 올바르게 지정하는 방법입니다. 채팅 GPT에 표시된 대로 올바른 테이블과 목록을 원합니다.

P粉563446579 2023-10-25 14:53:41 0  1  761

특정 속성이나 태그가 포함된 div 요소를 대상으로 CSS 선택기를 사용하는 방법은 무엇입니까?

저는 웹사이트를 생성하는 POS 시스템을 개발하고 있습니다. 대부분의 코드는 독점이므로 편집할 수 없습니다. 일부 이미지가 카테고리로 떠 있는 카테고리 출력 목록이 있습니다. 홈 페이지에 나열된 처음 3개를 숨기고 싶습니다. 작동하는 div:nth-child(1)를 사용하여 포함된 div의 위치를 ​​지정해 보았지만 각 하위 페이지도 이를 숨깁니다. 아쉽게도 홈페이지가 아닌 모든 페이지는 본문과 메인 div에만 클래스가 추가되어 있어서 카테고리 ID나 스타일, 페이지별로는 할 수 없습니다. 내가 가지고 있는 것은 모든 페이지에 동일...

P粉493313067 2024-04-03 22:25:59 0  1  431

데이터베이스 열에 구분된 목록을 저장하는 것이 정말 그렇게 나쁜가요?

일련의 확인란이 있는 웹 양식을 상상해 보십시오(일부 또는 전체를 선택할 수 있음). 나는 데이터베이스 테이블의 열에 저장된 쉼표로 구분된 값 목록에 저장하기로 결정했습니다. 이제 올바른 해결책은 두 번째 테이블을 만들고 데이터베이스를 올바르게 정규화하는 것임을 알고 있습니다. 간단한 솔루션을 구현하는 것이 더 빠르고, 너무 많은 시간을 들이지 않고도 애플리케이션의 개념 증명을 빠르게 얻고 싶습니다. 내 경우에는 시간 절약과 간단한 코드가 그만한 가치가 있다고 생각합니다. 이것이 합리적인 디자인 선택입니까, 아니면 처음부터 표준화해...

P粉020556231 2023-08-27 19:52:49 0  2  504

flex CSS - 래핑 대신 특정 높이 이후의 클립 요소

테두리는 정적 높이와 너비를 나타냅니다. 항목 5와 6을 두 번째 줄에 두고 그림과 같이 세 번째로 포장하는 대신 항목 3과 6을 잘라내기를 원합니다. Flex를 사용하여 어떻게 이를 달성할 수 있나요? 이 문제를 보완하기 위해 테두리와 함께 표시되는 컨테이너의 너비는 사용자 작업에 따라 크기가 조정될 수 있습니다. 넓을 때. 예를 들어, 너비가 4개 요소를 수용할 수 있을 만큼 넓으면 첫 번째 행에 4개 요소를 모두 표시하고 두 번째 행에 나머지 요소를 표시합니다. 컨테이너의 너비를 축소할 때 아래 이미지에 표시된 것처럼 최대 2...

P粉785957729 2024-04-01 14:02:02 0  1  537

스크롤 상태를 건드리지 않고 React의 div 상단에 추가

반응에 문제가 있습니다. 가로 스크롤로 볼 수 있는 많은 하위 div가 포함된 간단한 스크롤 가능 div를 구현하려고 합니다. 기본적으로 각 하위 div는 하루에 해당합니다. 이 구성요소는 사용자가 현재 날짜와 다음 날짜에 대한 정보를 처음 볼 때 로드됩니다. 그러나 사용자가 (왼쪽 또는 오른쪽) 스크롤하는 경우 일종의 "무한 스크롤 기능"을 구현하여 더 많은 정보를 추가할 수 있기를 바랍니다. 상위 div 끝에 새 하위 div를 추가하려고 하면 아무런 문제가 없습니다. 그러나 상위 div의 시작 부분에 새 하위 ...

P粉217629009 2024-03-19 19:13:46 0  1  479

토스트 UI 홈페이지와 유사한 탐색 모음 만들기

영감의 원천 저는 다음과 같은 네비게이션 바를 만들고 싶었습니다. Toastui 홈 페이지 제가 한 일은 이것을 달성하기 위해 가능한 한 많이 복사하려고 했습니다. 나는 다음과 같은 결과를 얻습니다: 내가 원하는 것 나는 다음과 같은 것을 원합니다(이미지 편집을 통해 만들어졌습니다): 옵션 1: 가운데 정렬 옵션 2: 왼쪽 정렬 연결된 목록의 위치가 포함된 내용에 따라 동적으로 바뀌기를 원합니다. 링크 그룹의. 내가 한 일은 왼쪽으로 정렬하는 것뿐이었습니다. 즉, 더 나은 UI를 위해 링크 목록이 해당 링크 그룹 바로 아래에 있도록...

P粉619896145 2024-04-01 18:34:38 0  1  421