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

Conception Web Discussion :

Toggle Switches witch 2 switch


Sujet :

Conception Web

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    electricien
    Inscrit en
    Janvier 2013
    Messages
    200
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : electricien
    Secteur : Bâtiment

    Informations forums :
    Inscription : Janvier 2013
    Messages : 200
    Par défaut Toggle Switches witch 2 switch
    Bonjour
    Pour un projet je dois via un bouton retourner la valeur 1 ou 0

    Via la checkbox je suis embêté car lorsque celle-ci n'est pas cochée lors de l'envoi du formulaire cette méthode n'envoie pas 0

    J'ai contourné le problème en créant deux boutons radio, mais cela n'est pas idéal pour les toogle switch
    Existe-t-il une fonction simple qui retourne 0 si le toogle switch est désactivé


    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    ON<input id="DISPLAY_ON" type="radio" name="DISPLAY_"value="1"onchange="this.form.submit()"> 
    OFF<input id="DISPLAY_OFF" type="radio" name="DISPLAY_"value="0"onchange="this.form.submit()">

    Merci pour votre aide

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 212
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 212
    Par défaut
    Bonjour,
    Existe-t-il une fonction simple qui retourne 0 si le toogle switch est désactivé
    je ne sais pas trop ce que tu appelles un « toogle switch » mais le CSS peut largement t'aider à ce que cela ressemble à un bouton on/off.

  3. #3
    Membre Expert
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    721
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mai 2006
    Messages : 721
    Par défaut
    En utilisant un framework comme Bootstrap, on dispose de contrôles qui ressemblent vraiment à des toggles.
    Regardez ça par exemple: https://getbootstrap.com/docs/5.3/fo...dios/#switches

    Sans forcément aller vers ce genre de solution, on peut mettre en place un fichier CSS personnalisé.
    Mais quitte à faire quelque chose de nouveau je recommanderais néanmoins l'utilisation d'un framework et en même temps ça gère le responsive layout.

    PS: pensez à espacer correctement le code pour ne pas avoir des problèmes.

  4. #4
    Membre confirmé
    Homme Profil pro
    electricien
    Inscrit en
    Janvier 2013
    Messages
    200
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : electricien
    Secteur : Bâtiment

    Informations forums :
    Inscription : Janvier 2013
    Messages : 200
    Par défaut
    Bonjour à vous
    Merci pour votre réponse , effectivement le toggle switch est plutôt sympa , malheureusement je suis toujours confronté au même problème
    Si bouton on j ai bien
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    file:///C:/1?testtoto=on&COLOR_PICK=%23000000
    par contre si le bouton est off la commande ne retourne pas off dans le formulaire
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    file:///C:/1?COLOR_PICK=%23000000

    De plus j attend plus un retour en 0 ou 1
    existe t il des paramètres pour corriger cela ?

    Encore merci a vous

  5. #5
    Membre Expert
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    721
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mai 2006
    Messages : 721
    Par défaut
    J'ai parlé trop vite, cet exemple correspond à un checkbox alors que ce qu'il vous faut c'est plutôt un radio button.

    Dans Bootstrap, il y a effectivement des radio buttons stylisés: https://www.tutorialrepublic.com/twi...ul-buttons.php

  6. #6
    Expert confirmé Avatar de CosmoKnacki
    Homme Profil pro
    Justicier interdimensionnel
    Inscrit en
    Mars 2009
    Messages
    2 986
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Charente Maritime (Poitou Charente)

    Informations professionnelles :
    Activité : Justicier interdimensionnel

    Informations forums :
    Inscription : Mars 2009
    Messages : 2 986
    Par défaut
    Citation Envoyé par moijerem Voir le message
    Via la checkbox je suis embêté car lorsque celle-ci n'est pas cochée lors de l'envoi du formulaire cette méthode n'envoie pas 0
    J'ai envie de dire: "et alors?". Autrement dit, si aprés l'envoi de ton formulaire la clef testtoto n'est pas présente, qu'est ce qui t'empêche de lui donner une valeur 0 par défaut ? Ou même de conditionner le code qui va traiter le formulaire à l'existence ou pas de cette clef?

Discussions similaires

  1. Toggle switch avec un moteur pas à pas
    Par legrandse dans le forum Arduino
    Réponses: 2
    Dernier message: 30/01/2021, 20h24
  2. Réponses: 8
    Dernier message: 23/11/2018, 13h48
  3. "Toggle-switch" avec changement de couleur
    Par SylvainM dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 01/08/2017, 16h27
  4. Toggle switch
    Par Alecks dans le forum Simulink
    Réponses: 2
    Dernier message: 09/02/2013, 16h45
  5. Réponses: 6
    Dernier message: 26/01/2003, 13h45

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