Gå til innhold

Dropdown box som automatisk oppdater siden


Anbefalte innlegg

Skrevet

Eg har sett at andre har dropdown box'er der siden oppdateres med en gang du velger et alternativ, og du trenger ikke trykke på knappen i form'et.

 

Noen som kan fortelle meg hvordan man lager en slik?

Videoannonse
Annonse
Skrevet (endret)

Hvis du hadde dradd øynene dine ned 5 cm, så hadde du sett at det var en slik rett under posten din.

 

View source, voila! :D

 

JavaScript for alle penga, eller? :no:

 

 

 

Edit: Må bare legge til at jeg misliker det sterk! Jeg mener det alltid bør være en submit-knapp der.

Endret av Toolshed
Skrevet

Vil anbefale deg å Google litt, for det finnes flust av tutorials osv på nettet om javascript. Bare se her.

 

For andre som lurer så viser dette hvordan det kan gjøres

<html>
<head><title></title>
</head>
<body>
<form action="../">
<select onchange="window.open(this.options[this.selectedIndex].value,'_top')">
   <option value="">Choose a destination...</option>
   <option value="http://www.yahoo.com/">YAHOO</option>
   <option value="http://www.google.com/">GOOGLE</option>
   <option value="http://www.altavista.com/">ALTAVISTA</option>
   <option value="http://www.amazon.com/">AMAZON</option>
   <option value="http://artlung.com/">ARTLUNG</option>
</select>
</form>
</body>
</html>

Skrevet (endret)

For å gjøre det litt mer spennende:

<html>
<head><title></title>
</head>
<body>
<form action="../">
<select onchange="window.open(this.options[this.selectedIndex].value,'_top')">
<option value="">Choose a destination...</option>
   <option value="http://www.artlung.com/">YAHOO</option>
   <option value="http://www.altavista.com/">GOOGLE</option>
   <option value="http://www.yahoo.com/">ALTAVISTA</option>
   <option value="http://www.amazon.com/">AMAZON</option>
   <option value="http://google.com/">ARTLUNG</option>
   <option value="http://goatse.cx/">KVASIR</option>
</select>
</form>
</body>
</html>

Endret av Toolshed
Skrevet (endret)

^^ -- hva i %¤&/%¤/"¤ gjør de ødelagte span-bitene i midten der?

 

value="</span>">Choose a destination...<<span style='color:blue'>/

Endret av cfenzo
Skrevet (endret)

lol

 

Ikke se på meg. Jeg bare kopierte koden til phanti... :p

 

Edit: <span> er for å gruppere inline-elementer. :)

Endret av Toolshed
Skrevet (endret)

var Toolshed sin kode jeg tenkte på... (din har det jo ikke i sin..)

 

<span> = 7.5.4 Grouping elements: the DIV and SPAN elements

 

og det har ingenting i en <option> eller <select> tag å gjøre..

INGEN tag skal brukes I en ende-tag, slik span ble brukt på eksempelet til toolshed.. så... whyyy?

 

 

edit> LOL`?

 

tror ikke quote-biten til forumet er helt god... ikke på HTML ihvertfall... :ermm:

Endret av cfenzo

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...