5 svar · 213 visningar · startad av Gustav
Alltså, jag ska öppna ett externt fönster med hjälp av en vanlig dropdown-meny.
Men jag får det verkligen inte att funka. Kan man inte göra så här:
<option value="forfest1.html" target="external" onClick=window.open("forfest1.html","external","height=420,width=540,scrollbars=no")><b>Förfest1</b>
Eller?
Jag skulle rekommendera något sånt här. För det första ska man inte använda onClick i option, utan onChange i selecten.
<select onchange='
var url = this[this.selectedIndex].value;
if(url)
window.open(url,"external","height=420,width=540,scrollbars=no");
'>
<option>Välj en grej</option>
<option value="forfest.html">Förparty</option>
<option value="lunseria.html">Lunseria</option>
</select>
Väljar man något med value öppnas fönstret, väljar man något utan value händer inget alls.
Jag hade onChange men det funkade inte ändå.
Men nu uppstod ju ännu ett problem. Den sista <option> ska ju gömma själva menyn.
<select name="till" STYLE="background:#E5E5E5; border-style:1px; font-size: 10; color: #000000; font-family: Tahoma;" onchange='var url = this[this.selectedIndex].value; if(url)window.open(url,"external","height=420,width=540,scrollbars=no");'>
<option value="" selected>- Menu -
<option>
<option value="conclusions.html">Conclusions</option>
<option value="program.html">The Program</option>
<option value="topical.html">Topical Inland Waterways</option>
<option value="news.html">News</option>
<option value="contact.html">Contact</option>
[b]<option value="javascript:hide('menu2');">Hide this menu</option>[/b]
<option>
</select>
Nu verkar jag ju inte kunna köra ett javascript direkt i <option>...eller?
Du kan ju göra någon specialversion...
<select name="till" STYLE="background:#E5E5E5; border-style:1px; font-size: 10; color: #000000; font-family: Tahoma;" onchange='
var url = this[this.selectedIndex].value;
if(url == "__HIDE__") hide("menu2");
else if(url) window.open(url,"external","height=420,width=540,scrollbars=no");
'>
<option selected>- Menu -
<option>
<option value="conclusions.html">Conclusions</option>
<option value="program.html">The Program</option>
<option value="topical.html">Topical Inland Waterways</option>
<option value="news.html">News</option>
<option value="contact.html">Contact</option>
<option value="__HIDE__">Hide this menu</option>
<option>
</select>
Nåt fel på det här då?
<script type="text/javascript" language="JavaScript">
<!--
function show(id)
{
if (document.layers)
document.layers[id].visibility = "show"
else if (document.all)
document.all[id].style.visibility = "visible"
}
function hide(id)
{
if (document.layers)
document.layers[id].visibility = "hide"
else if (document.all)
document.all[id].style.visibility = "hidden"
}
//-->
</script>
och sen...
<a href="javascript:show('menu2');">Click here.</a>
Alltså för att visa lagret som menyn ligger i. Det funkar i Explorer men inte i Netscape...det är i Netscape som den behöver funka... 