Starta javascript med formulär

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.

------------------
The mud can make you prisoner, the plains can make you dry,
the snow can burn your eye but only people make you cry...

[Redigerat av Joe Mama den 22 aug 2001]

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>

------------------
The mud can make you prisoner, the plains can make you dry,
the snow can burn your eye but only people make you cry...

[Redigerat av Joe Mama den 22 aug 2001]

[Redigerat av spango den 30 aug 2001]

PERFEKT!!!

Tack! :)

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... :(