Próbuję zbadać możliwości uruchamiania natywnej aplikacji internetowej na różnych platformach przy użyciu HTML5. Obecnie <input type="date">pole po prostu otwiera standardową klawiaturę programową w systemie Android i iOS. Przypuszczam, że w przyszłości klawiatury programowe mobilnego...
Muszę więc stworzyć powtarzający się sześciokątny wzór, używając CSS. Jeśli potrzebne są obrazy, mogę tam wejść, ale wolałbym po prostu użyć CSS, jeśli to możliwe. Oto pomysł na to, co próbuję stworzyć: Po prostu potrzebuję sposobu na utworzenie sześciokątnych kształtów, a następnie...
To powinno być bardzo proste, ale nie mogę tego rozgryźć. Mam taki stół: <table class="category_table"> <tr><td> blabla 1</td><td> blabla 2 </td></tr> <tr><td> blabla 3 </td><td> blabla 4
Czy istnieje sposób na odczytanie zawartości HTML Canvas jako danych binarnych? W tej chwili mam następujący HTML, aby pokazać plik wejściowy i płótno poniżej: <p><button id="myButton" type="button">Get Image Content</button></p> <p>Input:<input id="fileInput"...
<!DOCTYPE html> ... <link rel='stylesheet' id='basecss-css' href='http://www.someurl.com/modules/14ce1e21/peadig-eucookie.css' type='text/css' media='all' /> Dlaczego walidator ( http://validator.w3.org/ ) odrzuca to? Jaki atrybut jest „wymagany”, o czym nie wiem? Błąd: Błąd w...
Od jakiegoś czasu tworzę przeglądarkową grę wieloosobową i testowałem dostępność różnych portów w różnych środowiskach (biuro klienta, publiczne Wi-Fi itp.). Wszystko idzie całkiem dobrze, z wyjątkiem jednej rzeczy: nie wiem, jak odczytać błąd nr. lub opis, kiedy otrzymano zdarzenie...
Używam webpack z HtmlWebpackPlugin, html-loaderi file-loader. Mam prostą strukturę projektu, w której nie używam ram, a jedynie maszynopis. Dlatego piszę mój kod HTML bezpośrednio na index.html. Używam również tego pliku HTML jako mojego szablonu HtmlWebpackPlugin. Jak wszystkie strony...
Centruję DIV wewnątrz innego DIV za pomocą Flexboksa. Pomyśl o oknie dialogowym, które pojawia się na środku ekranu w razie potrzeby. Działa dobrze, jednak wyglądałoby to znacznie lepiej, gdyby przestrzeń powyżej i poniżej okna dialogowego nie była dokładnie równa, mając 40% pozostałej przestrzeni...
Od dłuższego czasu walczę z tym problemem. Problem można zobaczyć na urządzeniach mobilnych (Android i iOS), niektóre urządzenia mogą wymagać nieco większego powiększenia. Na komputerze mogę również odtworzyć ten błąd w przeglądarce Chrome po przełączeniu do trybu mobilnego. Poniżej znajduje się...
Walizka : Mam 2 elementy iframe i oba mają wiele elementów div i innych elementów sterujących, więc oba elementy iframe są jak średnie strony internetowe HTML. Chcę porównać oba i znaleźć różnice. Pomyślałem tutaj o różnych opcjach: Rozwiązanie 1: Zrób pełny zrzut ekranu z 2 ramek iframe i...
function validate() { var username = document.getElementById("username").value; var password = document.getElementById("password").value; if (username == "") { document.getElementById("message").innerHTML = "USERNAME CANNOT BE EMPTY"; document.getElementById("username").style.borderColor...
Chcę uzyskać wybraną pozycję tekstową za pomocą javascript. Na przykład mam prosty obszar tekstowy. #input-text { resize: none; width: 50%; height: 50px; margin: 1rem auto; } <textarea id="input-text">I am a student and I want to become a good person</textarea> Uruchom...
Mam na przykład: <pre> sun<br/> mercury <br/> venus <br/> earth
Mam listę, z overflow-xoraz overflow-yzestaw do auto. Ponadto skonfigurowałem przewijanie pędu, więc przewijanie dotykowe działa dobrze w urządzeniach mobilnych, przy użyciu webkit-overflow-scrolling: true. Problem polega jednak na tym, że nie mogę dowiedzieć się, jak wyłączyć przewijanie w...
Próbuję stworzyć system menu z obrazem i tekstem powyżej i poniżej. Dane są dynamiczne. Chcę, aby system menu pojawił się w taki sposób, aby każdy obraz był w równej odległości od siebie, tak aby ustawiał się w siatce obrazów zarówno w poziomie, jak i w pionie. Problemem jest tekst. Jeśli tekst...
Chciałem zrobić kropkowany okrąg za pomocą CSS i utworzyłem go w następujący sposób. Chociaż ten proces może wyświetlać przerywany okrąg, przerwa między końcem a początkiem przerywanej linii stała się wąska, a odstęp nie był jednolity. .c { width: 500px; height: 500px; border-width: 15px;...
Mam stolik z liczbami. Po kliknięciu komórki w tabeli przełącza ona stan aktywny. Chcę wybrać jedną komórkę i nacisnąć crtl i wybierz inną komórkę, w wyniku czego komórki między pierwszą a drugą staną się aktywne. Jak to wdrożyć? codepen https://codepen.io/geeny273/pen/GRJXBQP <div...
Jestem nowy w Next.js i zastanawiam się, jak na przykład przekierować ze strony początkowej ( / ) do / hello-nextjs . Gdy użytkownik załaduje stronę, a następnie określ, czy ścieżka === / przekieruj do / hello-nextjs W React-Router robimy coś takiego: <Switch> <Route...
Możemy użyć, window.location.replaceaby ominąć historię i celować w kotwice na stronie bez przeładowań strony, ale nie w ramkach iframe? Problemem jest naruszenie CSP (polityka bezpieczeństwa treści), które script-src 'unsafe-inline'muszą być włączone. Tyle że nie mam zdefiniowanego CSP, a nawet...
Mam następujący fragment kodu (muszę wyświetlić w trybie pełnoekranowym), że próbuję umieścić <main>element bezpośrednio pod <header>elementem. Mam <header>stałą pozycję, ponieważ chcę, aby pozostała na górze ekranu, gdy użytkownik przewija zawartość <main>elementu....