So ändern Sie die Hintergrundfarbe einer Schaltfläche per Klick/HTML

Ich habe eine Schaltfläche ähnlich der „Weiterlesen“-Schaltfläche erstellt, und wenn ich darauf drücke, wird ein Text nach unten erweitert. Wenn der Text erweitert wird, ändert sich der Hintergrund der Schaltfläche, und wenn ich die Schaltfläche erneut drücke, um den Text zu schließen (z. B. „Wenige...

P粉502608799 2023-09-08 00:04:48 0  1  511

Die schwebenden Schaltflächen des Dialogs überlappen sich ständig

Hallo, ich erstelle eine Mauiblazor-App und habe ein Dialogfeld in voller Seitengröße mit einer schwebenden Schaltfläche darin. Wenn das Dialogfeld geschlossen wird und zur Originalseite zurückgekehrt wird, gibt es auf der Originalseite an der Stelle, an der sich die Dialogschaltfläche befindet, ein...

P粉032977207 2024-03-22 08:20:59 0  1  380

Schaltfläche „Bild vom Server eines Drittanbieters herunterladen'.

Wenn Sie in einem beliebigen Browser ein Bild sehen, können Sie mit der rechten Maustaste darauf klicken und auf „Speichern unter“ klicken, um es herunterzuladen. Ich versuche, eine Schaltfläche zu erstellen, die ein Bild herunterlädt. Die Download-Schaltfläche sollte das obige Bild (Barcode) herunt...

P粉198670603 2024-02-21 14:47:20 0  1  352

Wie kann verhindert werden, dass ein Modal geschlossen wird, wenn in Angular außerhalb des Modals darauf geklickt wird?

Ich habe mehrere Fragen und Antworten zu diesem Thema gelesen und alle Vorschläge beziehen sich auf eine sehr einfache Lösung: Fügen Sie data-backdrop="static" data-keyboard="false im HTML-Tag der Schaltfläche hinzu, die für das Öffnen des Modals "Für mich, Diese Schaltfläche ist...

P粉805107717 2023-09-13 20:32:07 0  1  729

Schaltfläche mit zentriertem Text und Symbol

Ich entwickle eine Schaltflächenkomponente mit einem Symbol und Text. Das Symbol wird links neben der Schaltfläche platziert und der Text wird in der Mitte der Schaltfläche ausgerichtet. Wenn der Text nicht in die Schaltfläche passt, sollte er nicht umgebrochen werden, sondern kann abgeschnitten wer...

P粉033429162 2023-08-15 11:01:09 0  1  517

Wie kann ich ein Element dazu bringen, seinen Eigenschaftswert zurückzusetzen, wenn auf es selbst und auf andere Schaltflächen geklickt wird?

Ich habe einfaches JavaScript, das auf Klicks lauscht, und wenn darauf geklickt wird, passieren vier Dinge: Der Schaltfläche wird eine Klasse „form-opened“ hinzugefügt und das Attribut „aria-expanded“ wird auf „true“ gesetzt, um das zuvor ausgeblendete Div anzuzeigen . Der „Nachher“-Text der Schaltf...

P粉652495194 2024-03-28 14:38:32 0  1  447

Wie kann ich eine Taste zum Ein- und Ausschalten aller Akkordeons einrichten?

Ich habe eine Komponente, die mit dem folgenden Code ein faltbares Akkordeon erstellt: importReact,{useState}from'react';constCollapsible=(props)=>{const[open,setOpen]=useState(false);consttoggle=()= > {setOpen(!open);}return(<div><buttonclassName={

P粉391677921 2023-08-30 16:57:51 0  2  661

So verwenden Sie React Hook Form 7 mit MUI-Schalter

Bei Verwendung von „react-hook-form“ mit einem MUI-Schalter zeigt der Schalter beim Laden der Seite nicht den Anfangswert an, selbst wenn der Wert auf „true“ gesetzt ist. Dies scheint jedoch ein Anzeigeproblem zu sein, da das Absenden des Formulars ohne Berühren der Schaltfläche „true“ für den Schal...

P粉231112437 2023-09-16 19:43:09 0  1  610

mysql – Wie legt eine PostgreSQL-Datenbank die Standardsortierung der Felder einer Tabelle fest?

Ich erstelle jetzt eine neue Tabelle mit einem Datumsfeld. Wenn alle Datenzeilen angezeigt werden, können die Sortierregeln über die Einstellungen der Sortierfilterschaltfläche geändert werden. Wenn ich jedoch das Fenster schließe und erneut öffne, ist die Anzeige erneut durcheinander. Wie man es lö...

怪我咯 2017-05-17 10:01:37 0  1  901

Holen Sie sich Daten aus einer anderen Tabelle, die mit dem Namen Laravel übereinstimmt

Bevor ich anfange, einige Übersetzungen, da mein Code nicht auf Englisch ist: Provider = Lieferant Job = Job Ich habe also zwei Tabellen, Lieferantentabelle und Arbeitsblatt. Jeder Lieferant kann mehrere Werke besitzen und jedes Werk kann nur einem Lieferanten gehören. Es sollte eine Eins-zu-Viele-B...

P粉378264633 2024-01-29 12:28:44 0  1  398

Die Attributdeaktivierung konnte nicht auf die Schaltfläche festgelegt werden

Im unten gezeigten Code entwickle ich eine untergeordnete Komponente, in der ich eine Schaltfläche erstellt habe und das Deaktivierungsattribut hinzufügen möchte. Mit dem folgenden Code ist die Eigenschaft „Disable“ rot unterstrichen und die Fehlermeldung lautet: „Typ „isDigitizePolygonDisabled““ ka...

P粉039633152 2023-08-16 20:54:18 0  1  511

Wie kann ich den Wert des Schiebereglers festschreiben, wenn die Maus ihn verlässt, anstatt alle Werte festzuschreiben, bevor die Maus ihn verlässt?

Ich habe ein Eingabefeld und einen Schieberegler, der Bereich des Schiebereglers liegt zwischen 1 und 100. Da ich über Kippschalter und Dropdown-Menüs verfüge, verwende ich das onChange-Ereignis, um Änderungen an jedem Feld zu verarbeiten, anstatt eine Senden-Schaltfläche einschließlich des Schieber...

P粉129731808 2023-07-27 15:35:18 0  1  575

javascript - Nach dem Vorgang wird ein Unterfenster geöffnet und geschlossen. Das Hauptfenster erhält eine entsprechende Antwort, z. B. einige Anmeldeschnittstellen der Website, Django-Hintergrundverwaltung usw. Wie wird dies erreicht?

Ich lerne Webentwicklung und möchte ähnliche Funktionen implementieren: Wenn ich beispielsweise das Projekt, zu dem ich gehöre, hinzufügen oder bearbeiten möchte, klicke ich direkt auf die Schaltfläche im roten Kreis und dann auf eine kleine Fenster öffnet sich: Nach dem Ausfüllen öffnet sich das kl...

阿神 2017-06-05 11:10:39 0  2  841

Erstellen Sie skalierbare Wegweiser mit HTML, CSS und SVG

Ich möchte einen Button in Form eines Wegweisers (ein Rechteck mit einer Spitze) erstellen. _______|\|_______/Ich möchte dynamisch Text in ein Logo schreiben, wobei jeder Text eine andere Länge hat. Wenn ich dies versuche und nur die Grafik als Hintergrundgrafik verwende, werden die Pfeile entsprech...

P粉555682718 2024-03-31 14:45:14 0  1  440

Nicht erfasster TypeError: this.saveAlpha ist bei der Auswertung keine Funktion

In diesem Code habe ich eine Start- und eine Stopptaste und einen Timer. Ich möchte Informationen vom Telefon wie DeviceOrientationEvent und Eigenschaften wie absolute, Alpha, Beta und Gamma erhalten, wie in diesem Link gezeigt. Ich weiß nicht, wie ich so etwas machen soll, da ich solche Ereignisse ...

P粉930534280 2024-03-27 11:22:56 0  1  473

Ex-Administrator verwendet grafisches Drag-and-Drop, um CURD zu generieren, ohne auf JS zu achten. Sie können schnell ein Backend-System erstellen, das nur PHP-Code verwendet.

Ex-AdminEx-Admin ist ein Backend-System-Konstruktionstool, das auf der Grundlage von Ant Design von Vue entwickelt wurde. Sie müssen nicht auf das JavaScript der Seitenvorlage achten und können schnell ein voll funktionsfähiges Backend-System erstellen, das nur PHP-Code verwendet. . [Chinesisches Do...

Rocky 2022-07-21 12:27:18 0  0  794

Implementieren Sie Übergangseffekte für die Bildersetzung mit reinem Javascript

Auf einer von mir erstellten Website habe ich eine Reihe von Akkordeons, auf denen jeweils ein Bild zu sehen ist. Wenn Sie das Akkordeon öffnen, befindet sich darin eine Beschreibung und das Bild wechselt zu einem anderen. Wenn Sie dann das Akkordeon schließen, wechselt das Bild zurück zum ersten Bi...

P粉458913655 2024-03-30 00:14:11 0  1  418

Das modale Bootstrap-Feld kann nicht geschlossen werden, wenn auf die Schaltfläche „X' oder „Schließen' geklickt wird

Wenn ich klicke, um das Modal zu öffnen, wird das Modal einwandfrei angezeigt und die Schaltfläche „Schließen“ zeigt an, dass meine Maus darüber schwebt, aber wenn ich darauf klicke, passiert nichts und das Modal bleibt geöffnet. Hat jemand dieses Problem schon einmal festgestellt/gelöst? Ich sehe h...

P粉809110129 2024-03-29 23:39:12 0  1  443

Schalten Sie den aktiven Status der Schaltfläche in der V-for-Schleife in Vue 3 um

Ich erstelle in Vue3 einen Filter-Header, in dem Sie eine Kategorie zum Anzeigen auswählen können, sodass Sie auf einen Schalter klicken können, um den Filter umzuschalten. Wenn Sie auf eine andere Kategorie klicken, wird die Auswahl der vorherigen aktiven Kategorie nur dann aufgehoben, wenn es eine...

P粉046878197 2023-08-27 09:44:54 0  1  468

Der Scroll-Ereignis-Listener wurde zum Element hinzugefügt, bewegt sich jedoch nur dann korrekt, wenn scrollTop nicht gleich 0 ist

Also habe ich dieses kleine Skript geschrieben, in dem ich zwei Listen habe – abgeschlossene/aktive Aufgaben. Sie können die Aufgabenliste wechseln, indem Sie auf die Schaltfläche klicken, und Sie können mehr über die Aufgabe lesen, indem Sie auf „Weitere Informationen“ klicken. Wenn auf weitere Inf...

P粉427877676 2024-04-01 11:03:26 0  1  572