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 :

Bouton lien vers liste déroulante


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Homme Profil pro
    Inscrit en
    Janvier 2014
    Messages
    15
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Janvier 2014
    Messages : 15
    Points : 19
    Points
    19
    Par défaut Bouton lien vers liste déroulante
    Bonjour,

    Je dois, sur ma première page, créé un bouton qui va permettre d'arriver directement sur ma deuxième page contenant une liste deroulante dynamique.

    Ma première page avec le bouton : (je vous épargne ce qu'il y a avant, je ne laisse que le bouton)
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
       for ($t=1;$t<=24;$t++)
       {
          echo "<div id='cadreVlan'>";
          echo $tabAffiche[$t];
          if(strpos($tabAffiche[$t],"Fast")!== false) {
          echo "<input type='submit' name='btn1Int' id='btn1Int' value='Modifier'>";  }
          echo "</div>";
       }

    Ma deuxième page est un peu plus complexe. en effet, j'ai deux formulaires sur la page qui s'éxécute chacun après clique sur son bouton.

    Code php : 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
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    <form method="post">
    <input type="submit" value="Modifier une seule interface" name="btn1Int">
    </form>
    <form method="post">
    <input type="submit" value="Modifier plusieurs interfaces" name="btnInts">
    </form>
     
     
    <?php 
    //Si modification d'une interface, exécution du formulaire ci-dessous
    if(isset($_POST["btn1Int"])){
    ?>
    <body onload="return cacheTxt();">
    <form method="post" action="confVlan.php" id="formUnVlan" onsubmit='return confirmFormUnVlan();'>
      <label for="lstInterface">Choix de l'interface : 
      <select name="nomInterface" id="nomInterface" size="1" onchange='return afficheTxt();'>  
        <?php 
        for($i=1;$i<=24;$i++)
        {
         $selected='';
        if($i==1)
        {
          $selected = "selected='selected'";
        }
           echo "<option value=".$i." $selected>interface fastEthernet 0/".$i;
           echo "</option>";
        }
     
        ?>
      </select>
      </label>
      <br />
      <br />
      <?php 
        for($i=1;$i<=24;$i++)
        {  ?>
      <div id='txtDesc<?php echo $i; ?>'>
      <label for='txtDesc<?php echo $i; ?>'>Description :
      <input type='text' name='txtDesc<?php echo $i; ?>' id='txtDesc<?php echo $i; ?>' value="<?php echo $_SESSION["description$i"]; ?>"> 
      </label>
      </div>
      <div id='txtVlanData<?php echo $i; ?>'>
      <label for='txtVlanData<?php echo $i; ?>'>Nouveau Vlan Data :
      <input type='text' name='txtVlanData<?php echo $i; ?>' id='txtVlanData<?php echo $i; ?>' value="<?php echo $_SESSION["vlanData$i"]; ?>"> 
      </label>
      </div>
      <div id='txtVlanVoice<?php echo $i; ?>'>
      <label for='txtVlanVoice<?php echo $i; ?>'>Nouveau Vlan Voice :
      <input type='text' name='txtVlanVoice<?php echo $i; ?>' id='txtVlanVoice<?php echo $i; ?>' value="<?php echo $_SESSION["vlanVoice$i"]; ?>"> 
      </label>
      </div>
    <?php } ?>
      <input type="submit" name="btnValid" value="OK">
    </form>
    </body>
     <?php 
     }
     ?>


    Ca que je veux donc faire est donc, après clique sur modifier, pouvoir arriver sur la liste déroulante.
    Exemple : Je suis sur le bouton modifier de la div 5, je dois arriver sur la liste déroulante.

    Je suis encore novice, et j'aimerais avoir quelques pistes, si possible.. J'ai pensé à javascript justement, d'où mon poste ici.

    Merci d'avance.

  2. #2
    Expert éminent
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 094
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 094
    Points : 6 755
    Points
    6 755
    Par défaut
    Question bête :
    Code PHP : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    for ($t=1;$t<=24;$t++)
    {
       ...
       echo $tabAffiche[$t];
       ...
    }
    Qu'y a-t-il dans $tabAffiche[0] ?

    Citation Envoyé par synergie35
    Exemple : Je suis sur le bouton modifier de la div 5, je dois arriver sur la liste déroulante.
    Le problème là c'est que tu n'as posté que le code PHP, je ne vois pas le code HTML généré. Donc je ne vois pas exactement à quoi ressemble le code du bouton modifier de la div 5. Peux-tu poster le code généré ?

    Edit: j'en profite pour te parler de la lisibilité de ton code PHP. Ce n'est pas parce qu'on mélange les passages PHP/HTML dans le code qu'on doit laisser tomber tout espoir d'indentation correcte. PHP offre de nombreux moyens pour y arriver, dont la syntaxe alternative des structures de contrôle et les echo multilignes.
    La preuve :

    Code PHP : 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
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    <form method="post">
       <input type="submit"
              name="btn1Int"
              value="Modifier une seule interface">
    </form>
     
    <form method="post">
       <input type="submit"
              name="btnInts"
              value="Modifier plusieurs interfaces">
    </form>
     
    <?php if (isset($_POST['btn1Int'])): ?>
       <body onload="return cacheTxt();">
       <!-- un <body> après deux <form> ?? -->
     
          <form method="post"
                action="confVlan.php"
                id="formUnVlan"
                onsubmit='return confirmFormUnVlan();'>
             <label for="lstInterface">
                Choix de l'interface :
                <select name="nomInterface"
                        id="nomInterface"
                        size="1"
                        onchange='return afficheTxt();'>
                   <?php for ($i = 1; $i <= 24; $i++) {
                      $selected = (1 == $i) ? 'selected="selected"' : '';
                      echo
                         "<option value='$i' $selected>
                            interface fastEthernet 0/$i
                         </option>";
                   } ?>
                </select>
             </label>
     
             <br /><br />
             <!-- des <br> pour la mise en page : pâs bien !
                Utilise plutôt CSS : mets des marges ou des paddings.
             -->
     
             <?php for ($i = 1; $i <= 24; $i++):
                echo
                   "<div id='txtDesc$i'>
                      <label for='txtDesc$i'>
                         Description :
                         <input type='text'
                                name='txtDesc$i'
                                id='txtDesc$i'
                                value='{$_SESSION["description$i"]}'>
                      </label>
                   </div>
                   <div id='txtVlanData$i'>
                      <label for='txtVlanData$i'>
                         Nouveau Vlan Data :
                         <input type='text'
                                name='txtVlanData$i'
                                id='txtVlanData$i'
                                value='{$_SESSION["vlanData$i"]}'>
                      </label>
                   </div>
                   <div id='txtVlanVoice$i'>
                      <label for='txtVlanVoice$i'>
                         Nouveau Vlan Voice :
                         <input type='text'
                                name='txtVlanVoice$i'
                                id='txtVlanVoice$i'
                                value='{$_SESSION["vlanVoice$i"]}'>
                      </label>
                   </div>";
             endfor; ?>
     
             <input type="submit" name="btnValid" value="OK">
          </form>
       </body>
     <?php endif; ?>

    Au fait, tu connais la différence entre les guillemets simples et les guillemets doubles ?

Discussions similaires

  1. [XL-2007] Lien hypertexte vers liste déroulante
    Par nissoufad dans le forum Macros et VBA Excel
    Réponses: 1
    Dernier message: 15/12/2013, 04h04
  2. [HTML] boutons liens vers d'autres frames
    Par lumat dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 15/03/2008, 23h58
  3. Calcul bouton radio et liste déroulante
    Par fmoitie dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 28/09/2007, 10h34
  4. Problème avec un bouton lié à une liste déroulant
    Par valouche dans le forum Macros et VBA Excel
    Réponses: 4
    Dernier message: 01/06/2007, 14h55
  5. Réponses: 5
    Dernier message: 12/12/2006, 19h29

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