Avatar billede touring Nybegynder
17. april 2003 - 03:51 Der er 13 kommentarer og
1 løsning

hjaelp vedr. drop down menu

hej
jeg har et problem vedr. layout paa min hjemmeside.
jeg har lavet en drop down menu, og det fungerer ogsaa, mit problem er at fastholde den i det vindue, den skal vaere i.
naar man klikker paa et af valgmulighederne, blobber valget ud og fylder hele skaermbilledet.
Kan nogen hjaelpe mig med at faa den fastholdt i det oprindelige vindue.
for at se "problemet" klik paa dette link.
http://www.touring.dk/index/default.htm
klik derefter paa ikonet rute under soeloeven, og derefter paa
"Klik her for at se den aktuelle rute fra alle de lande vi har været i - målt med GPS."
du kommer saa til et vindue med et verdenskort, hvor der i oeverste venstre hjoerne er en dropdown menu. det er den der er problemet. jeg vil gerne have, at de valgte kort skifter plads med verdenskortet.
Avatar billede raffar Juniormester
17. april 2003 - 04:26 #1
Prøv at implementer target="_self" eller target="index" som din frame hedder i dokumentet. Så vil det virke.

Der er god tutorial her om det samme http://www.cs.tut.fi/~jkorpela/forms/navmenu.html
Avatar billede touring Nybegynder
17. april 2003 - 05:08 #2
hej raffar

jeg har proevet det men jeg er ikke sikker paa om jeg har sat target="index" det rigtige sted. ( se nedenfor )

<html>
<!-- JAVASCRIPT {START} -->
<script LANGUAGE="JavaScript">
<!--
  function linkselect (dropdown) {
    if (dropdown.options[dropdown.selectedIndex].value != "") {
      value=dropdown.options[dropdown.selectedIndex].value;
      window.top.location = value; target="index"
    }
  }

// -->
</script>
<!-- JAVASCRIPT {END} -->


<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
<title>GPS-Kort</title>
<base target="_self">
</head>

<body bgcolor="#000000" text="#FFFFFF" link="#000000" topmargin="0"
style="margin-top: -15px; padding-top: -15px" vlink="#000000" alink="#000000">

<table border="0" cellpadding="0" cellspacing="0" width="768">
  <tr>
    <td align="right" valign="top" width="*"><select name="GPS-kort"
    onChange="linkselect (this)" size="1">
      <option selected value="verden.htm">Klik her</option>
      <option value="Australien.htm">Australien</option>
      <option value="Bangladesh.htm">Bangladesh</option>
      <option value="Cambodia.htm">Cambodia</option>
      <option value="Europa.htm">Europa</option>
      <option value="Indien.htm">Indien</option>
      <option value="Iran.htm">Iran</option>
      <option value="Laos.htm">Laos</option>
      <option value="Malaysia.htm">Malaysia</option>
      <option value="Myanmar.htm">Myanmar</option>
      <option value="Nepal.htm">Nepal</option>
      <option value="NewZealand.htm">New Zeeland</option>
      <option value="Pakistan.htm">Pakistan</option>
      <option value="Singapore.htm">Singapore</option>
      <option value="Thailand.htm">Thailand</option>
      <option value="Tyrkiet.htm">Tyrkiet</option>
      <option value="Vietnam.htm">Vietnam</option>
      <option value="est-Malaysia.htm">Øst Malaysia</option>
    </select> </td>
    <td width="*">og vælg det land du vil se den aktuelle rute fra&nbsp;- målt med vores
    Garmin 12map GPS - Fra <a style="color: rgb(255,255,255)" target="_blank"
    href="http://www.Navtech.dk">Navtech Danmark</a></td>
  </tr>
</table>

<p><img src="kort/verden.jpg" WIDTH="768" HEIGHT="425"></p>
</body>
</html>
Avatar billede raffar Juniormester
17. april 2003 - 06:25 #3
denne virker alene:

<form action="../">
<table border="0" cellspacing="0" cellpadding="8" width="95%" height="95%">
    <tr><td align="CENTER">
<select
    onchange="window.open(this.options[this.selectedIndex].value,'index');this.selectedIndex=0;">
    <option>Choose A Site</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>
    </td></tr>
</table>
</form>

-----------------------

det burde denne så også:


<form action="../">
<table border="0" cellspacing="0" cellpadding="8" width="95%" height="95%">
    <tr><td align="CENTER">
<select
    onchange="window.open(this.options[this.selectedIndex].value,'index');this.selectedIndex=0;">
    <option>Choose A Site</option>
    <option value="verden.htm">Verdenskort</option>
    <option value="Australien.htm">Australien</option>
      <option value="Bangladesh.htm">Bangladesh</option>
      <option value="Cambodia.htm">Cambodia</option>
      <option value="Europa.htm">Europa</option>
      <option value="Indien.htm">Indien</option>
      <option value="Iran.htm">Iran</option>
      <option value="Laos.htm">Laos</option>
      <option value="Malaysia.htm">Malaysia</option>
      <option value="Myanmar.htm">Myanmar</option>
      <option value="Nepal.htm">Nepal</option>
      <option value="NewZealand.htm">New Zeeland</option>
      <option value="Pakistan.htm">Pakistan</option>
      <option value="Singapore.htm">Singapore</option>
      <option value="Thailand.htm">Thailand</option>
      <option value="Tyrkiet.htm">Tyrkiet</option>
      <option value="Vietnam.htm">Vietnam</option>
      <option value="eastMalaysia.htm">Øst Malaysia</option>
</select>
    </td></tr>
</table>
</form>
Avatar billede raffar Juniormester
17. april 2003 - 06:26 #4
Hvor  value,'index');  index er navnet på den frame der bliver skiftet ud.
Avatar billede raffar Juniormester
17. april 2003 - 06:32 #5
Avatar billede olebole Juniormester
17. april 2003 - 15:11 #6
<ole>

<script type="text/JavaScript" src="">
function linkselect (dropdown) {
    parent.index.location.href = dropdown.options[dropdown.selectedIndex].value;
    // Hvis den skal nulstilles, kan du sætte denne linie ind:
    dropdown.selectedIndex = 0;
}
</script>

<form onsubmit="return false">
<table border="0" cellpadding="0" cellspacing="0" width="768">
  <tr>
    <td align="right" valign="top" width="*"><select name="GPS-kort"
    onChange="linkselect(this)" size="1">
      <option selected value="verden.htm">Klik her</option>
      <option value="Australien.htm">Australien</option>
      <option value="Bangladesh.htm">Bangladesh</option>
      <option value="Cambodia.htm">Cambodia</option>
      <option value="Europa.htm">Europa</option>
      <option value="Indien.htm">Indien</option>
      <option value="Iran.htm">Iran</option>
      <option value="Laos.htm">Laos</option>
      <option value="Malaysia.htm">Malaysia</option>
      <option value="Myanmar.htm">Myanmar</option>
      <option value="Nepal.htm">Nepal</option>
      <option value="NewZealand.htm">New Zeeland</option>
      <option value="Pakistan.htm">Pakistan</option>
      <option value="Singapore.htm">Singapore</option>
      <option value="Thailand.htm">Thailand</option>
      <option value="Tyrkiet.htm">Tyrkiet</option>
      <option value="Vietnam.htm">Vietnam</option>
      <option value="est-Malaysia.htm">Øst Malaysia</option>
    </select> </td>
    <td width="*">og vælg det land du vil se den aktuelle rute fra&nbsp;- målt med vores
    Garmin 12map GPS - Fra <a style="color: rgb(255,255,255" target="_blank"
    href="http://www.Navtech.dk">Navtech Danmark</a></td>
  </tr>
</table>
</form>

/mvh
</bole>
Avatar billede raffar Juniormester
19. april 2003 - 02:34 #7
Virkede min løsning Ikke?
Avatar billede olebole Juniormester
19. april 2003 - 02:43 #8
Nej, du kan da ikke sætte target på en select  :)
Avatar billede olebole Juniormester
19. april 2003 - 02:44 #9
Nå, nummer to løsning. Jo, den vil sikkert virke - men lidt en omvej at bruge window.open()  :)
Avatar billede raffar Juniormester
19. april 2003 - 02:48 #10
olebole > tak jeg mente også den var oK ...Selv om klokken var blevet mange :) Den gav dog ikke noget i denne omgang:)
God påske forresten.
Avatar billede touring Nybegynder
19. april 2003 - 20:16 #11
hej igen
saa langt saa godt.
bare af nysgerrighed, hvordan kan jeg faa flere under faner paa min dropdown menu, f.eks. saaledes at jeg har dropdown menu der hedder asien, sydoestasien, europa ect. og saa her under kan vaelge specifikt land!?

foerste dropdownmenu  undermenu
asien
sydoestasien ------>  thailand
europa                malaysia
                      laos
Avatar billede olebole Juniormester
20. april 2003 - 01:11 #12
Nej, det kan du ikke med et select-element. Det skal skrives fra bunden i DHTML  ;o)
Avatar billede touring Nybegynder
20. april 2003 - 02:42 #13
er det svaert eller er det noget jeg kan finde og kopiere et sted paa nettet? og kan jeg selv  arbejde med det i front page?
Avatar billede olebole Juniormester
20. april 2003 - 06:08 #14
Det er ikke så let. Det er et sådan script, der ligger bag menuen her på Eksperten. Du kan lave denne søgning, så finder du med garanti noget:
  http://www.eksperten.dk/kat/8?searchtype=txt&words=dropdown+menu&method=and&sort=time&catid=8
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