Comment changer la couleur de fond d'un bouton au clic/HTML

J'ai créé un bouton similaire à "Lire la suite" et lorsque j'appuie dessus, un texte se développe vers le bas. Lorsque le texte se développe, l'arrière-plan du bouton change et lorsque j'appuie à nouveau sur le bouton pour fermer le texte (par exemple "Lire moins"), l'arrière-pla...

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

Les boutons flottants de la boîte de dialogue continuent de se chevaucher

Bonjour, je suis en train de créer une application Mauiblazor et j'ai une boîte de dialogue pleine page avec un bouton flottant. Lorsque la boîte de dialogue est fermée et renvoyée à la page d'origine, sur la page d'origine il y a un espace mort où se trouve le bouton de boîte de dialogue (sur la bo...

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

Bouton de téléchargement d'image à partir d'un serveur tiers

Dans n'importe quel navigateur, si vous voyez une image, vous pouvez cliquer dessus avec le bouton droit et cliquer sur « Enregistrer sous » pour la télécharger. J'essaie de créer un bouton qui télécharge une image. Le bouton de téléchargement doit télécharger l'image ci-dessus, le code-barres. J'ut...

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

Comment empêcher un modal de se fermer lorsqu'on clique dessus en dehors du modal dans Angular ?

J'ai lu plusieurs questions-réponses sur ce problème et toutes les suggestions sont pour une solution très simple : ajoutez data-backdrop="static" data-keyboard="false dans la balise HTML du bouton responsable de l'ouverture du modal "Pour moi, ce bouton est :<buttontype="...

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

Bouton avec texte et icône centrés

Je développe un composant bouton avec une icône et du texte. L'icône est placée à gauche du bouton et le texte est aligné au milieu du bouton. Si le texte ne peut pas tenir dans le bouton, il ne doit pas être renvoyé à la ligne mais peut être tronqué. La condition clé pour tronquer du texte est que ...

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

Comment puis-je faire en sorte qu'un élément réinitialise la valeur de sa propriété lorsqu'on clique sur lui-même et lorsque l'on clique sur d'autres boutons ?

J'ai du JavaScript simple qui écoute les clics, et lorsque vous cliquez dessus, quatre choses se produisent : une classe "form-opened" est ajoutée au bouton et l'attribut "aria-expanded" est défini sur "true" pour afficher le div précédemment masqué. . Le texte "ap...

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

Comment puis-je configurer un bouton pour allumer et éteindre tous les accordéons ?

J'ai un composant qui crée un accordéon pliable en utilisant le code suivant : 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  676

Comment utiliser React Hook Form 7 avec le commutateur MUI

Lors de l'utilisation de React-hook-form avec un commutateur MUI, le commutateur n'affiche pas la valeur initiale lors du chargement de la page, même si la valeur est définie sur true. Cependant, cela semble être un problème d'affichage, car la soumission du formulaire sans toucher le bouton renvoie...

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

mysql - Comment une base de données PostgreSQL définit-elle le classement par défaut des champs d'une table?

Je crée maintenant une nouvelle table avec un champ de date. Lorsque toutes les lignes de données sont affichées, les règles de tri peuvent être modifiées via les paramètres du bouton de filtre de tri, mais lorsque je ferme la fenêtre et la rouvre, l'affichage est à nouveau perturbé. Comment le réso...

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

Récupérer les données d'une autre table correspondant au nom Laravel

Avant de commencer, quelques traductions car mon code n'est pas en anglais : supplier = supplier job = job J'ai donc deux tables, table fournisseur et feuille de calcul. Chaque fournisseur peut posséder plusieurs œuvres, et chaque œuvre ne peut appartenir qu’à un seul fournisseur. Il devrait s'agir ...

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

Impossible de définir la désactivation de l'attribut sur le bouton

Dans le code ci-dessous, je développe un composant enfant dans lequel j'ai créé un bouton et je souhaite ajouter l'attribut de désactivation. Compte tenu du code ci-dessous, la propriété Disable est soulignée en rouge et le message d'erreur indique : Le type '"isDigitizePolygonDisabled"' n...

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

Comment valider la valeur du curseur lorsque la souris part, au lieu de valider toutes les valeurs avant le départ de la souris ?

J'ai une zone de saisie et un curseur, la plage du curseur est de 1 à 100. Comme je dispose de commutateurs à bascule et de menus déroulants, j'utilise l'événement onChange pour gérer les modifications apportées à chaque champ au lieu d'utiliser un bouton de soumission, y compris le curseur. Mais j'...

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

javascript - Une sous-fenêtre apparaît et se ferme après l'opération. La fenêtre principale recevra une réponse correspondante, comme certaines interfaces de connexion du site Web, la gestion de l'arrière-plan de Django, etc. Comment cela est-il réalisé ?

J'apprends le développement web et je souhaite implémenter des fonctions similaires. Voici un exemple d'administrateur Django : Par exemple, si je souhaite ajouter ou modifier le projet auquel j'appartiens, je clique directement sur le bouton dans le cercle rouge, puis sur un petit Une fenêtre appar...

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

Créez des panneaux de signalisation évolutifs en utilisant HTML, CSS et SVG

Je souhaite réaliser un bouton en forme de panneau (un rectangle avec une pointe). _______|\|_______/Je souhaite écrire dynamiquement du texte dans un logo, chaque texte ayant une longueur différente. Si j'essaie cela en utilisant uniquement le graphique comme graphique d'arrière-plan, les flèches s...

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

Uncaught TypeError : this.saveAlpha n'est pas une fonction lors de l'évaluation

Dans ce code, j'ai un bouton de démarrage et d'arrêt et une minuterie. Je souhaite obtenir des informations du téléphone telles que DeviceOrientationEvent et des propriétés telles que absolue, alpha, bêta et gamma, comme indiqué dans ce lien. Je ne sais pas comment faire quelque chose comme ça car j...

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

Ex-Admin utilise le glisser-déposer graphique pour générer CURD sans prêter attention à JS. Vous pouvez rapidement créer un système backend en utilisant uniquement du code PHP.

Ex-AdminEx-Admin est un outil de construction de système backend développé sur la base de Ant Design of Vue. Il n'est pas nécessaire de prêter attention au modèle de page JavaScript et vous pouvez rapidement créer un système backend entièrement fonctionnel en utilisant uniquement du code PHP. . [Doc...

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

Implémenter des effets de transition pour le remplacement d'images en utilisant du Javascript pur

Sur un site Web que j'ai créé, j'ai un certain nombre d'accordéons, chacun avec une image dessus. Lorsque vous ouvrez l'accordéon, il y a une description à l'intérieur et l'image se transforme en une autre. Puis lorsque vous fermez l'accordéon, l'image revient à la première image. Le problème est qu...

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

La boîte modale Bootstrap ne peut pas être fermée en cliquant sur le bouton "x" ou "fermer"

Lorsque vous cliquez pour ouvrir le modal, le modal s'affiche correctement et le bouton de fermeture montre que ma souris les survole, mais lorsque vous cliquez dessus, rien ne se passe et le modal reste ouvert. Quelqu'un a-t-il déjà rencontré/résolu ce problème ? Tout ce que je vois ici, c'est ajou...

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

Basculer l'état actif du bouton dans la boucle v-for dans Vue 3

Je crée un en-tête de filtre dans Vue3 où vous pouvez sélectionner une catégorie à afficher, vous pouvez donc cliquer sur un commutateur pour basculer le filtre, et si vous cliquez sur une autre catégorie, la catégorie active précédente sera désélectionnée, une seule fois. Il y en a une ou aucune ca...

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

Écouteur d'événements de défilement ajouté à l'élément mais ne se déplace correctement que si scrollTop n'est pas égal à 0

J'ai donc écrit ce petit script dans lequel j'ai deux listes - Tâches terminées/actives, vous pouvez changer de liste de tâches en cliquant sur le bouton, et vous pouvez en savoir plus sur la tâche en cliquant sur "Plus d'informations". Lorsque l'on clique sur plus d'informations, un nouve...

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