Lite nybörjarproblem med javasccript:
Jag tänkte göra 3 knappar med utbytbara gif-bilder med hjälp av javascript, så jag hittade ett script på nätet hur man fick den effekten. I <head> lade jag detta:
<script type="text/javascript">
function mouseOver()
{
document.b1.src ="images/home2.gif"
}
function mouseOut()
{
document.b1.src ="images/home.gif"
}
</script>
..och i <body> detta..
<div class="knappar"/>
<a href="/test/home.htm" target="_blank">
<img border="0" alt="test" src="images/home.gif" name="b1" width="100" height="30" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
</div>
och jippi! det funkade! Men nu ville jag ju ha 3 lika bra fungerande knappar och inte bara 1, så jag kollade på nätet igen efter lite menysystem utan större framgång. Så jag tänkte att om jag gör så här kanske i <head>..
<script type="text/javascript">
function mouseOver()
{
document.b1.src ="images/home2.gif"
}
function mouseOut()
{
document.b1.src ="images/home.gif"
}
function mouseOver()
{
document.b2.src ="images/portfolio2.gif"
}
function mouseOut()
{
document.b2.src ="images/portfolio.gif"
}
function mouseOver()
{
document.b3.src ="images/aboutme2.gif"
}
function mouseOut()
{
document.b3.src ="images/aboutme.gif"
}
</script>
och så här i <body>..
<div class="knappar"/>
<a href="test/home.htm" target="_blank">
<img border="0" alt="test" src="images/home.gif" name="b1" width="100" height="30" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
<a href="test/portfolio.htm" target="_blank">
<img border="0" alt="test" src="images/port.gif" name="b2" width="100" height="30" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
<a href="test/aboutme.htm" target="_blank">
<img border="0" alt="test" src="images/aboutme.gif" name="b3" width="100" height="30" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
</div>
..så borde det ju funka - men nääää.. För då blir det 0 effekt på home-knappen och portfolio-knappen byter bild vare sig jag trycker på home eller portfolio osv - helt galet alltså..
Jag har provat att ändra o testa lite i scriptet men denna varianten var den som jag tyckte verkade mest logisk..
Vad jag tycker verkar logiskt och vad javascript tycker är logiskt är tydligen två helt skillda saker:tveksam:
Så kan nån hjälpa mig få till mina 3 knappar lika bra som jag fick 1 knapp att fungera?
