Liste déroulante avec ascenseur

**pat100** · 06/11/2012, 08h54

bonjour

voila, je cherche a realiser la chose suivante

je veux une liste deroulante ou n'apparait que le premier element de la liste

si je clique sur la liste deroulante alors apparaissent les dix elements suivant avec un ascenseur a droite

ca marche pas evidemment si dans le select je met "size=1"

si je met "size=10", j'aurai bien un ascenseur mais j'affiche 10 elements au lieu d'un

la solution est dans jquery ??, javascript ?? ...

**javatwister** · 06/11/2012, 11h38

Envoyé par pat100

bonjour
si je clique sur la liste deroulante alors apparaissent les dix elements suivant avec un ascenseur a droite

étrange d'avoir besoin d'un ascenseur, dans ce cas;

**Bovino** · 06/11/2012, 11h46

Un truc comme ça :

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
25
26
27
28
29
30
31
<!DOCTYPE html>
<html>
    <head>
		<title>select</title>
		<meta charset="utf-8" />
    </head>
    <body>
		<select size="1" onmousedown="this.size = 10" onblur="this.size = 1">
			<option value="1">1</option>
			<option value="2">2</option>
			<option value="3">3</option>
			<option value="4">4</option>
			<option value="5">5</option>
			<option value="6">6</option>
			<option value="7">7</option>
			<option value="8">8</option>
			<option value="9">9</option>
			<option value="10">10</option>
			<option value="11">11</option>
			<option value="12">12</option>
			<option value="13">13</option>
			<option value="14">14</option>
			<option value="15">15</option>
			<option value="16">16</option>
			<option value="17">17</option>
			<option value="18">18</option>
			<option value="19">19</option>
			<option value="20">20</option>
		</select>
	</body>
</html>

?

**NoSmoking** · 06/11/2012, 19h20

Bonjour,

, j'ai l'impression qu'un simple <select> répond à la demande formulée ou il y a quelque chose qui m'échappe.

**javatwister** · 06/11/2012, 19h44

oui NoSmoking, c'est ce qu'il m'avait semblé aussi

mais Bovino ayant pris le temps d'interpréter la demande, je crois que sa solution convient bien!

**pat100** · 07/11/2012, 08h06

merci la solution est parfaite

j' ai une petite question
lorsque je cree une table de type

Code html :

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

<table  width="730" HEIGHT=15 border="1" style="border: 0.5px;" cellspacing="0" cellpadding="0" >

si j'ai dans une cellule

Code html :

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

1
2
3
<select  size="1" onmousedown="this.size = 5" onblur="this.size = 1" class="target" name="temperature" id="mat" >
<option selected="selected" >---------------------</option>
</select>

a chaque fois que je selectionne un element de la liste deroulante

toutes les cellules de la table se decalent vers le bas...

Liste déroulante avec ascenseur

JavaScript

Vue hybride

Discussions similaires

Partager

Partager