Snälla hjälp oss, javascript

Hejsan

Jag skulle vilja ha lite hjälp med en liten sak till vår hemsida.. Vi ska ha en dropdown meny hade vi tänkt. I denna ska det finnas lite olika resemål. När man valt ett resemål ska man klicka på en knapp som finns precis bredvid och då ska det i en div tagg under menyn visas lite info om varje resemål. Vi har helt stoppat upp och detta är vårt projektarbete men nu vet vi inte hur vi ska göra...

Den här koden har vi i body

	\<form name="menyn"\>
		\<select name="meny"\>
		\<option value="sida1.html"\>Välj resemål här!
		\<option value="sida2.html"\>Cypern
		\<option value="sida3.html"\>Rhodos
		\</select\>
		\<input type="button" name="knapp" value="visaresa"  onClick="visaresa(this);"\>
	\</form\>	
	\<div id="visavader"\>\</div\>

Hur ska vi nu gå vidare?? Om nu ens detta e något rätt... Vi e jätte tacksamma för all hjälp... :)

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.