Liste déroulante en listbox

**patricktoulon** · 03/02/2018, 08h41

Bonjour a tous

j'avais une astuce simple qui me permettait de transformer une liste deroulante "select" en listbox (sans bouton et completement deroulée comme une listbox mais j'ai perdu cette astuce
quelqu'un pourrait me la redonner

merci d'avance

**patricktoulon** · 03/02/2018, 09h16

suis je bete c'est l'attribut "size"

puré ma memoire deconne
merci désolé pour le derangement

**JefReb** · 03/02/2018, 12h03

Dommage de ne pas avoir un aperçu de cette astuce qui pourrait intéresser certains ( moi en premier)
Une discution lancée et résolue comme cela est un peu frustrante.
un petit code simpliste html et css serait super non?
merci d'avance.

**patricktoulon** · 03/02/2018, 12h39

bonjour oui c'est vrai
en fait il te suffit d'ajouter l'attribut "size=X" attention c'est pas du style css

X étant le nombre de ligne que tu veut voir affichées pouvant être le nombre d'item de la balise select

Code HTML :

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
<!DOCTYPE html >
<html>
<head>
<html lang="fr">
<!--meta charset="utf-8"-->
 
<meta http-equiv="X-UA-Compatible" content="IE=11">
</head>
<body>
<SELECT id=fsize style="VISIBILITY: visible" size=11>
<OPTION selected value=F-name>F-name</OPTION>
<OPTION value=arial>arial</OPTION>
<OPTION value=calibri>calibri</OPTION>
<OPTION value=algerian>algerian</OPTION>
<OPTION value=arialblack>arialblack</OPTION>
<OPTION value=aharoni>aharoni</OPTION>
<OPTION value=baskerville>baskerville</OPTION>
<OPTION value="comic sans ms">comic sans ms</OPTION>
<OPTION value=forte>forte</OPTION>
<OPTION value=georgia>georgia</OPTION>
<OPTION value=script>script</OPTION>
</SELECT>
</body>
</html>

Nom : Capture.JPG
Affichages : 345
Taille : 24,3 Ko

voila mille excuse

**ProgElecT** · 03/02/2018, 14h47

Salut
A savoir suivant le navigateur
Nom : SelectSeize.jpg
Affichages : 342
Taille : 69,9 Ko

**patricktoulon** · 03/02/2018, 15h49

re
bonjour progElect
autrement dis dans les explorateurs autre que IE11 et 10 on ne peut pas supprimer la scrollbar ?

puré progElect je viens de comprendre pourquoi quand je precisais le language dans la balise code ca n'encapsulait pas il manquait le "="

bon ben voila je le saurais maintenant

Invité · 03/02/2018, 17h10

Bonjour,

si tu veux améliorer la compatibilité (et aussi éviter de nombreux ennuis et arrachage de cheveux), il va falloir faire preuve de plus de rigueur dans l'écriture du code !

Par convention (de préférence et/ou obligatoirement :

les noms et attributs de balises, nom des instructions CSS,... sont en minuscules
les valeur des attributs doivent être encadrées de "..." (tu l'as bien mis pour value="comic sans ms" !) Il faut le faire PARTOUT
on écrira : selected="selected" et checked="checked"
Même inline, on termine une instruction CSS par ; (de sorte qu'on puisse sans souci en ajouter d'autres à la suite)

J'en passe et des meilleurs...

Ce qui donne :

Code html :

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

1
2
3
4
5
6
7
8
9
10
<select id="fsize" style="visibility: visible;" size="11">
  <option selected="selected" value="F-name">F-name</option>
  <option value="arial">arial</option>
  <option value="calibri">calibri</option>
  <option value="algerian">algerian</option>
  <option value="arialblack">arialblack</option>
  <option value="aharoni">aharoni</option>
  <option value="baskerville">baskerville</option>
  <option value="comic sans ms">comic sans ms</option>
</select>

Tu peux comparer avec ton code précédent, ne serait-ce que la coloration syntaxique...

N.B. Par contre, pour une requête SQL en base de données, on écrira plutôt les commandes en majuscules :

Code sql :

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

"SELECT nom, prenom FROM la_table WHERE id = 1"

Ca permet une lecture, et donc un débogage, plus facile.

Liste déroulante en listbox

CSS

Discussions similaires

Partager

Partager