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 :

redirection en fonction du choix


Sujet :

JavaScript

  1. #1
    Membre averti
    Inscrit en
    Novembre 2008
    Messages
    64
    Détails du profil
    Informations forums :
    Inscription : Novembre 2008
    Messages : 64
    Par défaut redirection en fonction du choix
    Bonjour,
    voilà je suis débutant et en train de créer un site.
    Je bloque à un endroit :

    En fait j'ai 3 "Select" avec un "Submit" à la fin comme ceci :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    <form> 
     
    <select name="choix1"> 
    <option>A</option> 
    <option>B</option> 
    <option>C</option> 
    </select> 
     
    <select name="choix2"> 
    <option>A</option> 
    <option>B</option> 
    <option>C</option> 
    </select> 
     
    <select name="choix3"> 
    <option>A</option> 
    <option>B</option> 
    <option>C</option> 
    </select> 
     
    <INPUT type="submit" value="Ok"> 
     
    </form>

    Et voudrais que selon le choix qu'on a fait dans chacun des 3 "select", on arrive sur le lien approprier quand on clique sur le bouton.

    Exemple :
    • Dans le "choix1", je choisit A
    • Dans le "choix2", je choisit B
    • Dans le "choix3", je choisit A

    -> quand j’appuie sur le bouton "Submit", j'arrive sur le la page "A-B-A.html"

    De plus j'aurais aimer pouvoir rendre certaine "Option" en mode "Désactiver" selon le choix précédent.

    Exemple :
    • Dans le "choix1", je choisit A

    -> Dans le "choix2" B a été désactivé (il est invisible).

    Donc si quelqu'un serait comment procéder et pourrait me l'expliquer
    Merci.

  2. #2
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Bonjour,

    Une balise option doit avoir d'attribut value.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    var formulaire = document.form[0];
    var sel1 = formulaire.choix1.options[formulaire.choix1.selectedIndex].value;
    var sel2 = formulaire.choix2.options[formulaire.choix2.selectedIndex].value;
    var sel3 = formulaire.choix3.options[formulaire.choix3.selectedIndex].value;
    formulaire.action=sel1+"-"+sel2+"-"+sel3+".html"
    Pourquoi faire un submit vers une page html?

    Dans le "choix2" B a été désactivé
    tu peux le faire comme ça:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    formulaire.choix2.options[2].disabled=true;
    Mais je ne pense pas que c'est cross-browser.

    A+.

  3. #3
    Membre averti
    Inscrit en
    Novembre 2008
    Messages
    64
    Détails du profil
    Informations forums :
    Inscription : Novembre 2008
    Messages : 64
    Par défaut
    Merci pour ta réponse.
    donc là j'ai ajouté le code javascript que tu me propose par contre je ne sais pas trop quoi mettre comme attribue à mes balises "option".
    Et ce que je doit le faire en fonction du code js ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    Pourquoi faire un submit vers une page html?
    En fait je sais pas du tout, je doit pas faire comme ça ?

    Dsl j'y connais pas grand chose en js, j'ai essayé de décrypter mais j'ai un peu de mal.

  4. #4
    Membre chevronné
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    207
    Détails du profil
    Informations personnelles :
    Localisation : France, Indre et Loire (Centre)

    Informations forums :
    Inscription : Novembre 2010
    Messages : 207
    Par défaut
    Pas besoin de JS supplémentaire à ce que te propose andry.aime

    Mais du HTML simple, attribut value à option :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <select name="choix1"> 
    <option value="A">A</option> 
    <option value="B">B</option> 
    <option value="C">C</option> 
    </select>

  5. #5
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Bonjour,

    Si tu veux simplement rediriger la page, tu peux utiliser un simple bouton.

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="button" value="OK" onclick="rediriger()"/>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    function rediriger(){
    var formulaire = document.form[0];
    var sel1 = formulaire.choix1.options[formulaire.choix1.selectedIndex].value;
    var sel2 = formulaire.choix2.options[formulaire.choix2.selectedIndex].value;
    var sel3 = formulaire.choix3.options[formulaire.choix3.selectedIndex].value;
    window.location.href=sel1+"-"+sel2+"-"+sel3+".html";
    }
    Je te conseilles de lire un tutoriel sur html et javascript.

    A+.

  6. #6
    Membre averti
    Inscrit en
    Novembre 2008
    Messages
    64
    Détails du profil
    Informations forums :
    Inscription : Novembre 2008
    Messages : 64
    Par défaut
    Merci pour t'as réponse.
    du coup il ne me manque qu'une chose, comment faire pour que lorsque je clique sur mon bouton, le liens apparaisse ?
    car pour l'instant mon bouton c'est juste ça :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <INPUT type="submit" value="Ok">
    submit c'est pas bien, il vaut mieux faire quoi ?

  7. #7
    Membre chevronné
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    207
    Détails du profil
    Informations personnelles :
    Localisation : France, Indre et Loire (Centre)

    Informations forums :
    Inscription : Novembre 2010
    Messages : 207
    Par défaut
    andry.aime t'as donné la réponse.

    Code html :
    <input type="button" value="OK" onclick="rediriger()"/>
    Code :
    function rediriger(){
    var formulaire = document.form[0];
    var sel1 = formulaire.choix1.options[formulaire.choix1.selectedIndex].value;
    var sel2 = formulaire.choix2.options[formulaire.choix2.selectedIndex].value;
    var sel3 = formulaire.choix3.options[formulaire.choix3.selectedIndex].value;
    window.location.href=sel1+"-"+sel2+"-"+sel3+".html";
    }

  8. #8
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    andry.aime a peur qu'on va tourner en rond .

    du coup il ne me manque qu'une chose, comment faire pour que lorsque je clique sur mon bouton, le liens apparaisse ?
    Tu n'as rien parlé de ça dans tes postes, sinon tu peux voir comment créer un élément en javascript sur la FAQ.

    A+.

  9. #9
    Membre averti
    Inscrit en
    Novembre 2008
    Messages
    64
    Détails du profil
    Informations forums :
    Inscription : Novembre 2008
    Messages : 64
    Par défaut
    Ok, merci à tout les 2.

    Donc voilà ce que j'ai :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    <head>
     
    <script language="javascript" type="text/javascript">
    function rediriger(){
    var formulaire = document.form[0];
    var sel1 = formulaire.choix1.options[formulaire.choix1.selectedIndex].value;
    var sel2 = formulaire.choix2.options[formulaire.choix2.selectedIndex].value;
    var sel3 = formulaire.choix3.options[formulaire.choix3.selectedIndex].value;
    window.location.href=sel1+"-"+sel2+"-"+sel3+".html";
    }
    </script>
     
    </head>
     
     
    <body>
     
    <form> 
     
    <select name="choix1"> 
    <option value="a">A</option> 
    <option value="b">B</option> 
    <option value="c">C</option> 
    </select> 
     
    <select name="choix2"> 
    <option value="a">A</option> 
    <option value="b">B</option> 
    <option value="c">C</option> 
    </select> 
     
    <select name="choix3"> 
    <option value="a">A</option> 
    <option value="b">B</option> 
    <option value="c">C</option> 
    </select> 
     
    <INPUT type="submit" value="Ok" onclick="rediriger()"> 
     
    </form>
     
    </body>
    mais quand je clique sur le bouton OK, rien ne se passe.

  10. #10
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Re,
    forms
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var formulaire = document.forms[0];
    A+.

  11. #11
    Expert éminent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par défaut
    Bonjour,


    Citation Envoyé par andry.aime Voir le message
    Si tu veux simplement rediriger la page, tu peux utiliser un simple bouton.

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="button" value="OK" onclick="rediriger()"/>

    Distinguez bien les input de type button et les input de type submit.

  12. #12
    Membre averti
    Inscrit en
    Novembre 2008
    Messages
    64
    Détails du profil
    Informations forums :
    Inscription : Novembre 2008
    Messages : 64
    Par défaut
    Merci beaucoup, ça fonctionne ^^
    j'attend un peu avant de fermer ce sujet car j'ai pas encore test pour ceci :

    Citation:
    Dans le "choix2" B a été désactivé
    tu peux le faire comme ça:
    Code :
    formulaire.choix2.options[2].disabled=true;
    Mais je ne pense pas que c'est cross-browser.

Discussions similaires

  1. Redirection en fonction de l'extension de l'URL
    Par Mr Hyde dans le forum Web
    Réponses: 6
    Dernier message: 21/09/2005, 17h39
  2. Redirection en fonction de l'extension de l'URL
    Par Mr Hyde dans le forum Autres langages pour le Web
    Réponses: 3
    Dernier message: 20/09/2005, 14h01
  3. Variable qui évolue en fonction des choix dans formulaire
    Par stefou007 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 06/09/2005, 22h40
  4. Redirection en fonction d'un formulaire
    Par kmayoyota dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 11/03/2005, 11h14
  5. Redirection en fonction d'un critere Access
    Par alfigor dans le forum ASP
    Réponses: 4
    Dernier message: 23/04/2004, 09h34

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