Søg
Avatar billede kagge Nybegynder
02. oktober 2002 - 10:20 Der er 7 kommentarer og
1 løsning

navigering på hjemmeside

Har lige et lille problem:

<html>

<head>
<title>Testside</title>

<META NAME="generator">
<LINK REL="stylesheet" HREF="stylesheet.css" TYPE="text/css">
<SCRIPT LANGUAGE=JAVASCRIPT>
<!--

reg1 = new Image;
    reg2 = new Image;
    reg1.src = '/billeder/registrerings.gif';
    reg2.src = '/billeder/registrering.gif';

sta1 = new Image;
    sta2 = new Image;
    sta1.src = '/billeder/statistiks.gif';
    sta2.src = '/billeder/statistik.gif';

-->
</SCRIPT>

</head>


<BODY bgcolor="lightsteelblue">

<TABLE BORDER=0 WIDTH="100%">
  <TR>
      <TD><img src="/billeder/menustreg1.gif" width="100%" height="1"></TD>
  </TR>
  <TR>
      <TD align=center <A HREF="http://side1.asp" onmouseover="document.reg.src=reg1.src" onmouseout="document.reg.src=reg2.src"><IMG SRC="/billeder/registrering.gif" BORDER="0" NAME="reg" ALT="Registrering af hotlineopkald"></IMG></A><A HREF="http://side2.asp" onmouseover="document.sta.src=sta1.src" onmouseout="document.sta.src=sta2.src"><IMG SRC="/billeder/statistik.gif" BORDER="0" NAME="sta" ALT="Statistik & udskrivning"></IMG></A>

osv. osv.

</TD>
    </TR>
    <TR>
      <TD><img src="/billeder/menustreg1.gif" width="100%" height="1"></TD>
    </TR>
</TABLE>

ovenstående kode er en lidt forkortet udgave af en navigeringsmenu på en hjemmeside.

Der er nogle menupunkter, der fungerer som links og skifter farve, når musen køres hen over dem.

Altså 2 ens billeder med forskellig farve!

Som det er nu kan man ikke se hvilken menu som er aktiv.

Det jeg så vil have den til er at hvis brugeren er på side1.asp så skal dette menupunkt have en helt tredje farve som adskiller menuen fra de andre (så man kan se den er aktiv).

Håber i forstår og kan hjælpe.
Avatar billede kagge Nybegynder
02. oktober 2002 - 10:23 #1
præcis som den gør på www.bt.dk (gør den side som man er på aktiv i menuen)
Avatar billede jakoba Nybegynder
02. oktober 2002 - 10:47 #2
der udvides i dit script:

<SCRIPT LANGUAGE=JAVASCRIPT>
<!--

var regArr = new Array( "reg", new Image(), new Image(), new Image() )
    // sta[0] er navn på img kommandoen for denne gruppe
    reg[1] = '/billeder/registrerings.gif';  // ikke over, ikke aktiv
    reg[2] = '/billeder/registrering.gif';  // over, ikke aktiv
    reg[3] = '/billeder/registreringa.gif';  // aktiv menu

var staArr = new Array( "sta", new Image(), new Image(), new Image() )
    // sta[0] er navn på img kommandoen for denne gruppe
    sta[1].src = '/billeder/statistiks.gif';    // ikke over, ikke aktiv
    sta[2].src = '/billeder/statistik.gif';      // over, ikke aktiv
    sta[3].src = '/billeder/statistika.gif';    // aktiv menu

var hukommelse = null;

function vedOver( gruppe ) {
    if ( hukommelse == gruppe ) return;
    document.images[ gruppe[0] ].src = gruppe[1].src;   
}; //end vedOver( Array object )

function vedOut( gruppe ) {
    if ( hukommelse == gruppe ) return;
    document.images[ gruppe[0] ].src = gruppe[2].src;   
}; //end vedOut( Array object )

function vedKlik( gruppe ) {
    if ( hukommelse == gruppe ) return;
    if ( hukommelse != null ) {
        document.images[ hukommelse[0] ].src = hukommelse[2].src;   
    }
    document.images[ gruppe[0] ].src = gruppe[3].src;
    hukommelse = gruppe; 
}; //end vedKlik( Array object )


-->
</SCRIPT>


og dine links bliver så:

<A HREF="http://side1.asp"
    onmouseover="vedOver( regArr );"
    onmouseout="vedOut( regArr );"
    onclick="vedKlik( regArr )"><IMG SRC="/billeder/registrering.gif" BORDER="0" NAME="reg" ALT="Registrering af hotlineopkald"></IMG></A>

mvh JakobA
Avatar billede kagge Nybegynder
02. oktober 2002 - 10:50 #3
jeg prøver lige at kigge på det og ser om jeg kan få det til at virke

Du hører lige fra mig lidt senere.
Avatar billede kagge Nybegynder
02. oktober 2002 - 11:23 #4
--> Jakoba

Jeg har lige siddet og indsat din kode og fjernet min egen.

Når jeg loader siden står menuen godt nok. Når jeg kører musen op på dem så viser den sådan et ikon (rød firkant) som om billedet ikke eksister, men jeg har lavet 3 billeder som ligger på den angivne sti.
Avatar billede jakoba Nybegynder
02. oktober 2002 - 11:36 #5
det er mig der har lavet fejl der hvor jeg initialiserer element 1, 2 og 3 i de 2 arrays:

var regArr = new Array( "reg", new Image(), new Image(), new Image() )
    // sta[0] er navn på img kommandoen for denne gruppe
    regArr[1].src = '/billeder/registrerings.gif';  // ikke over, ikke aktiv
    regArr[2].src = '/billeder/registrering.gif';  // over, ikke aktiv
    regArr[3].src = '/billeder/registreringa.gif';  // aktiv menu

var staArr = new Array( "sta", new Image(), new Image(), new Image() )
    // sta[0] er navn på img kommandoen for denne gruppe
    staArr[1].src = '/billeder/statistiks.gif';    // ikke over, ikke aktiv
    staArr[2].src = '/billeder/statistik.gif';    // over, ikke aktiv
    staArr[3].src = '/billeder/statistika.gif';    // aktiv menu

sorry.
Avatar billede kagge Nybegynder
02. oktober 2002 - 12:28 #6
det er bare helt i orden.

Nu skifter den farve når man kører op over/fjerner musen fra menuen, så det er helt perfekt.

Men den skifter ikke til det tredje billede, når man trykker på linket og er inde på den aktive side
Avatar billede jakoba Nybegynder
02. oktober 2002 - 12:58 #7
Har du siden på nettet så jeg kan se hvad du har skrevet? Det bør virke.
Ligger det tredie billede der du angiver som adresse? (stavet korrekt)

indsæt evt nogen debuglinier i vedKlik funktionen for at hitte ud af hvad der er galt:

function vedKlik( gruppe ) {
        alert("vedKlik: allerede klikket = " +( hukommelse == gruppe ) );
    if ( hukommelse == gruppe ) return;
        alert("vedKlik: forrige skal slås fra = " +( hukommelse != null ) );
    if ( hukommelse != null ) {
            alert("vedKlik: forrige billed får " +hukommelse[2].src );
        document.images[ hukommelse[0] ].src = hukommelse[2].src; 
    }
        alert("vedKlik: sætter billed her " +gruppe[3].src );
    document.images[ gruppe[0] ].src = gruppe[3].src;
    hukommelse = gruppe;
}; //end vedKlik( Array object )
Avatar billede kagge Nybegynder
02. oktober 2002 - 13:17 #8
Jeg tror det virker nu. Nu vil jeg bare lige prøve at smide det ud på alle mine sider så der kommer lidt helhed over det og så må jeg se.

Jeg havde vist lavet en lille fejl i billednavnet.

Ellers vender jeg lige tilbage. Men tusind tak for hjælpen i hvert fald
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
I går 14:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
I går 13:27 Send/modtag i Outlook 2024 Af ErikHg i E-mail programmer
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
White papers
Flere white papers »