WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Tvinga SELECT att öppna uppåt eller nedåt (https://www.wn.se/forum/showthread.php?t=1038142)

sandstream 2009-09-23 13:41

Tvinga SELECT att öppna uppåt eller nedåt
 
Är det möjligt att tvinga en vanlig HTML Select (drop down list) att öppna sig uppåt eller nedåt?

På en av mina sidor öppnar den sig uppåt vilket är väldigt irriterande då jag vill att den ska öppna sig nedåt.

allstars 2009-09-23 14:13

Citat:

If the control appears near the bottom of the screen, the menu will usually expand upward
Kan det vara att det inte finns tilräckligt med utrymme för SELECT-listan att expandera neråt?

sandstream 2009-09-23 14:19

Citat:

Ursprungligen postat av allstars (Inlägg 20323310)
Kan det vara att det inte finns tilräckligt med utrymme för SELECT-listan att expandera neråt?

Det stämmer!

Har läst på lite nu och det verkar vara browsern som bestämmer hur den vill öppna SELECT-listan och att man inte kan påverka det med mindre än att byta ut SELECT mot en egen DIV eller liknande med scrollfunktion.
Hittade även info om att det är browsern som bestämmer hur många "items" som ska visas och det varierar mellan tex IE och FF.

Tror lösningen får bli att byta ut SELECT-listan som innehöll 1-99 mot ett INPUT-fält och sen validera vad besökaren skriver in.

Johan_S 2009-09-23 17:12

Citat:

Ursprungligen postat av sandstream (Inlägg 20323311)
[...]
Hittade även info om att det är browsern som bestämmer hur många "items" som ska visas och det varierar mellan tex IE och FF.
[...]

Hur många items som visas kan man sätta med hjälp av size:
<SELECT NAME="lista" SIZE=6>

Ovan visar sex stycken items, osv.

qson 2009-09-23 17:59

Citat:

Ursprungligen postat av Johan_S (Inlägg 20323331)
Hur många items som visas kan man sätta med hjälp av size:
<SELECT NAME="lista" SIZE=6>

Ovan visar sex stycken items, osv.

Ja den visar sex stycken, men det blir ingen drop-down. Det blir en lista som är "sex rader lång", och ingen drop-down.

Johan_S 2009-09-23 18:55

Citat:

Ursprungligen postat av qson (Inlägg 20323336)
Ja den visar sex stycken, men det blir ingen drop-down. Det blir en lista som är "sex rader lång", och ingen drop-down.

Ah, nu förstår jag hur sandstream tänkte. Tack för förtydligandet!

Craxen 2009-09-24 13:20

Testa att skriva koden bakovänt, då kanske effekten blir den samma fast omvänt =))

Skulle det inte fungera så kan du skriva koden upp o ner, så då tror den att sidan är neråt fast den är uppåt.

=))

Ishra 2009-10-08 14:12

Citat:

Ursprungligen postat av sandstream (Inlägg 20323311)
Tror lösningen får bli att byta ut SELECT-listan som innehöll 1-99 mot ett INPUT-fält och sen validera vad besökaren skriver in.

Oavsett om du använder dig av en SELECT eller ett INPUT fält så SKA du validera den input du får från webbläsaren.

Famous 2009-10-08 14:58

Jag har gjort ett plugin som du kanske kan använda om du vill.
Det är egentligen till för att kunna designa sina egna select-rutor, ett jQuery-plugin som byter ut önskade select-rutor till annan HTML du enkelt kan styla och göra scroll etc på om du vill det.

http://utvecklaren.grubblar.nu/index.asp?visa=2588


Alla tider är GMT +2. Klockan är nu 02:46.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson