Liste déroulante avec ascenseur

Version imprimable

06/11/2012, 08h54
pat100

Liste déroulante avec ascenseur

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 ?? ...
06/11/2012, 11h38
javatwister

Citation:

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;

Un truc comme ça :

Code:

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>

06/11/2012, 19h20
NoSmoking

Bonjour,
:koi:, j'ai l'impression qu'un simple <select> répond à la demande formulée ou il y a quelque chose qui m'échappe.
06/11/2012, 19h44
javatwister

oui NoSmoking, c'est ce qu'il m'avait semblé aussi :lol:
mais Bovino ayant pris le temps d'interpréter la demande, je crois que sa solution convient bien!
07/11/2012, 08h06
pat100

liste deroulante
merci la solution est parfaite

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

Code:

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

si j'ai dans une cellule
Code:

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...
07/11/2012, 08h10
Bovino

Oui, c'est normal : tu agrandis la taille du select, donc la cellule et la ligne s'agrandissent et le reste de la table se décale vers le bas.
07/11/2012, 08h27
pat100

liste deroulante

donc ca ne peut pas s'utiliser avec une table ?

y a t il une solution ?
07/11/2012, 08h45
SpaceFrog

jouer sur le z-index
07/11/2012, 12h38
pat100

liste deroulante

avec un peu de css tout marche !

merci !
;)