CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[Code] Input + select

Joe_Skulte
Joe_Skulte
Niveau 22
10 février 2021 à 17:02:12

Bonjour tout le monde,

Est-ce qu'il serait possible en cliquant sur un input de faire apparaître un select, le tout en html / css ?
Je joins une photo qui sera plus explicite.

https://image.noelshack.com/fichiers/2021/06/3/1612972908-screenshot-2.jpg

Seelker
Seelker
Niveau 5
10 février 2021 à 17:05:06

Hello,

Si tu choisies "Oui", alors un nouveau champs apparait ?
Ou le Select "Oui/Non" apparait sur une autre interaction avec un input qu'on ne voit pas dans l'image ?

Sinon, surtout en javascript j'aurais dit.

Joe_Skulte
Joe_Skulte
Niveau 22
10 février 2021 à 17:07:08

Le 10 février 2021 à 17:05:06 seelker a écrit :
Hello,

Si tu choisies "Oui", alors un nouveau champs apparait ?
Ou le Select "Oui/Non" apparait sur une autre interaction avec un input qu'on ne voit pas dans l'image ?

Sinon, surtout en javascript j'aurais dit.

En gros j'aimerais que quand je clic sur l'input "Etes vous un professionnel ?", ça affiche le select oui/non.
Avec un target c'est pas possible ? J'ai fait deux trois recherches sur le net mais j'avoue ne pas avoir trouver mon bonheur.

Message édité le 10 février 2021 à 17:07:41 par Joe_Skulte
El_Camino
El_Camino
Niveau 10
10 février 2021 à 17:20:29

en js ce serait assez simple à faire comme l'a dit seelker

par contre niveau UI/UX c'est pas ouf je trouve :hap:

Joe_Skulte
Joe_Skulte
Niveau 22
10 février 2021 à 17:22:54

Le 10 février 2021 à 17:20:29 El_Camino a écrit :
en js ce serait assez simple à faire comme l'a dit seelker

par contre niveau UI/UX c'est pas ouf je trouve :hap:

J'suis pas un expert du JS, j'apprends encore les bases à l'heure actuelle.
Je pourrais faire ça comment avec du JS ?

En tout cas, merci de vos réponses.

Seelker
Seelker
Niveau 5
10 février 2021 à 17:23:49

Personnellement oui, je m'attendais à un bouton différent que le libellé : "Etes vous un professionnel ?"
Plutôt attirer la personne avec un texte du genre "Je suis un professionnel", ce qui attirera plus simplement le clic du visiteur.
Le premier texte va surtout faire poser la question du genre "ben oui, mais que veux tu que j'en fasse ?"
L'utilisateur derrière son écran ne devine pas qu'il faut cliquer systématiquement à mon sens.

Joe_Skulte
Joe_Skulte
Niveau 22
10 février 2021 à 17:25:22

Ce sera peut-être plus parlant comme ça https://image.noelshack.com/fichiers/2021/06/3/1612974317-screenshot-3.jpg

Seelker
Seelker
Niveau 5
10 février 2021 à 17:29:58

hmm, je ne sais pas du coup. On est clairement dans un formulaire donc... c'est les goûts et les couleurs à ce niveau là.
J'aurais mis un Select directement avec "Je suis un professionnel" / "Je suis un particulier" à la place pour fluidifier.

Message édité le 10 février 2021 à 17:30:18 par Seelker
El_Camino
El_Camino
Niveau 10
10 février 2021 à 17:30:15

en gros je ferait ça comme ça :

- un event listener sur le bouton
- quand le bouton est cliqué on fait apparaitre le select

Je t'ai fait un exemple : https://jsfiddle.net/f38mrd94/

(D'ailleurs si quelqu'un peut check si c'est correctement écrit)

El_Camino
El_Camino
Niveau 10
10 février 2021 à 17:31:51

Le 10 février 2021 à 17:29:58 seelker a écrit :
hmm, je ne sais pas du coup. On est clairement dans un formulaire donc... c'est les goûts et les couleurs à ce niveau là.
J'aurais mis un Select directement avec "Je suis un professionnel" / "Je suis un particulier" à la place pour fluidifier.

Oui voilà exactement, ou alors un/des radio button

EDIT : comme par exemple
https://www.lacentrale.fr
https://www.annoncesbateau.com

Message édité le 10 février 2021 à 17:33:39 par El_Camino
Joe_Skulte
Joe_Skulte
Niveau 22
10 février 2021 à 17:35:23

Le 10 février 2021 à 17:31:51 El_Camino a écrit :

Le 10 février 2021 à 17:29:58 seelker a écrit :
hmm, je ne sais pas du coup. On est clairement dans un formulaire donc... c'est les goûts et les couleurs à ce niveau là.
J'aurais mis un Select directement avec "Je suis un professionnel" / "Je suis un particulier" à la place pour fluidifier.

Oui voilà exactement, ou alors un/des radio button

EDIT : comme par exemple
https://www.lacentrale.fr
https://www.annoncesbateau.com

Avec le JS et l'exemple que tu m'as fourni, c'pas mal en fait, au pire je vais partir là-dessus.

Joe_Skulte
Joe_Skulte
Niveau 22
10 février 2021 à 18:05:45

Le 10 février 2021 à 17:31:51 El_Camino a écrit :

Le 10 février 2021 à 17:29:58 seelker a écrit :
hmm, je ne sais pas du coup. On est clairement dans un formulaire donc... c'est les goûts et les couleurs à ce niveau là.
J'aurais mis un Select directement avec "Je suis un professionnel" / "Je suis un particulier" à la place pour fluidifier.

Oui voilà exactement, ou alors un/des radio button

EDIT : comme par exemple
https://www.lacentrale.fr
https://www.annoncesbateau.com

Sinon avec ton deuxième lien c'est sympa aussi.
C'est du JS aussi ou je peux me contenter de HTML CSS simple ?

El_Camino
El_Camino
Niveau 10
10 février 2021 à 20:38:18

je pense qu'il y a du js pour changer le type de bateau.

Aucune idée si c'est possible avec seulement du HTML/CSS

Sous forums
  • Aide à l'achat Mac
  • Steam Deck
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Macintosh
  • Hardware
La vidéo du moment