Neue Fragen mit dem Tag «dom»

Insgesamt gefunden 312 Fragen

0
Bewertungen
1
Antwort
49
Ansichten

Aktivieren von Lightbox für HTML-Elemente mit der Klasse has-lightbox

Ich bin dabei, "objektorientiertes Denken" zu versuchen, um meine Code-Fähigkeiten zu verbessern. Ich habe die folgende Methode, die eine Lightbox für jeden Artikel mit der Klasse erstellt .has-lightbox. Ist dies etwas, das von einer Klasse profitieren würde? Eine LightboxCollection-Klasse zum Bei...
fragte Notflip vor einem Jahr

0
Bewertungen
1
Antwort
52
Ansichten

JavaScript-Verknüpfung zum Erstellen von Elementen

Ich habe eine persönliche API zum Erstellen von Elementen für eine HTML-Seite erstellt. Ich hätte gerne Feedback zur Effizienz, insbesondere beim Erstellen von Schaltflächen und Beschriftungen. Jedes Feedback wird geschätzt und berücksichtigt tag.js /* * Shortcuts for creatings different tags */ f...
fragte David White vor einem Jahr

3
Bewertungen
2
Antworten
57
Ansichten

Unterstützung für SRT-Untertitel für das Videoelement von HTML5

Mit HTML5 können Sie Ihrem Video mit dem Element Beschriftungen hinzufügen <track />. Es werden jedoch nur vtt- Dateien offiziell unterstützt, während das derzeit populärste Untertitelformat das bekannte srt- Format ist. Anstatt alle srt- Dateien in vtt- Dateien umzuwandeln, hatte ich die Ide...

1
Bewertungen
1
Antwort
55
Ansichten

window.innerWidth - Problemumgehung, wenn der falsche Wert zurückgegeben wird

Einige JavaScript-Bibliotheken sind auf window innerWidthund innerHeightihre Berechnungen angewiesen window.innerWidth ist nicht 100% zuverlässig, was zu Fehlern führen kann matchMedia().matches ist 100% genau, gibt jedoch einen booleschen Wert zurück kommen Sie um: verwenden Sie matchMedia,...
fragte buzatto vor einem Jahr

0
Bewertungen
1
Antwort
96
Ansichten

Hinzufügen <li> Elemente dynamisch zu einer To-Do-Liste </li>

Für eine Hausaufgabe muss ich eine "TO-DO" -Liste erstellen, die der Liste der ungeordneten Listen mithilfe von JavaScript dynamisch einen Listeneintrag hinzufügt. Das Eingabeelement wird auch mithilfe von JavaScript hinzugefügt. Es muss eine eindeutige ID generiert werden, die sich bei jedem Besuch...
fragte David White vor einem Jahr

0
Bewertungen
2
Antworten
83
Ansichten

JavaScript-DOM-Implementierung

Ich soll eine Website erstellen, die der Seite mehrere Formulare hinzufügt, auf die reagiert und prüft, ob die Eingaben gültig sind (Validierung ist nicht wichtig, es muss lediglich ein Versuch zur Regex gemacht werden). Nachfolgend habe ich bis jetzt geschrieben. Was ich suche, ist Ratschläge, wie...
fragte David White vor einem Jahr

2
Bewertungen
1
Antwort
92
Ansichten

HTML-Formular mit Bestätigung vor dem Absenden

Ich erstelle eine Website über eine automatische Show, zu der der Benutzer geht. Ich sammle Eingaben über Textfelder, Kontrollkästchen, Optionsfelder usw. und erhalte eine Bestätigung, dass die eingegebenen Informationen korrekt sind. Ist die Art und Weise, wie ich dies am effizientesten mache, das...
fragte David White vor einem Jahr

0
Bewertungen
1
Antwort
99
Ansichten

JavaScript Tic-Tac-Toe

The first function makes 2 players&#xA;&#xA;const Player = (name,mark) =&gt; {&#xA;return {name, mark}&#xA;}&#xA;let player1 = Player('Player 1', '&lt;div&gt;X&lt;/div&gt;');&#xA;let player2 = Player('Player 2', '&lt;div&gt;O&lt;/div&gt;');&#xA;&#xA;&#xA;The rest of the code which runs the game&#xA;...
fragte zackclan vor einem Jahr

2
Bewertungen
1
Antwort
96
Ansichten

Trinkgeldrechner in reinem JS

Ein einfacher Trinkgeldrechner, der nach dem Gesamtrechnungsbetrag und der Servicequalität (zur Bestimmung des Prozentsatzes der Gesamtkosten) fragt, und wie viele Personen die Rechnung teilen (wird verwendet, um das Trinkgeld aufzuteilen, sodass jeder den gleichen Betrag bezahlt) ). Ich bin vor al...

0
Bewertungen
1
Antwort
64
Ansichten

Ändern des Textes einiger Elemente, wenn auf eine Kachel geklickt wird

Ich habe eine einfache Webseite erstellt, die ein Bedienfeld enthält, in dem einige Details zu einem Objekt angezeigt werden, und ein Bedienfeld, das einige Kacheln enthält, aus denen das anzuzeigende Objekt ausgewählt wird. Die Idee ist einfach und mit viel Erfahrung in C # war die Lernkurve klein....
fragte PerpetualJ vor einem Jahr

1
Bewertungen
1
Antwort
57
Ansichten

Eine einfache jQuery-Funktion, die leere oder Tags entfernt, die nur '' enthalten.

Ich habe eine einfache Funktion erstellt, diesmal in jQuery und nicht in JS, die leere &lt;p&gt;&lt;/p&gt;, span und starke Tags entfernt. Ich bin gespannt, was jeder über meine Lösung denkt, da ich bei jQuery relativ neu bin und ob es verbessert werden könnte. Meine ursprüngliche Lösung lautet wie...
fragte user8758206 vor einem Jahr

2
Bewertungen
2
Antworten
98
Ansichten

Anzeigen von Informationen, die aus einer HTML-Tabelle extrahiert wurden

Diese Funktion (die bei einem Timeout aufgrund der Ladezeit meiner Seite verwendet wird) zeigt Informationen auf meiner Website an. Ich hole diese Daten aus meiner Tabellenansicht, die ich in die Seite lade. Es wird durch Klicken auf eine Schaltfläche in der Tabellenansicht gestartet und gibt diese...

3
Bewertungen
2
Antworten
135
Ansichten

Beim Laden von Iframes, wenn sie in die Ansicht blättern

Ich arbeite in einem Tableau-basierten System mit einer großen Anzahl von Diagrammen. Ich brauchte einen Weg, um die Belastung durch die anfängliche Belastung unserer App zu reduzieren. Es ist ziemlich einfach, aber ich wollte sicherstellen, dass ich für jedes Szenario verantwortlich bin. Ich verwen...

2
Bewertungen
0
Antworten
159
Ansichten

Ereigniskalender in JS, CSS und HTML

Ich habe hier viel Code wiederholt und versuche, mehr ES6 zu verwenden, aber ich bin mir nicht sicher, wo ich ihn in meinem Code hätte verwenden sollen. Ich würde mich über jeden Input freuen, an dem ich mich verbessern könnte. GitHub "use strict"; //Calendar let today = new Date(); let curr...
fragte icewizard vor einem Jahr

2
Bewertungen
1
Antwort
122
Ansichten

Meine erste ToDo-Liste in JavaScript

Ich bin neu in der Programmierung und im Frontend. Es ist wirklich schwer für mich, gute Praktiken zu lernen. Ich versuche gerade, Javascript-Grundlagen und Bootstrap zusätzlich zu lernen. Ich habe meine erste ToDo-Liste mit bootstrap (nur um es ein bisschen zu trainieren) gemacht und ich habe das...

1
Bewertungen
2
Antworten
86
Ansichten

Ersetzen Sie die Zeichenfolge der Klasse der Schaltfläche durch die Klasse, sodass nur eine Schaltfläche mithilfe der Bootstrap-Schaltflächen gefüllt wird

Ich verwende Bootstrap-Buttons und in diesem Fall habe ich 5 verschiedene Buttons mit 5 verschiedenen Klassen. Wenn eine der Schaltflächen angeklickt wird, möchte ich, dass nur diese ausgefüllt wird und die anderen nur die Gliederung sind. So mache ich es aktuell: $(".canvas_btn").on("click",f...

1
Bewertungen
1
Antwort
97
Ansichten

Dropdown-Auswahl für Staat und Stadt

Ich habe diesen alten Code und möchte, dass er verständlicher wird. Ursprünglich wurde es mit einem Onload auf den sich öffnenden Body-Tag geladen, sodass ich es in window.onload ändern konnte. Jetzt erhält der redundante Code Elemente nach ID, da er zuerst das Formular und danach das eigentliche Au...
fragte Samuel Ramzan vor einem Jahr

1
Bewertungen
1
Antwort
53
Ansichten

TypeScript 3-Formularvalidierungsobjekt

Bitte korrigieren Sie mich mit dem, was ich hier sage (Die eigentliche Frage liegt unterhalb des Codes). Ich habe schnell ein Prototyping für ein Projekt (ASP.NET Core 2.1) erstellt und nicht die Notwendigkeit gefunden, es mit Webpack / Parcel / Rollup / Browserify zu strukturieren, da dies mit ein...

0
Bewertungen
1
Antwort
49
Ansichten

JS-Zähler im DOM

Ich habe eine Funktion geschrieben, um den Inhalt eines HTML-Elements zu aktualisieren, um einen Zähler anzuzeigen. Beim Laden der Seite erhält der Zähler einen Anfangswert. Alle fünf Minuten wird der neue Wert vom Server abgefragt. In den nächsten fünf Minuten wird der Anfangswert auf den neuen Wer...
fragte Titsjmen vor einem Jahr

5
Bewertungen
3
Antworten
157
Ansichten

JavaScript Snake: Erste App

Ich habe gerade meine erste vollständige App in JavaScript fertiggestellt und hoffe auf ein Feedback. Ich denke, ich bin auf der Suche nach allgemeinen Design-Ratschlägen, der Verwendung von Klassen und Funktionen usw. Aber alles ist ein faires Spiel, daher bin ich an konstruktiver Kritik interessie...

3
Bewertungen
1
Antwort
83
Ansichten

Ereignisdelegierung umschalten

HINWEIS : Das Javascript ist alles, worüber ich mir Sorgen mache, HTML / CSS ist nur DEMO-Code. Eine Einschränkung sind ARIA-Zustände oder -Attribute, wenn Sie dazu auf jeden Fall eingetaucht sind. Ich hatte das Bedürfnis nach einem unauffälligen, erweiterbaren Umschalter, der auf eine Handvoll Geg...

2
Bewertungen
2
Antworten
120
Ansichten

JavaScript-Zinsrechner

Da ich noch kein Neuling in der Webentwicklung bin, ist das Umgestalten meines Codes immer noch etwas, was mir Schwierigkeiten bereitet. Ich würde es wirklich schätzen, wenn jemand das Javascript nach einem von mir gebauten Zinssatzrechner durchsucht und mir vielleicht ein paar Hinweise dazu gibt, w...

2
Bewertungen
1
Antwort
59
Ansichten

IOT Javascript GUI / Hub - Anzeige eingehender Daten

Ein Server sendet JSON über einen Socket an meine Webseite, und die Webseite erstellt oder aktualisiert eine "Karte", auf der die Informationen aus den JSON-Daten angezeigt werden. Es ist ein Einweg- / Nur-Lese-System. Fluss ist: Das Ding sendet Daten an den Server Server empfängt Daten und führt...
fragte GisMofx vor einem Jahr

2
Bewertungen
1
Antwort
67
Ansichten

jQuery-Plugin zum Laden eines ganzseitigen Ansichtsfensters

In letzter Zeit schreibe ich viele jQuery-Plugins, aber ich weiß nicht wirklich, ob ich wirklich gut mache. Hier ist eines meiner neuesten Plugins, mit dem Sie jeder Klasse ein Datenattribut hinzufügen und ein vollständiges Seitenansichtsfenster laden können (das beim Rendern in den Hauptteil geschr...
fragte Harm Smits vor einem Jahr

-2
Bewertungen
2
Antworten
77
Ansichten

Verkettung von setTimeouts

Gibt es einen effizienteren und angemesseneren Weg, eine Funktion wie diese zu schreiben? Der Effekt, den ich erreichen möchte, ist das Entfernen von CSS-Klassen in drei Schritten nacheinander. function loadColors(){ setTimeout(()=&gt;{ document.querySelector('.class-1').classList.remove('class-...
fragte Tomasz vor einem Jahr

4
Bewertungen
2
Antworten
292
Ansichten

Arkanoid / Breakout-Klon mit ThreeJS

Hier ist mein Versuch eines Arkanoid / Breakout-Klons, der JavaScript mit ThreeJS verwendet. Das Feedback, das ich suche, ist mehr auf der Codeseite; Das Spiel selbst ist noch in Arbeit. Sie können es für einen Spin nehmen, indem Sie den Code-Snippet unten ausführen. (function() { "use str...

3
Bewertungen
2
Antworten
309
Ansichten

Zähler für markierte Kontrollkästchen vereinfachen

Ist der folgende Code eine richtige Lösung für mein Problem? Ich habe das Gefühl, dass es ziemlich vereinfacht werden kann. Wenn eines der ersten vier Kontrollkästchen aktiviert ist, beträgt die Summe 1; wenn zwei 1,5; wenn drei 2; wenn vier 2.5. Wenn der Balken 5 markiert ist, ist er 1 + berech...
fragte Tzar vor einem Jahr

2
Bewertungen
2
Antworten
71
Ansicht

Dim Hero &amp; Hintergrund für Nav beim Scrollen hinzufügen

Ich bin einem Tutorial gefolgt, das ursprünglich für das Hinzufügen eines "sticky" nav gedacht war. Ich habe dies ein wenig angepasst, damit das Nav einen Hintergrund erhält, wenn der Seiten-Scroll den oberen Drittel des Heldenbereichs erreicht. Ich fügte dann eine ähnliche Funktion hinzu, die den...

1
Bewertungen
1
Antwort
88
Ansichten

Aktualisieren Sie kontinuierlich die Position von div mit einem Klickereignis

Ich versuche ständig die Position eines Divs auf dem Bildschirm abzurufen und die neue Position jedes Mal zu aktualisieren, wenn auf einen "Klick" -Ereignislistener geklickt wird. Im Moment funktioniert mein Code, ist aber überflüssig und könnte in einer einzigen Funktion vereinfacht werden, um das...
fragte Joshua Garcia vor einem Jahr

5
Bewertungen
2
Antworten
122
Ansichten

Upvote / Zähler in Javascript

Verbesserung der Benutzeroberfläche für die Benutzeroberfläche in ES6. Dies ist das Muster, das ich angenommen habe und ziemlich gut funktioniert hat. Dieser Code erhöht die Anzahl, legt ein Datenattribut fest, um die Schaltfläche umzuschalten, und sendet einen POST an den Server mit dem Voting-Pa...