drop - down liste med links

[henrik_t7]

Hej.
Hvordan laver jeg en drop - down liste med links?

<select name="liste">
<option selected value="http:www.pkdkdjfllkdsf.dk/rødbilmappe/rødbil.html">rød bil</option>
<option value="http:www.pkdkdjfllkdsf.dk/rødbilmappe/grønbil.html">grøn bil</option>
<option value="http:www.pkdkdjfllkdsf.dk/bilmappe/blaabil.html">blå bil</option>
<option value="">osv</option>
</select>

når man vælger rød bil så skulle man gå til en side i en anden mappe end den mappe hvor drop - down listen er, og hvis man vil gå tilbage fra den mappe hvor rød bil html side ligger og tilbage til mappen med drop - down liste er. Hvordan gør man det?

Henrik

[scootergrisen]

Kode: Vælg alt

<script type="text/javascript">

   function gatilside(liste){

      if(liste.value){

         window.location = liste.value; // åbner siden i samme tab/vindue
         //window.open(liste.value, '_blank'); // alternativ hvis man ønsker at siden skal åbne i en ny tab/vindue

      }

   }

</script>

<form>

   <select onchange="gatilside(this);">

      <option value="" selected>Vælg en side</option>
      <option value="http://netkoder.dk/">netkoder.dk</option>
      <option value="http://nemprogrammering.dk/">nemprogrammering.dk</option>
      <option value="http://udvikleren.dk/">udvikleren.dk</option>
      <option value="http://rowl.dk/">rowl.dk</option>
      <option value="http://kimludvigsen.dk/">kimludvigsen.dk</option>

   </select>

</form>

Demo : http://netkoder.dk/netkoder/eksempler/eksempel0103.html

[henrik_t7]

Hej.

Tak for det jeg se på det.

[henrik_t7]

Hej igen.

Jeg har lavet følgene, men det virker ikke??

Kode: Vælg alt

 <div id="aside1">
   
    <script type="text/javascript">

   function gatilside(liste){

      if(liste.value){

         //window.location = liste.value; // åbner siden i samme tab/vindue
         window.open(liste.value, '_blank'); // alternativ hvis man ønsker at siden skal åbne i en ny tab/vindue

      }

   }

</script>
<form>
     <div align="center">
	 <select onchange="gatilside(this);">
	 
  <option selected value="">Historie</option>
  <option value="http://danskspeedway.dk/u21 vm/u21vm2011.html">U21 VM</option>
  <option value="http://danskspeedway.dk/u21em/u21em1213.html">U21 EM</option>
  <option value="http://danskspeedway.dk/statistik/statisti.htm">Dansk Statisk</option>
  <option value="http://danskspeedway.dk/gpchallenge2011.html">Challenge 2011</option>
  <option value="http://danskspeedway.dk/ygt250c2011.hyml">YGT 250 ccm 2011</option>
</select>
</div>
   </form>
   
   </div>

Som du kan se så ligger de html filer i nogle mapper og der er der fra siden kommer.

Henrik

[scootergrisen]

Virker fint men dine links findes ikke.

[henrik_t7]

Jeg har lavet det så det virker nu, mange tak.

Ved du hvor man hopper mellem mapper?
Feks. hvis index filen er i en mappe og de andre filer er en mappe og når man er i den anden mappe og vil tilbage til index filen i den første mappe , hvordan gør man det.

Henrik

[scootergrisen]

Man kan bruge "../fil" til at linke til en fil i forrige mappe.

[henrik_t7]

Tak for alle svarene, det var super.
Henrik