Kom ihåg mig?
Home Menu

Menu


Gömma dropdown-delen på <SELECT>

Ämnesverktyg Visningsalternativ
Oläst 2009-03-09, 22:07 #1
andi andi är inte uppkopplad
Flitig postare
 
Reg.datum: Jun 2006
Inlägg: 344
andi andi är inte uppkopplad
Flitig postare
 
Reg.datum: Jun 2006
Inlägg: 344
Finns det nåt sätt att gömma dropdownlistan till en <SELECT> på något sätt?
Går det att stänga listan direkt med javascript så att användaren inte hinner se den?

Jag skulle vilja ha select-boxens utseende men visa eget innehåll under själva boxen när användaren klickar på den.
andi är inte uppkopplad   Svara med citatSvara med citat
Oläst 2009-03-10, 08:37 #2
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
kanske går det med "disabled=disabled", annars går det att göra "egen" select med absolut positionerad div och en onumrerad lista. Borde inte vara så svårt att göra och populera. Har tyvärr ingen länk till ett exempel.
allstars är inte uppkopplad   Svara med citatSvara med citat
Oläst 2009-03-10, 09:35 #3
andi andi är inte uppkopplad
Flitig postare
 
Reg.datum: Jun 2006
Inlägg: 344
andi andi är inte uppkopplad
Flitig postare
 
Reg.datum: Jun 2006
Inlägg: 344
Grejen är att jag vill att det skall se bra ut i alla webläsare. Om man kan använda den inbyggda selectboxen så kommer det passa in med andra selectboxar och inputfält i opera, ie, firefox etc.

Nu har jag pillat lite med JQuery och jag får nog göra så att när användaren klickar på boxen så tas den bort och ersätts med en ny (som inte är expanderad) innan dropdownfältet blir synlig. Då visar jag även samtidigt mitt eget innehåll.
andi är inte uppkopplad   Svara med citatSvara med citat
Oläst 2009-03-10, 10:08 #4
Syke Syke är inte uppkopplad
Medlem
 
Reg.datum: Mar 2008
Inlägg: 297
Syke Syke är inte uppkopplad
Medlem
 
Reg.datum: Mar 2008
Inlägg: 297
Jag har gjort något liknande (fast inte med en select). Kika på sökfunktionen (prova skriva in några bokstäver) på www.klientsidan.se, är det något sådant du söker?
Syke är inte uppkopplad   Svara med citatSvara med citat
Oläst 2009-03-10, 13:08 #5
andi andi är inte uppkopplad
Flitig postare
 
Reg.datum: Jun 2006
Inlägg: 344
andi andi är inte uppkopplad
Flitig postare
 
Reg.datum: Jun 2006
Inlägg: 344
Ja precis. Nu löste det sig med lite enkel JQuery:

...
var parent = $(multiselectbox).parent();
var clone = $(multiselectbox).clone(true);
parent.html(clone);
...

När man klickar på boxen hinner man se dropdownboxe skymta till innan den ersätts med en ny box som är klonad med eventhanterare och allt.

Och eftersom JQUery är så fantastisk så kan man ju korta ned det hela till:

$(multiselectbox).parent().html($(multiselectbox). clone(true)) ;


Till er som inte använder JQuery kan jag ju bara säga att ni är helt fel ute!


Tack för alla svar!
andi är inte uppkopplad   Svara med citatSvara med citat
Oläst 2009-03-14, 15:59 #6
gibson gibson är inte uppkopplad
Medlem
 
Reg.datum: Jan 2009
Inlägg: 71
gibson gibson är inte uppkopplad
Medlem
 
Reg.datum: Jan 2009
Inlägg: 71
Schysst.. Jag hade faktiskt exakt samma behov och har googlat runt lite, men detta verkar ju vara en bra lösning. Ska testa.
Tack
gibson är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 12:58.

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