Hjälp med onmouseover-funktion.

17 svar · 461 visningar · startad av Mika3l 27 maj 2002

Mika3lMedlem sedan nov. 20018 492 inlägg

Frågan27 maj 2002 15:09#1

Jag har försökt med följande kod för en onmouseover-funktion.

function img_over(ImgName) {
document[ImgName].src=eval('images/menu_+ ImgName+_over.png')
}
function img_out(ImgName) {
document[ImgName].src=('images/menu_+ ImgName +_out.png')
}

Jag vill altså ha in en bild där det står + ImgName +, hur gör jag det?

Någon som kan hjälpa en antijavascriptkunnig? :stud

/Mika3l

Mika3lMedlem sedan nov. 20018 492 inlägg

27 maj 2002 15:57#2

Jag fick det att fungera nu. :)

function img_over(ImgName) {
document[ImgName].src=('images/menu_'+ ImgName +'_over.png')
}
function img_out(ImgName) {
document[ImgName].src=('images/menu_'+ ImgName +'_out.png')
}

Jippie! :bire

Mika3lMedlem sedan nov. 20018 492 inlägg

28 maj 2002 15:38#3

Hmm, nu fungerar det inte längre.
Efter att ha lagt till fler bilder som skulle bytas så har det skitit sig igen. :(

Jag får felmeddelandet 'document[...]' är null eller inte ett object.

Någon som kan hjälpa?

JojoxxMedlem sedan juni 20004 308 inlägg

28 maj 2002 16:55#4

Låter som du anropar någon av funktionerna med ett ogiltigt namn. Du kanske glömt ett par citat-tecken runt namnet när du anropar funktionen? Det är en klassiker. :)

Mika3lMedlem sedan nov. 20018 492 inlägg

28 maj 2002 18:01#5

Inga glömda tecken här vad jag vet, skickar hela sidan...

<html>
<head>
<title>Menu</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script language="JavaScript">
function img_over(ImgName) {
document[ImgNameOver].src=('images/menu_'+ ImgName +'_over.png')
}
function img_out(ImgName) {
document[ImgName].src=('images/menu_'+ ImgName +'_out.png')
}
</script>
</head>
<body class="blank" topmargin="0" leftmargin="0" rightmargin="0">

<table height="100%" cellspacing="0" cellpadding="0">
 <tr>
  <td valign="middle">

<img src="images/menu_top.png" width="150" height="10" alt=""><br>
<a href="main.aspx" onMouseOver="javascript:img_over('hem')"; onMouseOut="javascript:img_out('hem')";><img src="images/menu_hem_out.png" width="150" height="15  name="hem" vspace="0" border="0"></a><br>
<a href="tekniker.aspx" onMouseOver="javascript:img_over('tekniker')"; onMouseOut="javascript:img_out('tekniker')";><img src="images/menu_tekniker_out.png" width="150" height="15  name="tekniker" vspace="0" border="0"></a><br>
<a href="portfolio.aspx" onMouseOver="javascript:img_over('portfolio')"; onMouseOut="javascript:img_out('portfolio')";><img src="images/menu_portfolio_out.png" width="150" height="15" name="portfolio" vspace="0" border="0"></a><br>
<a href="pagang.aspx" onMouseOver="javascript:img_over('pagang')"; onMouseOut="javascript:img_out('pagang')";><img src="images/menu_pagang_out.png" width="150" height="15  name="pagang" vspace="0" border="0"></a><br>
<a href="om.aspx" onMouseOver="javascript:img_over('om')"; onMouseOut="javascript:img_out('om')";><img src="images/menu_om_out.png" width="150" height="15  name="om" vspace="0" border="0"></a><br>
<a href="kontakt.aspx" onMouseOver="javascript:img_over('kontakt')"; onMouseOut="javascript:img_out('kontakt')";><img src="images/menu_kontakt_out.png" width="150" height="15  name="kontakt" vspace="0" border="0"></a><br>
<a href="gbook.aspx" onMouseOver="javascript:img_over('gbook')"; onMouseOut="javascript:img_out('gbook')";><img src="images/menu_gbook_out.png" width="150" height="15  name="gbook" vspace="0" border="0"></a><br>
<a href="admin.aspx" onMouseOver="javascript:img_over('admin')"; onMouseOut="javascript:img_out('admin')";><img src="images/menu_admin_out.png" width="150" height="15  name="admin" vspace="0" border="0"></a><br>
<img src="images/menu_bottom.png" width="150" height="10" vspace="0" border="0" alt="" align="top">

  </td>
 </tr>
</table>

</body>
</html>

JojoxxMedlem sedan juni 20004 308 inlägg

28 maj 2002 18:09#6

Jodå, massor :)

function img_over(ImgName) {
document[ImgName].src='images/menu_'+ ImgName +'_over.png'
}

(ImgName, inte ImgNameOver)

onMouseOver="java script:img_over('hem')";
skall vara;
onMouseOver="img_over('hem');"
(alltså med ";" innanför citat-tecknen. Forumet ställer som bekant till JavaScript: och skriver isär det, men det behöver du inte heller ha med. JavaScript är "default").

I bilderna saknas " efter height="15". Därav blir aldrig namnet definierat.

Mika3lMedlem sedan nov. 20018 492 inlägg

28 maj 2002 18:20#7

Vart kom alla mellanslag ifrån? :o
Hade inga mellanslag i koden. :l

Nåja, jag har provat med din kod(visserligen bara på en bild men ändå ;) ) men det vill inte fungera, bilden som ska komma upp när man inte har musen över kommer inte fram, den andra bilden är kvar, jag får inga felmeddelanden....

JojoxxMedlem sedan juni 20004 308 inlägg

28 maj 2002 18:26#8

Det är forumet som lägger till mellanslagen i "Java Script". Utvecklarna säger att det är en feature, jag säger att det är en bug :)

Har du bilder med namnen "images/menu_hem_over.png", "images/menu_hem_out.png" osv? Det bästa vore om du kunde länka till sidan så man kan titta på resultatet.

Mika3lMedlem sedan nov. 20018 492 inlägg

28 maj 2002 18:30#9

Håller med dig att det är en bugg. :l

Jag har bilder till hem, tekniker och pagang, dom andra har jag inte orkat göra några till än. ;)
http://213.116.240.232/flashlight/index.html
Under utvecklingsstadium som du ser. ;)

Mika3lMedlem sedan nov. 20018 492 inlägg

28 maj 2002 18:31#10

Jag har bara bytt kod på Hem också!
Ska byta dom andra nu....

Mika3lMedlem sedan nov. 20018 492 inlägg

28 maj 2002 18:33#11

Nu är dom andra bytta(tekniker och portfolio) men jag får ett sånt där null-felmeddelande igen. :l

Mika3lMedlem sedan nov. 20018 492 inlägg

28 maj 2002 18:39#12

Såg nu att jag hade glömt att lägga till " efter 15 så nu får jag inga felmeddelanden men bilden som kommer fram när man för musen över(som ska försvinna) är kvar... :l

JojoxxMedlem sedan juni 20004 308 inlägg

28 maj 2002 18:47#13

Kommer tyvärr inte in på sidan f.n. så jag kan titta på det.

Mika3lMedlem sedan nov. 20018 492 inlägg

28 maj 2002 19:46#14

När du skrev det så hade nog jag kopplat ur(modem).
Prova nu igen.
http://213.116.242.121/sportforum/index.asp

JojoxxMedlem sedan juni 20004 308 inlägg

29 maj 2002 05:34#15

mode-vadå? ;)

Zippa ihop alla filer och skicka dem med inlägget istället.

Mika3lMedlem sedan nov. 20018 492 inlägg

29 maj 2002 10:20#16

Här kommer menyn. :)

menu.zip (7 kB)

JojoxxMedlem sedan juni 20004 308 inlägg

29 maj 2002 13:16#17

I båda funktionera slutade bild-namnet på "_over.png". Sedan flyttade jag inte semi-kolonet ";" i eventet. Se bifogad fil.

menu.zip (1 kB)

Mika3lMedlem sedan nov. 20018 492 inlägg

29 maj 2002 13:20#18

Jippie!
Nu fungerar det! :)

Man tackar! :) :bire