Avatar billede sth Novice
27. juni 2007 - 20:21 Der er 4 kommentarer og
1 løsning

Dropdown box med " betinget formatering"

jeg har en drop down som ser sådan ud

<select name="min_drop_down" size="1">
    <option value="Mandag">Mandag</option>
    <option value="Tirsdag">Tirsdag</option>
    <option value="Onsdag">Onsdag</option>
    <option value="Torsdag">Torsdag</option>
    <option value="Fredag">Fredag</option>
    <option value="Lørdag">Lørdag</option>
    <option value="Søndag">Søndag</option>
</select>

altså en helt normal dropdown

men den skal laves om ( hvis det er muligt)  så de forskellige dage ikke vises på samme måde
baggrunden er den at kunden  normalt kun kan få leveret om mandagen eller om torsdagen, men kunden skal selvf. Have mulighed for at vælge andre dage hvis han selv vil betale for leveringen.

Så jeg forestiller mig noget med at de dage kunden kan få leveret bliver vist tydelig og dem hvor der normalt ikke leveret skrives i min dropdown men en ikke så tydelig skrift

Så det kunne være noget med at mandag og trosdag bliver vist med fed ( eller evt mærket på en anden måde) mens andre dage ikke vises så tydelig ( kunne være med en lys grå eller evt men kursiv skrift)


Men mener at jeg en gang har set en dropdown hvor der var indsat et billede ud for hver værdi, denne kunne jo evt også anvendes da jeg jo kunne sætte grøn eller en rød prik alt  efter hvad det var for en dag

Er det nogen der vil kunne med et bud på hvordan jeg løser dette ?
Avatar billede mikkelk Nybegynder
27. juni 2007 - 20:25 #1
Du kunne bruge forskellige styles:
<html>
<head>
<style type="text/css">
.tydelig {
            font-size:12px;
            font-weight:bold;
            color:#000000;
}
.utydelig {
        font-size:11px;
        color:gray;
}
</style>
</head>

<body>

<select name="min_drop_down" size="1">
    <option class="tydelig" value="Mandag">Mandag</option>
    <option class="utydelig" value="Tirsdag">Tirsdag</option>
    <option class="tydelig" value="Onsdag">Onsdag</option>
    <option class="utydelig" value="Torsdag">Torsdag</option>
    <option class="tydelig" value="Fredag">Fredag</option>
    <option class="utydelig" value="Lørdag">Lørdag</option>
    <option class="utydelig" value="Søndag">Søndag</option>
</select>

</body>
</html>
Avatar billede mikkelk Nybegynder
27. juni 2007 - 20:27 #2
Iøvrigt skulle du nok have placeret spørgsmålet i kategorien (D)HTML ;-)
Avatar billede sth Novice
27. juni 2007 - 20:31 #3
Ja det var da et meget godt bud :-)

tak for det
Avatar billede mikkelk Nybegynder
27. juni 2007 - 20:40 #4
Det var så lidt :-) css er en fantastisk rar ting...
Avatar billede sth Novice
27. juni 2007 - 22:04 #5
enig men har gennem tiden mest brugt mig tid på ASP og databaser.... og så ender det jo med at man mangler noget kode og så er Eksperten et godt sted at starte :-)
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