Avatar billede theselfimages Nybegynder
12. februar 2003 - 12:15 Der er 16 kommentarer og
1 løsning

Style på dropdown boxe?

Kan man ikke benytte et style ala dette:
style="width:185px; border-style:none;" maxlength="75"

på dropdown boxe? Eller styles i det hele taget?


<html>
<head>
<script>
var stateNames=new Array()
stateNames["none"]=new Array("Choose a country first")
stateNames["USA"]=new Array("Alabama","Alaska","Arizona","Arkansas","California","Colorado","Connecticut","Delaware","Florida","Georgia","Hawaii","Idaho","Illinois","Indiana","Iowa","Kansas","Kentucky","Louisiana ","Maine","Maryland","Massachusetts","Michigan","Minnesota","Mississippi","Missouri","Montana","Nebraska","Nevada","New Hampshire","New Jersey","New Mexico","New York","North Carolina","North Dakota","Ohio","Oklahoma ","Oregon","Pennsylvania","Rhode Island","South Carolina","South Dakota","Tennessee","Texas","Utah","Vermont","Virginia","Washington","West Virginia","Wisconsin","Wyoming ")
stateNames["CAN"]=new Array("Newfoundland ","Nova Scotia ","New Brunswick ","Prince Edward Island ","Quebec ","Ontario ","Manitoba ","Saskatchewan ","Alberta ","British Columbia ","Nunavut ","Northwest Territories ","Yukon Territory")
stateNames["AUS"]=new Array("Australian Capital Territory","New South Wales","Northern Territory","Queensland","South Australia","Tasmania","Victoria","Western Australia")
function fillStates(opt){
  s=document.f.states.options
  s.length=stateNames[opt].length
  for(i=0;i<s.length;i++){
    s[i].value=stateNames[opt][i]
    s[i].text=stateNames[opt][i]
  }
  document.f.states.selectedIndex=0
}
</script>
</head>
<body>
<form name="f">
<select name=countries onchange="fillStates(this.options[this.selectedIndex].value)">
  <option value="none">Choose a Country</option>
  <option value="USA">United States</option>
  <option value="CAN">Canada</option>
  <option value="AUS">Australia</option>
</select>
<select name=states>
  <option> </option>
  <option></option>
  <option></option>
  <option></option>
  <option></option>
</select>
</form>
</body>
</html>
Avatar billede schaefner Juniormester
12. februar 2003 - 12:17 #1
Du kan ikke fjerne borderen på en select-box, men du kan f.eks ændre baggrundfarven.
Avatar billede schaefner Juniormester
12. februar 2003 - 12:18 #2
og hvis du vil ha' en længde på den kan du gøre sådan her:
style="width: 75px"
Avatar billede schaefner Juniormester
12. februar 2003 - 12:20 #3
Hvis du ønsker en lidt pænere select-ting som er helt "flad," så kan du prøve at kigge på tangvejes lille dhtml-ting: http://www.tangveje.dk/projekter/coolselect/
Avatar billede cdc Novice
12. februar 2003 - 12:21 #4
Avatar billede cdc Novice
12. februar 2003 - 12:21 #5
Avatar billede schaefner Juniormester
12. februar 2003 - 12:24 #6
Jeg synes bare der en lille ting som mangler i nikolajdu's select: at man kan se hvad man har valgt.
Avatar billede theselfimages Nybegynder
12. februar 2003 - 12:24 #7
Hmm.. jeg kan overhovedet ikke få noget til at virke.
Vil du vise et eksempel med baggrundfarve og width? Og evt. andre style funktioner eller et links til sider der viser eksempler.
Avatar billede schaefner Juniormester
12. februar 2003 - 12:28 #8
<select name="states" style="width: 75px; background-color: blue">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>
Avatar billede schaefner Juniormester
12. februar 2003 - 12:29 #9
du kan også sætte background-color på hver enkelt <option> så kan du gå forskellige farver.
Avatar billede theselfimages Nybegynder
12. februar 2003 - 12:31 #10
Jeg er vældig interesseret i denne. Problemet er bare at jeg ikke kan hvordan det er lavet, da der henvises til CSS og JS filer.
Avatar billede schaefner Juniormester
12. februar 2003 - 12:32 #11
du kan også ændre farven på teksten: style="corlor: red" og selvfølgelig også skrift-størrelse og skrift-type
Avatar billede schaefner Juniormester
12. februar 2003 - 12:33 #12
theselfimages >> Hvorfor en er du intereseret i?
Avatar billede schaefner Juniormester
12. februar 2003 - 12:33 #13
Der var iøvrigt en stavefejl :)
style="color: red"
Avatar billede theselfimages Nybegynder
12. februar 2003 - 12:38 #14
Ups .. glemte link: http://www.tangveje.dk/bin/coolselect.htm

Hvis style fra denne kunne integreres i mit eget postede dropdown script?
Avatar billede schaefner Juniormester
12. februar 2003 - 12:38 #15
theselfimages >> Hvis det er tangvejes, så er js-filen her:
http://www.tangveje.dk/bin/coolselect.js
og css-filen er her:
http://www.tangveje.dk/bin/coolselect.css
Avatar billede theselfimages Nybegynder
12. februar 2003 - 12:50 #16
Ok.. jeg er flyvene nu! Tak for hjælpen!
Avatar billede theselfimages Nybegynder
12. februar 2003 - 12:58 #17
Kan kan ændre farve på den blå hover bar ved MouseOver?
(hvis jeg bruger mit eget script)
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