Snälla hjälp oss, javascript

Ingen som har nåt tips??? :(

Typ så här:

<script type="text/javascript">

function visaresa(){
	var element = document.getElementById('meny');
	var fil = element.options[element.selectedIndex].value;

	if(fil.length){	// Kolla om ett val har gjorts
		window.open(fil, 'innehall');
	}else{
		alert('Vänligen välj ett resmål i menyn innan du klickar på knappen');
	}
}

</script>

<form name="menyn">
<select id="meny">
<option value="">Välj resemål här!</option>
<option value="cypern.html">Cypern</option>
<option value="rhodos.html">Rhodos</option>
</select>
<input type="button" name="knapp" value="Visa resa" onclick="visaresa();">
</form>

<iframe src="valj.html" name="innehall"></iframe>

Du får skapa filer med lämpliga namn.

Tack för svaret :)

Kan ja göra så här om det ska visas i en div fil på samma sida?

Du måste ha ett antal separata filer om du använder den koden, om det var det du menade. Om du vill ha allt i en fil kan du göra så här:

<style type="text/css">
.vader{
	background-color: e0e0ff;
	width: 400px;
	height: 400px;
	overflow: auto;
	display: none;
}

</style>
<script type="text/javascript">

function visaresa(){

	var element = document.getElementById('meny');
	var nummer = parseInt(element.options[element.selectedIndex].value);

	if(nummer>0){	// Kolla om ett val har gjorts
		for(var i=0; i<5; i++){
			if(i==nummer){
				document.getElementById('land' + i).style.display='block';
			}else{
				document.getElementById('land' + i).style.display='none';
			}
		}
	}
}

</script>

<form name="menyn">
<select id="meny">
<option value="">Välj resemål här!</option>
<option value="0">Cypern</option>
<option value="1">Rhodos</option>
<option value="2">Kreta</option>
<option value="3">Kos</option>
<option value="4">Korfu</option>
</select>
<input type="button" name="knapp" value="Visa resa" onclick="visaresa();">
</form>

<div class="vader" id="land0">
Cypern

</div>

<div class="vader" id="land1">
Rhodos

</div>

<div class="vader" id="land2">
Kreta

</div>

<div class="vader" id="land3">
Kos

</div>

<div class="vader" id="land4">
Korfu

</div>

Åh TACK du har räddat min natt :)

I gengäld, klicka gärna på "markera som lösning" ovanför mitt inlägg samt titta förbi forumet då och då. ;)

Har bara en snabb fråga... när jag klickar på cypern kommer också alert rutan upp... hur ändrar man det?

Klart ja ska kolla in här :) Skit bra ju :)

Kom på en till fråga:) kan ja få in denna i css:en?

.ort{
background-color: e0e0ff;
width: 400px;
height: 400px;
overflow: auto;
display: none;
}

Koden är redigerad och alert-rutan borttagen.
Vad exakt menar du med "få in"?

Kan ja på nåt sätt lägga den i css filen... Vill inte ha den i head

Tror inte att vi riktigt förstår vad själva problemet är.
Det är väl bara att klistra in css-koden i css-filen?

Sen bör man egentligen inte ställa följdfrågor i samma tråd, bättre att skapa en ny tråd samt acceptera lösningen på första frågan. Det hjälper andra som söker liknande problem samt att om man vill hjälpa till så "slipper" man gå in i tråden när den redan är löst.