"appliquer" les css sur une liste deroulante

**eclipse012** · 09/10/2006, 10h28

bonjour ,

j'ai ma liste deroulante comme suit de types :

j'aimerai bien mettre le fond de la liste en jaune et mettre les types parent en gras et surlignés

j'ai essayé comme ca :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
      <title>types</title>
      <link href="<?php echo ROOT ?>styles/global.css" rel="stylesheet" type="text/css">
      <link href="<?php echo ROOT.MODULE ?>pages/style.css" rel="stylesheet" type="text/css">
            
      <style type="text/css">
            body, #main { margin:0; padding:0; }
            #block_container { margin: 10px; padding: 0; }
            form  { margin: 0 auto; }
            div.new_block {
                  padding: 10px 10px 0 10px;
            }
      </style>
</head>
<body>
      <div id="main">
            <h1><?php echo $lang_common['organisation settings'] ?></h1>
            <div id="block_container" class="society">
            <form  method="post" action="affichage_types.php">
                  <div class="new_block">
                        <label>selection : </label>
                        <select name="concept">
<?php      
                        
      $query3="SELECT NUM_TYPE AS id, TYPE_PARENT AS parent_id, libelle_type AS name, abrege_type
                  FROM type_document";
      
      $resultat3 = db_send_query($lang_error['sql select failed'], $query3, $dbh);      
      
      $tab = db_result2array($resultat3);
      for($i=0; $i<sizeof($tab); $i++){
            if($tab[$i]['abrege_type']!=NULL)
                  $tab[$i]['name'] = "<span class=\"abbr\">".$tab[$i]['abrege_type']."</span> : ".$tab[$i]['name'];
      }
      db_data_seek($resultat3,0);
      $types_org = get_types_array_ids($tab);
      
      $vide = (db_num_rows($resultat3)==0) ? TRUE : FALSE;
      
                              ?>
                        </select>
                        <br/>
                        <label><?php echo $lang_common['parent organisation bloc'] ?> : </label>
                        <select name="parent_id">
                              <option value=""></option>
<?php      
                                          
                                    if(!$vide){
                                          //$color_admin_types = 0;
                                           echo get_types_org($types_org, "option");
                                          
                                    }
                              ?>
                        </select>
                        
            </form>
            </div>
      </div>
</body>
</html>

Colorez votre code PHP sur les forums grâce à Developpez.com

mais ca ne marche pas ;

est ce que vous pouvez m'aider a comprendre d'ou vient mon probleme? merci

**trotters213** · 09/10/2006, 10h52

Comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 <select id="concept" style="background-color:#FFFF00;">
...
<select id="parent_id" style="font-weight:bold;">

Préfère id à name

**eclipse012** · 09/10/2006, 11h03

merci !

mais le probleme c'est que pour l'instant ca me met tous les types en gras

question tres bête mais est ce que j'ai le droit de faire un test a l'interieur du select pour voir si c'est un type parent ou non ? et si c'est le cas mettre en gras sinon non

**MasterOfChakhaL** · 09/10/2006, 11h09

pour faire des regroupements, tu peux utiliser la balise optgroup

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<select>
  <optgroup label="catégorie">
    <option>1</option>
    <option>2</option>
    <option>3</option>
  </optgroup>
...
</select>

**trotters213** · 09/10/2006, 11h14

bè normalement tien ne t'en empêches : tu fais un if dans le select et tu echo ton option value en fonction du if :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<select name="parent_id">
<?php
  for (tu fais ta boucle)
  {
 
    if (parent) echo "<option value=\"...\" style=\"font-weight:bold\">";
    else echo "<option value=\"...\">";
  }
?>
...</option>
}
</select>

**eclipse012** · 09/10/2006, 11h24

^^merciiiii

je vais faire ca

et merci aussi mr MasterOfChakhaL pour les regroupements , je connaissais pas cette option

ps: je ne mets pas encore mon post en resolu d'abord je vais ecrire le code

on sait jamais ...j'aurais peut etre besoin d'aide