Dropdownmenyn funkar inte om man trycker "tillbaka" i webläsaren, hur löser man det?

David_gbg · 2010-04-21, 09:25

Hej,

Jag har en 2 dropdownmenyer som tillsammans öppnar en pdf, problemet jag har uppstår när man trycker
"tillbaka" i webläsaren för att gå från pdf:en till menyn. Då slutar nämligen dropdownlistan att fungera och man måste ladda om sidan.

Det kan tilläggas att dropdownlistorna hämtar info från en javascriptfil.

Hur kan man lösa detta problem?

Koden ser ut ungefär såhär:

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>EWD</title>
<script type="text/javascript" src="pdf-links.js"> 
    </script>
</head>
<body class="twoColHybLtHdr">
<div id="container">
  <div id="header">
    <div id="top1"><img src="images/logo.gif" alt="EWD"/></div>
    <div id="top2">
	<a href="index.html" target="_self">
	<img src="images/start.gif" border="0"></a>
	<img src="images/fullscreen.gif" border="0"></a>
  </div>
  <!-- end #header --></div>
  <div id="sidebar1">
    <form name="myform"><div align="left">
      <p>
  <select name="optone" size="1"
onchange="setOptions(document.myform.optone.options
[document.myform.optone.selectedIndex].value);">
    <option value="" selected="selected">Steg 1 - Välj bilmodell</option>
    <option value="c30">C30</option>
    <option value="s40">S40 (04-)</option>
    <option value="v50">V50</option>
    <option value="s60(-09)">S60 (-09)</option>
    <option value="s60(11-)">S60 (11-)</option>
    <option value="xc60">XC60</option>
    <option value="c70">C70 (06-)</option>
    <option value="v70">V70 (-08)</option>
    <option value="v70(08-)">V70 (08-)</option>
    <option value="xc70">XC70 (-08)</option>
    <option value="xc70(08-)">XC70 (08-)</option>
    <option value="s80(-07)">S80 (-07)</option>
    <option value="s80(07-)">S80 (07-)</option>
    <option value="s80l">S80L</option>
    <option value="xc90">XC90</option>
  </select>
  <br> <br>
  <select name="opttwo" size="1">
    <option value=" " selected="selected">Steg 2 - Välj publikation</option>
  </select>
  </p>
      <p>
        <input type="button" name="go" value="Öppna bok"
onclick="window.location=document.myform.opttwo.options[document.myform.opttwo.selectedIndex].value;"/>
      </p>
    </div></form>
    <p class="font"><img src="images/button2.gif" width="22" height="15" /><a href="news.html">Nyheter</a><br />
    <img src="images/button2.gif" alt="" width="22" height="15" /><a href="help.html">Hjälp</a></p>
</div>
  <div id="mainContent">
    <div id="maintext">

<!-- end #maintext --></div>
<!-- end #mainContent --></div>
	<br class="clearfloat" />
<!-- end #container --></div>
</body>
</html>

martine · 2010-04-29, 09:40

Citat:

Ursprungligen postat av David_gbg

... i webläsaren...

I webbläsaren är väldigt diffust. Kontrollera och dokumentera åtminstone vilka webbläsare det handlar om och länka gärna till sidan så får du säkert fler svar.

ejick · 2010-04-29, 10:38

Med tanke på att koden du skickar inte validerar (http://validator.w3.org/) som den ska kan det ju vara, och är ganska praktiskt överlag, att öppna pdf-filen i ett nytt fönster.

I ditt fall använder du doctype: XHTML 1.0 transitional vilket ska tillåta att du använder "target="_blank" på dina länkar för detta ändamål.

Om du inte vill göra förstora ändringar i koden för detta kan du ändra window.location och istället ha window.open().

Dock är det inget svar på din fråga, vilket jag tror kan bero på lite olika faktorer... men det är ett förslag på en annan (bättre) lösning.

allstars · 2010-04-29, 12:50

När man väljer ur den första listan, lägg till hash (#123) i adressfältet till valt ID, eller motsvarande som kan användas om användaren går tillbaka i historiken.

man måste dock komplettera med en listener som kollar av att adressfältet ändrats eller så.

Jag har inget konkret exempel att visa, men det är något att gå på iaf.

Ämnesverktyg
Visa utskriftsvänlig version E-posta den här sidan
Visningsalternativ
Linjär visning Växla till hybrid-visning Växla till trådad visning

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

Dropdownmenyn funkar inte om man trycker "tillbaka" i webläsaren, hur löser man det?