Søg
Avatar billede plaf Nybegynder
21. oktober 2002 - 16:09 Der er 10 kommentarer og
1 løsning

ImageReady - JavaScript fejl v. tekstlinks

Er ikke nogen ørn til javascript og har brugt imageReady til at lave en menu, hvor et billede i en tabelcelle skifter når musen kører over en anden celle.

Billedet er dog udskiftet med en tekst, og nu får jeg en fejl...

Er der nogen, der kan se, hvad der skal rettes, for at det virker?

Her er koden:

<HTML>
<HEAD>

<TITLE>:: Titel ::</TITLE>

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (menu-lille.psd) -->
<SCRIPT LANGUAGE="JavaScript">
<!--

function newImage(arg) {
    if (document.images) {
        rslt = new Image();
        rslt.src = arg;
        return rslt;
    }
}

function changeImages() {
    if (document.images && (preloadFlag == true)) {
        for (var i=0; i<changeImages.arguments.length; i+=2) {
            document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
        }
    }
}

var preloadFlag = false;
function preloadImages() {
    if (document.images) {
                menu_01_menu_01_over = newImage("images/menu_01-menu_01_over.gif");
        menu_01_menu_02_over = newImage("images/menu_01-menu_02_over.gif");
        menu_01_menu_03_over = newImage("images/menu_01-menu_03_over.gif");
        menu_01_menu_04_over = newImage("images/menu_01-menu_04_over.gif");
        menu_01_menu_05_over = newImage("images/menu_01-menu_05_over.gif");
        menu_01_menu_06_over = newImage("images/menu_01-menu_06_over.gif");
        menu_01_menu_07_over = newImage("images/menu_01-menu_07_over.gif");
        menu_01_menu_08_over = newImage("images/menu_01-menu_08_over.gif");
        menu_01_over = newImage("images/menu_01-over.gif");
                menu_02_over = newImage("images/menu_02-over.gif");
        menu_03_over = newImage("images/menu_03-over.gif");
        menu_04_over = newImage("images/menu_04-over.gif");
        menu_05_over = newImage("images/menu_05-over.gif");
        menu_06_over = newImage("images/menu_06-over.gif");
        menu_07_over = newImage("images/menu_07-over.gif");
        menu_08_over = newImage("images/menu_08-over.gif");
        preloadFlag = true;
    }
}

// -->
</SCRIPT>
<!-- End Preload Script -->
<LINK REL="stylesheet" HREF="praes.css">
</HEAD>
<BODY BGCOLOR=#FFFFFF ONLOAD="preloadImages();">
<P><!-- ImageReady Slices (menu-lille-ny-sliced.psd) --> </P>
<TABLE WIDTH=200 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD> <IMG NAME="menu_lille_ny_sliced_01" SRC="images/menu-lille-ny-sliced_01.gif" WIDTH=200 HEIGHT=133></TD>
</TR>
<TR>
<TD> <FONT SIZE="2"><A HREF="indhold.html"
                onMouseOver="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01-men.gif'); return true;"
                onMouseOut="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01.gif'); return true;">
<IMG SRC="images/pil_lille.gif" WIDTH=14 HEIGHT=14 BORDER=0> Link 1</A></FONT></TD>
</TR>
<TR>
<TD> <FONT SIZE="2"><A HREF="hvad.html"
                onMouseOver="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01--03.gif', 'menu_lille_ny_sliced_02', 'images/menu-lille-ny-sliced_02-men.gif'); return true;"
                onMouseOut="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01.gif', 'menu_lille_ny_sliced_02', 'images/menu-lille-ny-sliced_02.gif'); return true;">
<IMG SRC="images/pil_lille.gif" WIDTH=14 HEIGHT=14 BORDER=0> Link 2</A></FONT></TD>
</TR>
<TR>
<TD> <FONT SIZE="2"><A HREF="skaermdumps.html"
                onMouseOver="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01--04.gif', 'menu_lille_ny_sliced_02', 'images/menu-lille-ny-sliced_02--12.gif'); return true;"
                onMouseOut="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01.gif', 'menu_lille_ny_sliced_02', 'images/menu-lille-ny-sliced_02.gif'); return true;">
<IMG SRC="images/pil_lille.gif" WIDTH=14 HEIGHT=14 BORDER=0> Link 3</A></FONT></TD>
</TR>
<TR>
<TD> <FONT SIZE="2"><A HREF="../win_demo/SETUP.EXE"
                onMouseOver="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01--05.gif', 'menu_lille_ny_sliced_02', 'images/menu-lille-ny-sliced_02--13.gif'); return true;"
                onMouseOut="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01.gif', 'menu_lille_ny_sliced_02', 'images/menu-lille-ny-sliced_02.gif'); return true;">
<IMG SRC="images/pil_lille.gif" WIDTH=14 HEIGHT=14 BORDER=0> Link 4 </A></FONT></TD>
</TR>
<TR>
<TD> <FONT SIZE="2"><A HREF="../win_org/SETUP.EXE"
                onMouseOver="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01--06.gif', 'menu_lille_ny_sliced_02', 'images/menu-lille-ny-sliced_02--13.gif'); return true;"
                onMouseOut="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01.gif', 'menu_lille_ny_sliced_02', 'images/menu-lille-ny-sliced_02.gif'); return true;">
<IMG SRC="images/pil_lille.gif" WIDTH=14 HEIGHT=14 BORDER=0> Link 5</A></FONT></TD>
</TR>
<TR>
<TD> <FONT SIZE="2"><A HREF="forhandlere.html"
                onMouseOver="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01--07.gif', 'menu_lille_ny_sliced_02', 'images/menu-lille-ny-sliced_02--14.gif'); return true;"
                onMouseOut="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01.gif', 'menu_lille_ny_sliced_02', 'images/menu-lille-ny-sliced_02.gif'); return true;">
<IMG SRC="images/pil_lille.gif" WIDTH=14 HEIGHT=14 BORDER=0> Link 6</A></FONT></TD>
</TR>
<TR>
<TD> <FONT SIZE="2"><A HREF="priser.html"
                onMouseOver="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01--08.gif', 'menu_lille_ny_sliced_02', 'images/menu-lille-ny-sliced_02--15.gif'); return true;"
                onMouseOut="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01.gif', 'menu_lille_ny_sliced_02', 'images/menu-lille-ny-sliced_02.gif'); return true;">
<IMG SRC="images/pil_lille.gif" WIDTH=14 HEIGHT=14 BORDER=0> Link 7</A></FONT></TD>
</TR>
<TR>
<TD> <FONT SIZE="2"><A HREF="decom.html"
                onMouseOver="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01--09.gif'); return true;"
                onMouseOut="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01.gif'); return true;">
<IMG SRC="images/pil_lille.gif" WIDTH=14 HEIGHT=14 BORDER=0> Link 8</A></FONT></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
Avatar billede Slettet bruger
21. oktober 2002 - 16:24 #1
Du kan højst sandsynligt ikke bruge det samme script til billeder som til tekst.
Men hvor er det helt præcist, at din tekst står henne? Jeg kan ikke lige se noget!
Avatar billede plaf Nybegynder
21. oktober 2002 - 16:53 #2
Teksten er "Link 1" - "Link 8"

/plaf
Avatar billede plaf Nybegynder
21. oktober 2002 - 17:00 #3
Det virker sådan set fint - billederne skifter, som de skal og linksene fører de rigtige steder hen, men jeg får alligevel en fejl i denne her linie:

document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
Avatar billede plaf Nybegynder
21. oktober 2002 - 17:02 #4
Fejl:'Document[...]' er null eller ikke et objekt
Avatar billede plaf Nybegynder
21. oktober 2002 - 17:03 #5
Når nu det ellers virker, er der så ikke en lille ting, der kan rette fejlen? Please....

/Plaf
Avatar billede Slettet bruger
21. oktober 2002 - 17:22 #6
Det er det nok ikke, men smid et link!
Avatar billede Slettet bruger
21. oktober 2002 - 17:23 #7
Det er nemmere for mig, for så behøver jeg ikke at rode med alle mulige improviserede billedfiler.
Avatar billede plaf Nybegynder
21. oktober 2002 - 17:44 #8
OK - jeg har smidt det her:

http://www.plaf.oersted.mobilixnet.dk/proeve.html

/Plaf
Avatar billede plaf Nybegynder
21. oktober 2002 - 18:24 #9
Hmm - har selv fundet fejlen.... Det er efterhånden ved at blive en dårlig vane, at jeg skriver spørgsmål her på eksperten, og så svarer jeg selv..

Hvis du (phenixv) skriver et svar giver jeg dig 15 point for besværet!

Løsningen var, at teksten åbenbart forsøgte at skifte tilbage til et billede fra et billede (der ikke var der)(Tror jeg nok)

Denne her kode udløser i hvert tilfælde ingen fejl:

<HTML>
<HEAD>

<TITLE>:: Titel ::</TITLE>

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (menu-lille.psd) -->
<SCRIPT LANGUAGE="JavaScript">
<!--

function newImage(arg) {
    if (document.images) {
        rslt = new Image();
        rslt.src = arg;
        return rslt;
    }
}

function changeImages() {
    if (document.images && (preloadFlag == true)) {
        for (var i=0; i<changeImages.arguments.length; i+=2) {
            document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
        }
    }
}

var preloadFlag = false;
function preloadImages() {
    if (document.images) {
                menu_01_menu_01_over = newImage("images/menu_01-menu_01_over.gif");
        menu_01_menu_02_over = newImage("images/menu_01-menu_02_over.gif");
        menu_01_menu_03_over = newImage("images/menu_01-menu_03_over.gif");
        menu_01_menu_04_over = newImage("images/menu_01-menu_04_over.gif");
        menu_01_menu_05_over = newImage("images/menu_01-menu_05_over.gif");
        menu_01_menu_06_over = newImage("images/menu_01-menu_06_over.gif");
        menu_01_menu_07_over = newImage("images/menu_01-menu_07_over.gif");
        menu_01_menu_08_over = newImage("images/menu_01-menu_08_over.gif");
        menu_01_over = newImage("images/menu_01-over.gif");
                menu_02_over = newImage("images/menu_02-over.gif");
        menu_03_over = newImage("images/menu_03-over.gif");
        menu_04_over = newImage("images/menu_04-over.gif");
        menu_05_over = newImage("images/menu_05-over.gif");
        menu_06_over = newImage("images/menu_06-over.gif");
        menu_07_over = newImage("images/menu_07-over.gif");
        menu_08_over = newImage("images/menu_08-over.gif");
        preloadFlag = true;
    }
}

// -->
</SCRIPT>
<!-- End Preload Script -->
<LINK REL="stylesheet" HREF="praes.css">
</HEAD>
<BODY BGCOLOR=#FFFFFF ONLOAD="preloadImages();">
<P><!-- ImageReady Slices (menu-lille-ny-sliced.psd) --> </P>
<TABLE WIDTH=200 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD> <IMG NAME="menu_lille_ny_sliced_01" SRC="images/menu-lille-ny-sliced_01.gif" WIDTH=200 HEIGHT=133></TD>
</TR>
<TR>
<TD> <FONT SIZE="2"><A HREF="indhold.html"
                onMouseOver="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01-men.gif'); return true;"
                onMouseOut="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01.gif'); return true;">
<IMG SRC="images/pil_lille.gif" WIDTH=14 HEIGHT=14 BORDER=0> Link 1</A></FONT></TD>
</TR>
<TR>
<TD> <FONT SIZE="2"><A HREF="hvad.html"
                onMouseOver="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01--03.gif'); return true;"
                onMouseOut="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01.gif'); return true;">
<IMG SRC="images/pil_lille.gif" WIDTH=14 HEIGHT=14 BORDER=0> Link 2</A></FONT></TD>
</TR>
<TR>
<TD> <FONT SIZE="2"><A HREF="skaermdumps.html"
                onMouseOver="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01--04.gif'); return true;"
                onMouseOut="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01.gif'); return true;">
<IMG SRC="images/pil_lille.gif" WIDTH=14 HEIGHT=14 BORDER=0> Link 3</A></FONT></TD>
</TR>
<TR>
<TD> <FONT SIZE="2"><A HREF="../win_demo/SETUP.EXE"
                onMouseOver="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01--05.gif'); return true;"
                onMouseOut="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01.gif'); return true;">
<IMG SRC="images/pil_lille.gif" WIDTH=14 HEIGHT=14 BORDER=0> Link 4 </A></FONT></TD>
</TR>
<TR>
<TD> <FONT SIZE="2"><A HREF="../win_org/SETUP.EXE"
                onMouseOver="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01--06.gif'); return true;"
                onMouseOut="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01.gif'); return true;">
<IMG SRC="images/pil_lille.gif" WIDTH=14 HEIGHT=14 BORDER=0> Link 5</A></FONT></TD>
</TR>
<TR>
<TD> <FONT SIZE="2"><A HREF="forhandlere.html"
                onMouseOver="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01--07.gif'); return true;"
                onMouseOut="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01.gif'); return true;">
<IMG SRC="images/pil_lille.gif" WIDTH=14 HEIGHT=14 BORDER=0> Link 6</A></FONT></TD>
</TR>
<TR>
<TD> <FONT SIZE="2"><A HREF="priser.html"
                onMouseOver="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01--08.gif'); return true;"
                onMouseOut="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01.gif'); return true;">
<IMG SRC="images/pil_lille.gif" WIDTH=14 HEIGHT=14 BORDER=0> Link 7</A></FONT></TD>
</TR>
<TR>
<TD> <FONT SIZE="2"><A HREF="decom.html"
                onMouseOver="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01--09.gif'); return true;"
                onMouseOut="changeImages('menu_lille_ny_sliced_01', 'images/menu-lille-ny-sliced_01.gif'); return true;">
<IMG SRC="images/pil_lille.gif" WIDTH=14 HEIGHT=14 BORDER=0> Link 8</A></FONT></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>



/Plaf
Avatar billede plaf Nybegynder
21. oktober 2002 - 18:25 #10
Giver lige mig selv 15 point
Avatar billede Slettet bruger
22. oktober 2002 - 17:06 #11
Du kan kun acceptere alle på én gang, ikke én for én. Men det gør nu ikke noget, for jeg hjalp jo ikke! :=)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
10/0915:34 Installer alarmlyd på Samsung Galaxy XCover 7 Pro Af ErikHg i Mobiltelefoner
08/0913:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
07/0916:09 Bitdefender brokker sig Af FinnRasmussen i Andet sikkerhed
06/0921:00 Libre Office Impress Af Frank i Andre styresystemer
White papers
Flere white papers »