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 :

Afficher/masquer un div


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de legrandse
    Homme Profil pro
    Responsable de service informatique
    Inscrit en
    Décembre 2010
    Messages
    354
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Responsable de service informatique

    Informations forums :
    Inscription : Décembre 2010
    Messages : 354
    Par défaut Afficher/masquer un div
    Bonjour à tous,

    J'ai donc trouvé une fonction qui me permet d'afficher/masquer un Div en cliquant sur le + ou - .

    Cependant, je l'implémente dans mon code mais le résultat des requêtes n'est pas du tout celui attendu.

    En pratique, j'ai une liste de biker avec nom, prénom.
    Quand je clique sur le + il doit m'afficher le nom des rando auxquelles il a participés.

    Voici mon résultat: J'ai 50 biker et quand je clique sur le premier il m'affiche une seule rando alors qu'il doit y en avoir 2 pour celui-ci.

    Quand je clique sur le 2ème et ainsi de suite, il se limite à afficher le résultat uniquement dans la première ligne et ce n'est pas la bonne rando qui est affichée.

    Pourriez-vous m'aider à solutionner ce problème svp ?

    Merci.

    Voici mon code:


    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
    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
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <link rel="SHORTCUT ICON" href="http://www.gghf.be/images/favico.gif">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
     
    <script type="text/javascript">
    function toggle_div(bouton, id) { // On déclare la fonction toggle_div qui prend en param le bouton et un id
      var div = document.getElementById(id); // On récupère le div ciblé grâce à l'id
      if(div.style.display=="none") { // Si le div est masqué...
        div.style.display = "block"; // ... on l'affiche...
        bouton.innerHTML = "-"; // ... et on change le contenu du bouton.
      } else { // S'il est visible...
        div.style.display = "none"; // ... on le masque...
        bouton.innerHTML = "+"; // ... et on change le contenu du bouton.
      }
    }
    </script> 
     
    </head>
     
     
    <body>
     
    <form method="post" action="eid.php">
    <input type="submit" value="Retour" style="background-color: #0CF" />
    </form>
    <p></p>
     
    <font face="arial">R&eacute;sultat de la recherche:<font>
    <p></p>
     
    <table style="width:50%" border="2" cellspacing="0" cellpadding="0">
    <tr>
    <td width="80px">
    </td>
    <td width="80px">
    Nom
    </td>
    <td width="80px">
    Pr&eacute;nom
    </td>
    <td width="200px">
    Localit&eacute;
    </td>
    <td width="80px">
    Nbr rando
    </td>
    </tr>
     
     
    <?php
    // on se connecte Ã* MySQL
    $db = mysql_connect('localhost', 'blabla', 'blabla');
     
     
    // on sélectionne la base
    mysql_select_db('test',$db);
     
    // on crée la requête SQL
    $sql = "select rando, id, nom, prenom, postal, sid, count(id) from (select rando, id, nom, prenom, postal, sid from gghf_rando union select rando, id, nom, prenom, postal, sid from gghf_rando2) t group by id ";
     
     
    // on envoie la requête
    $req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
     
     
    while($data = mysql_fetch_assoc($req))
        { ?>
     
     
     
    <tr>
    	<td width="30px">
    	<button type="button" onclick="toggle_div(this,'detail');">+</button>
    	<div id="detail" style="display:none;">
    	<?php echo $data['rando']; ?>
    	</div>
    	</td>
     
        <td width="80px">
    	<?php echo $data['nom']; ?>
    	</td>
     
    	<td width="80px">
        <?php echo $data['prenom']; ?>
        </td>
     
    	<td width="200px"> 
        <?php echo $data['postal']; ?>
        </td>
     
      	<td width="80px">
        <?php echo $data['count(id)']; ?>
    	</td>
     
    </tr>
     
    <?php } 
    // on ferme la connexion Ã* mysql
    mysql_close();
    ?>
     
    </table>
    <p></p>
    <form method="post" action="eid.php">
    <input type="submit" value="Retour" style="background-color: #0CF" />
    </form>
    <p></p>
    </body>
    </html>

  2. #2
    Membre éclairé Avatar de legrandse
    Homme Profil pro
    Responsable de service informatique
    Inscrit en
    Décembre 2010
    Messages
    354
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Responsable de service informatique

    Informations forums :
    Inscription : Décembre 2010
    Messages : 354
    Par défaut
    Je viens de trouver la solution pour faire apparaitre les données concernant chaque biker et non plus dans la première ligne.

    Par contre dès qu'il y a plus d'une rando il m'en affiche toujours qu'une seule.

    Que faire ?

    Par contre je ne sais pas si je suis dans la bonne section du forum...

    Voici mon code corrigé:
    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
    while($data = mysql_fetch_assoc($req))
        { ?>
     
     
     
    <tr>
    	<td width="30px">
    	<button type="button" onclick="toggle_div(this,'<?php echo $data["id"]; ?>');">+</button>
    	<div id="<?php echo $data['id']; ?>" style="display:none;">
    	<?php echo $data['rando']; ?>
    	</div>
    	</td>
     
        <td width="80px">
    	<?php echo $data['nom']; ?>
    	</td>
     
    	<td width="80px">
        <?php echo $data['prenom']; ?>
        </td>
     
    	<td width="200px"> 
        <?php echo $data['postal']; ?>
        </td>
     
      	<td width="80px">
        <?php echo $data['count(id)']; ?>
    	</td>
     
    </tr>
     
    <?php } 
    // on ferme la connexion Ã* mysql
    mysql_close();
    ?>

  3. #3
    Membre éclairé Avatar de Pymento
    Homme Profil pro
    Ingé. Info.
    Inscrit en
    Janvier 2008
    Messages
    366
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Ingé. Info.

    Informations forums :
    Inscription : Janvier 2008
    Messages : 366
    Par défaut
    Tu as vérifié que ta requête marchait toute seule dans ton sgbd ?

Discussions similaires

  1. Afficher / Masquer des DIV
    Par Bounty59 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 17/01/2007, 10h33
  2. Afficher / masquer des div
    Par Galaad dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 28/08/2006, 21h57
  3. [CSS & JAVASCRIPT] Afficher/Masquer un div
    Par alexfrere dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 05/07/2006, 15h02
  4. Fonction permettant d'afficher/Masquer un div
    Par PrinceMaster77 dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 12/01/2006, 12h24
  5. Afficher/Masquer un <DIV> au clique de la souris.
    Par Joad dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 24/09/2005, 10h55

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