Próbuję utworzyć animację w stylu roller coaster z CSS. Chcę wiedzieć, jak zakrzywiać „kolejkę”, gdy jest ona w fazie pętli. Poszukuję całego rozwiązania CSS, ale jeśli potrzebuję trochę kodu JavaScript, nie mam nic przeciwko. mój kod do tej pory: #container { width: 200px; height: 300px;...
Jestem bardzo nowy w Angular. Mam trochę pracy nad Angularem. Muszę powiązać zagnieżdżoną listę rozwijaną dla Jsondanych pochodzących z serwera, wywołując Rest Api. Dane mają jeden atrybut LgLevel, określa poziom w hierarchii grupy. Rodzic będzie musiał level=0, natychmiastowa Child=1,...
Chcę utworzyć HTML za pomocą JS, dlatego muszę zapisać HTML w pliku JS, np .: function createHtmlSection() { return "<li class=\"chapter up-wrapper-btn\">" + "<div>" + "<button><i class=\"fa fa-plus\" onclick=\"addSection('up',this)\"></i></button>" +...
Testuję kod html / js na moim lokalnym hoście (Windows 7, Chrome v79.0.3945.130 (64-bit)) i około 50% zmian kodu czasu nie jest odzwierciedlonych w przeglądarce (widzę to w Narzędziach dla programistów / źródłach ). W Internecie jest mnóstwo porad, ale żadna z nich nie działa: Kliknij prawym...
Kiedy wpisuję ostatnią cyfrę , pierwsza cyfra wchodzi do text-box(znika), dodaje jedną dodatkową spację. Po kliknięciu na zewnątrz text-boxwygląda dobrze, czego potrzebuję podczas pisania ostatniego znaku. #number_text { padding-left: 9px; letter-spacing: 31px; border: 0;...
Jak sprawić, by iframe reagował bez zakładania współczynnika proporcji? Na przykład treść może mieć dowolną szerokość lub wysokość, która jest nieznana przed renderowaniem. Uwaga: możesz używać Javascript. Przykład: <div id="iframe-container"> <iframe/> </div> Zmień to...
Mam tabelę HTML i chcę narysować strzałkę z jednej komórki do drugiej. Na przykład tak: Jak można to zrobić? Przykładowy HTML: <html> <body> <table>
W poniższym przykładzie kliknięcie etykiety powoduje zmianę stanu danych wejściowych. document.querySelector("label").addEventListener("click", function() { console.log("clicked label"); }); label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select:...
Przeglądarka Chrome auto-fill usuwa efekt background-colori background-imageod Usernamei Passwordpól wejściowych. Przed autouzupełnianiem Po autouzupełnianiu Ale autouzupełnianie przeglądarki Chrome ukrywa moje ikony przed danymi wejściowymi, a także zmieniało moje background-color....
Stworzyłem automatyzację, która pozwoli mi wprowadzać dane na stronie internetowej (chociaż nie mogę udostępniać jej, ponieważ jest ona wewnętrzna). Mój kod poniżej działa tylko do momentu, gdy wprowadzi tekst „otrzymano z”. Jednak to pole „otrzymane z” ma listę autouzupełniania i muszę ją wybrać,...
Problem wydaje się, że niektóre litery, takie jak g, y, q, itd., Które mają ogon, które schodzą w dół, nie można dopuścić do pionowego centrowania. Oto zdjęcie przedstawiające problem . Postacie w zielonym polu są w zasadzie idealne, ponieważ nie mają ogona skierowanego w dół. Te w czerwonym polu...
Mam ten układ, który został utworzony dynamicznie: for (let i = 1; i < 10; i++) { document.querySelector('.card-body').innerHTML += `<div class="row" id="img_div"> <div class="col-12 col-sm-12 col-md-2 text-center"> <img src="http://placehold.it/120x80" alt="prewiew"...
Podczas używania przeglądarki Firefox v73 w systemie Windows 7 wystąpił następujący problem: W moim kodzie używam selektora wielu plików w HTML, aby przesłać równolegle do 100 plików: <input type="file" id="files" name="files" multiple> Pliki zostaną wysłane do interfejsu API REST, który...
Mam stronę w interfejsie z różnymi przyciskami, wszystkie przyciski same działają idealnie, ale jeśli kliknę przycisk otwierający rozszerzenie w sklepie internetowym Chrome i kliknę inny przycisk, strona się nie otworzy . Oto przykład tego, o czym mówię. Jeśli klikniesz przyciski bez zamykania...
Próbowałem wielu sposobów, aby dopasować tabelę do strony (A4), jak pokazano na zdjęciu: Dużo szukałem, ale nie znalazłem nic przydatnego w Internecie. Korzystam z tabeli dynamicznej, wszystko jest w porządku, z wyjątkiem szerokości tabeli. oto mój kod: $content =
Po małym fragmencie mojego kodu. Zastanawiam się tylko, dlaczego komórka „iphone” miga tylko z telefonu iPhone. PS. Nie mogę użyć tabeli ani listy dla struktury. Próbowałem też użyć transform: translate3d(0,0,0);. Zasadniczo potrzebuję, aby pierwsza komórka była lepka zarówno dla Lewej, jak i...
Od wydania Chrome w wersji 78.0.3904.70 widzę problemy z używaniem właściwości CSS white-space: nowrap;. Nieprzerwana przestrzeń wydaje się powodować łamanie linii. Podczas używania text-overflow: ellipsisrzeczywisty tekst nie będzie wyświetlany, ponieważ jest uszkodzony na zewnątrz...
Aby wypełnić całą wysokość strony, używam height: 100%;tagów HTML i body, i działa dobrze, dopóki przeglądarka nie zostanie zamknięta i ponownie otwarta. (Nie używam 100vh z powodu problemów na urządzeniach mobilnych
Pracuję nad jednostronicową aplikacją internetową, która najczęściej będzie używana na urządzeniach mobilnych. Jedną z jego funkcji jest tryb mapy, który tymczasowo przejmuje całe okno przeglądarki; skalę odległości i niektóre elementy sterujące są dołączone do czterech rogów mapy. Oto mały zrzut...
Próbowałem użyć czegoś takiego, aby uzyskać wzrost wydajności, gdy klikam od prostej strony docelowej do ciężkiej aplikacji na jednej stronie: <link rel="prefetch" href="https://example.com" as="document" /> <link rel="prefetch" href="https://example.com/app.js" as="script" /> <link...