changer la taille d'une liste déroulante

nedallll
Invité n'ayant pas de compte PHPfrance

14 avr. 2012, 22:18

bonsoir , j'utiliste une liste déroulante en fonction d'une autre avec un code en ajax , Bon la premier page (index) la taille de ma liste déroulante est normal , mais dans l'autre fichier php j'essaye de changer sa largeur mais en vain , ça marche pas voila le code


<?php
echo "<select name='livre' id='livre' ";
if(isset($_POST["code_entite"])){
$log=$_POST['code_entite'];
$dsn="con_salle";
$username="localhost";
$password="";
$sqlconnect=odbc_connect($dsn,$username,$password);

$select="select code_entite from ENTITE where description_entite_parent='$log'";
$process=odbc_exec($sqlconnect, $select);

while(odbc_fetch_row($process)){
$tavariable= odbc_result($process,"code_entite" );
print "<option value='$tavariable'>$tavariable</option>\n";
}
}
echo "</select>";
?>

Avatar du membre
Modérateur PHPfrance
Modérateur PHPfrance | 10684 Messages

14 avr. 2012, 22:23

Ta balise select n'est pas correctement fermée
echo "<select name='livre' id='livre' ";
Quant à sa taille, la longueur est égale à la longueur de l'option la plus longue à moins que tu ne spécifies un width en css (via une classe ou l'attribut style)

Ps : merci d'utiliser les balises
 quand tu postes du code :)
Ce n'est pas en améliorant la bougie que l'on a inventé l'ampoule...

ooooo
Invité n'ayant pas de compte PHPfrance

14 avr. 2012, 22:46

echo "<select  name='livre' id='livre' style='width:200px'>";
	if(isset($_POST["code_entite"])){
	$log=$_POST['code_entite'];
   $dsn="con_salle"; 
$username="localhost"; 
$password=""; 
 $sqlconnect=odbc_connect($dsn,$username,$password);
 
 $select="select code_entite from ENTITE where description_entite_parent='$log'";
    $process=odbc_exec($sqlconnect, $select);

 while(odbc_fetch_row($process)){ 
       $tavariable= odbc_result($process,"code_entite" );
      print "<option value='$tavariable'>$tavariable</option>\n";	
		}
	}
	echo "</select>";
?>
voila

Mammouth du PHP | 2278 Messages

16 avr. 2012, 21:52

Exactement:
si tu écris qqch du genre
<style>
*.etroit
{
width:50px;
}
</style>
<select class = 'etroit'>
<option>012345678901234567890</option>
<option>012</option>
</select>
ça affichera un select réduit tant qu'on ne déroule pas la liste, et des items de la largeur du plus large quand on la déroule
si tu écris qqch du genre
<style>
*.etroit
{
width:50px;
}
</style>
<select class = 'etroit'>
<option class= 'etroit'>012345678901234567890</option>
<option>012</option>
</select>
ça affichera en bleu dans la liste des items la partie qui correspond à ton width, et le reste de l'item en normal, le tout sur la largeur du plus large...
Vanitas vanitatum et omnia vanitas
Mes derniers livres :
Sauvez les Mots chez BoD,
Tous les chemins mènent à ROM chez BoD