IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Faire un & logique entre deux sélecteurs dans un querySelectorAll


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Homme Profil pro
    Ingénieur en électrotechnique retraité
    Inscrit en
    Décembre 2008
    Messages
    1 579
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 72
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Ingénieur en électrotechnique retraité

    Informations forums :
    Inscription : Décembre 2008
    Messages : 1 579
    Points : 804
    Points
    804
    Par défaut Faire un & logique entre deux sélecteurs dans un querySelectorAll
    Bonjour,
    Je voudrais sélectionner toutes les balises input qui n'aient pas l'attribut readonly ni l'attribut type="submit".
    J'ai essayé ces deux variantes qui ne fonctionnent pas:
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    	others = document.querySelectorAll('input:not([readonly])' && 'input:not([type="submit"])');
    	others = document.querySelectorAll('input:not([readonly], input:not([type="submit"])');
    La première inclut le readonly, la seconde provoque une erreur de syntaxe.

  2. #2
    Membre émérite
    Avatar de gene69
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    1 769
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Janvier 2006
    Messages : 1 769
    Points : 2 446
    Points
    2 446
    Par défaut
    salut

    j'ai pas de réponse mais le plus simple pour moi et de faire en deux temps.
    d'abord marquer avec une classe ceux que tu ne veux pas en les selectionnant

    puis prendre ceux qui n'ont pas la classe ...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    document.querySelectorAll('input[type="readonly"][type="submit"]').classList ='noway';
    document.querySelectorAll('input:not([class="noway"])');
    quelqu'un de plus doué aura sans doute une meilleure solution.
    PHP fait nativement la validation d'adresse électronique .
    Celui qui a inventé mysql_connect(...) or die() est déjà mort plusieurs fois.

    Utilisez le bouton résolu!

  3. #3
    Membre émérite
    Avatar de gene69
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    1 769
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Janvier 2006
    Messages : 1 769
    Points : 2 446
    Points
    2 446
    Par défaut
    est ce que ceci fonctionne? mon firefox accepte la syntaxe!

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.querySelectorAll('input:not([type="submit"]):not([type="readonly"])')
    PHP fait nativement la validation d'adresse électronique .
    Celui qui a inventé mysql_connect(...) or die() est déjà mort plusieurs fois.

    Utilisez le bouton résolu!

  4. #4
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Points : 22 933
    Points
    22 933
    Billets dans le blog
    125
    Par défaut
    Citation Envoyé par gene69 Voir le message
    est ce que ceci fonctionne? mon firefox accepte la syntaxe! document.querySelectorAll('input:not([type="submit"]):not([type="readonly"])')
    Fonctionne sur Chrome, Firefox et Edge.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    const elemOthers = Array.from( document.querySelectorAll( "input:not( [readonly] ):not( [type='submit'] )" ) );
     
    for (const other of elemOthers ){
    	console.log( other.value );
    }

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  5. #5
    Membre éclairé
    Homme Profil pro
    Ingénieur en électrotechnique retraité
    Inscrit en
    Décembre 2008
    Messages
    1 579
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 72
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Ingénieur en électrotechnique retraité

    Informations forums :
    Inscription : Décembre 2008
    Messages : 1 579
    Points : 804
    Points
    804
    Par défaut
    Merci pour vos suggestions. Celles-ci ne fonctionnent pas ou mal sur IE11. La solution donnée sur https://www.developpez.net/forums/d1...not-selecteur/ est
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    input:not([readonly]):not([type="submit"])
    Merci Jreaux62!

    et non pas comme indiqué ici.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    input:not([type="readonly"]):not([type="submit"])

  6. #6
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Points : 22 933
    Points
    22 933
    Billets dans le blog
    125
    Par défaut
    Citation Envoyé par moimp Voir le message
    La solution donnée sur https://www.developpez.net/forums/d1...not-selecteur/ est
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    input:not([readonly]):not([type="submit"])
    J'ai écrit la même chose : "input:not( [readonly] ):not( [type='submit'] )".

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  7. #7
    Membre éclairé
    Homme Profil pro
    Ingénieur en électrotechnique retraité
    Inscrit en
    Décembre 2008
    Messages
    1 579
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 72
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Ingénieur en électrotechnique retraité

    Informations forums :
    Inscription : Décembre 2008
    Messages : 1 579
    Points : 804
    Points
    804
    Par défaut
    C'est exact, il s'agissait du #3.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. calcul entre deux champs dans une table
    Par pomar dans le forum Access
    Réponses: 7
    Dernier message: 29/11/2006, 18h27
  2. Comparaison entre deux dates dans une table
    Par Biskot75 dans le forum Access
    Réponses: 6
    Dernier message: 19/09/2006, 11h16
  3. Faire passer des items entre deux zones de listes
    Par ludobado dans le forum Access
    Réponses: 8
    Dernier message: 04/05/2006, 18h33
  4. Choix entre deux champs dans une requete
    Par Pico10 dans le forum SQL Procédural
    Réponses: 3
    Dernier message: 27/07/2005, 15h36
  5. [Oracle / Sql] Et logique entre deux bits
    Par shaun_the_sheep dans le forum Oracle
    Réponses: 5
    Dernier message: 15/03/2005, 14h35

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo