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

HTML Discussion :

[DHTML] [Select / Input] + Lien vers site


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé Avatar de razorlok
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    211
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 211
    Par défaut [DHTML] [Select / Input] + Lien vers site
    Bonjour à tous,

    J'aimerais permettre, au click sur un bouton, d'aller vers une page correspondante à l'item selectionné dans une liste déroulante.

    Voici mon code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <select onchange="goUrl(this);" width="auto">
    	<option value="">...</option> 
    	<option value="01"><a href="http://fr.wikipedia.org/wiki/Les_seigneurs_du_chaos">Les Seigneurs du Chaos</a></option> 
    	<option value="02"><a href="http://fr.wikipedia.org/wiki/Las_vegas_parano">Las Vegas Parano</a></option> 
    </select>
     
    <INPUT type="submit" name="go" value ="Go">
    Seulement je ne sais pas comment récupérer la valeur de ma liste pour que le bouton puisse l'interpréter.

  2. #2
    Membre expérimenté
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    294
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2008
    Messages : 294
    Par défaut
    Salut,

    Il faut que tu mettes ton select dans un formulaire que tu soumet au moment du changement de ton select, dans tes option tu met <option value="tonlien">

    Ensuite tu recupere cette valeur et tu fais un header à partir du lien choisi.

  3. #3
    Membre confirmé Avatar de razorlok
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    211
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 211
    Par défaut
    Un form de ce genre ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <Form action="" method="post" name="formulaire">
     
    <select onchange="goUrl(this);" width="auto">
    	<option value="">...</option> 
    	<option value="http://fr.wikipedia.org/wiki/Les_seigneurs_du_chaos">Les Seigneurs du Chaos</option> 
    	<option value="http://fr.wikipedia.org/wiki/Las_vegas_parano">Las Vegas Parano</option> 
    </select>
     
    <Input type="submit" name="go" value ="Go">
    Je ne vois pas comment appeller la récupération du lien dans le input.

  4. #4
    Membre émérite Avatar de laurentibus
    Inscrit en
    Mars 2008
    Messages
    875
    Détails du profil
    Informations personnelles :
    Âge : 40

    Informations forums :
    Inscription : Mars 2008
    Messages : 875
    Par défaut
    pas besoin de submit car tu veux juste faire un lien,
    un submit sert a transmettre des information or la tu veux juste changer d url

    sinon tu utilise javascript

    tu aura ta liste avec un id
    tu aura ton bouton
    tu fais un onClick="maFonction()" sur ton bouton
    et tu fais ta fonction

    maFonction(){
    tu recupere la valeur de la liste avec getElementById()....
    et tu fais un window.location.href=' URL Standard' + valeur recuperer dans la liste

    voila c'est pas tres dur t inkiet

  5. #5
    Membre confirmé Avatar de razorlok
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    211
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 211
    Par défaut
    Le problème étant que je n'ai droit qu'au CSS / html

  6. #6
    Membre expérimenté
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    294
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2008
    Messages : 294
    Par défaut
    Oui c'est plus simple de le faire en javascript, du moins sa évite d'utiliser du php.

  7. #7
    Membre émérite Avatar de laurentibus
    Inscrit en
    Mars 2008
    Messages
    875
    Détails du profil
    Informations personnelles :
    Âge : 40

    Informations forums :
    Inscription : Mars 2008
    Messages : 875
    Par défaut
    heu si tu n as pas droit au JS, je ne pense pas que tu puisse modifier l url en cliquant sur un bouton car il te faudra la valeur de ta liste.........

    le moyen que je vois est donc de faire un onclick pour chaque option de ta liste
    mais disons qu on aura pas droit a l erreur en cliquant sur la liste, car une fois sélectionner un item de la liste l url sera modifier

  8. #8
    Membre confirmé Avatar de razorlok
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    211
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 211
    Par défaut
    Et en DHTML, n'y a-t-il pas moyen de faire quelque chose de correct ?

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