Avatar billede tblaster Nybegynder
27. august 2006 - 18:00 Der er 6 kommentarer og
1 løsning

Multiple Select Dropdown

Hejsa

Jeg søger en kode til at lave en multiple select dropdown, faktisk nøjagtigt som denne:
http://easylistbox.com/demoMultiDropDown.aspx

Men jeg håber at der er nogen af jer der kender en gratis løsning. På forhånd tak.
Avatar billede thesurfer Nybegynder
27. august 2006 - 18:09 #1
Det er ikke en dropdown, men en select: http://www.uwec.edu/help/html/FOR-pdown.htm

Koden er her:

<B>Select some fruit:</B> <BR>
<SELECT NAME="Morefruit" SIZE="4" MULTIPLE >
<OPTION SELECTED> Apples
<OPTION> Bananas
<OPTION> Oranges
<OPTION> Watermelon
<OPTION> Kiwi
<OPTION> Cantaloupe
<OPTION> Strawberries
</SELECT>
Avatar billede tblaster Nybegynder
27. august 2006 - 18:18 #2
Det er netop det jeg leder efter, altså en select i form af en dropdown. Feltet skal se ud som en dropdown men virke som en select! Hvis du klikker på liket så ser du en nøjagtig udgave af det jeg leder efter men deres priser er for høje. Man betaler nemlig for en masse ekstra ting :-(
Avatar billede thesurfer Nybegynder
27. august 2006 - 18:31 #3
Ahh...

Det virker ikke i Opera, som jeg bruger.. derfor ser det ud som på http://www.uwec.edu/help/html/FOR-pdown.htm

Jeg ved ikke lige hvordan man laver den de har lavet, men man kunne jo bare nøjes med at kigge i kildekoden, og hente inspiration der fra..
Avatar billede olebole Juniormester
28. august 2006 - 13:37 #4
<ole>

I princippet er det noget à la:

<script type="text/javascript">
function myOpen() {
    document.getElementById("myFrame").style.display = "block";
}
</script>

<div style="position:relative">
    <div style="width:300px;height:12px;background:blue;" onmousedown="myOpen()">&nbsp;</div>
    <iframe id="myFrame" style="position:absolute;width:500px;height:200px;z-index:100;display:none" src="http://www.google.dk"></iframe>
</div>

- og så nayurligvis med en egen side i iframe'en  :)

/mvh
</bole>
Avatar billede thesurfer Nybegynder
28. august 2006 - 20:49 #5
Et simpelt eksempel med divs og vis/skjul af select (med multiple):

<script type="text/JavaScript">
function visskjul()
{
    div = document.getElementById("selectdropdown").style;
    div.display = (div.display == "none")?"":"none";
}
</script>

<form name="frm" onsubmit="return false">
<div style="border:1px solid #ff0000;width:200px;">
    <div id="selectdropdown" style="float:left;display:none">
        <select multiple size="3">
        <option value="" selected>Vælg noget</option>
        <option value="valg_1">valgmulighed nummer 1</option>
        <option value="valg_2">valgmulighed nummer 2</option>
        <option value="valg_3">valgmulighed nummer 3</option>
        <option value="valg_4">valgmulighed nummer 4</option>
        <option value="valg_5">valgmulighed nummer 5</option>
        <option value="valg_6">valgmulighed nummer 6</option>´
        </select>
    </div>
    <div style="float:right"><a href="#" onclick="visskjul();return false">knap</a></div>
</div>
</form>
Avatar billede tblaster Nybegynder
10. februar 2007 - 17:29 #6
Smid et svar hvis I vil have point!
Avatar billede thesurfer Nybegynder
11. februar 2007 - 01:43 #7
Mit forslag (28/08-2006 20:49:39) ser brugbart ud (skal bare justeres lidt, tror jeg), så jeg smider et svar..
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester