Mouseover udvidet!!

Har du et link til siden? Er de lavet med frames?

Nej siden er ikke oppe at køre endnu!! Ja der er 3 frames. Tom - midt bund. Knapperne skal være i bunden og linke til midtframet!

Rettelse TOP - MIDT - BUND frame (tastefejl sorry)

Rettelse TOP - MIDT - BUND frame (tastefejl sorry)

Vil det sige, at når man har tryklket på knappen, så skal den holde sig nede indtil en anden knap er blevet trykket, eller er der andre muligheder for at skifte sider?

Det er korrekt at knappen skal holde sig nede indtil man trykker på en anden knap (dog skal man stadigvæk kunne mouseover uden at aktivere linket)

Og der er ikke andre muligheder for at skifte side

Jamen så er det da nemt nok. Du laver en onclick function, som skifter billedet til kanp2, og som skifter billedet på alle de andre knapper til knap1. Jeg forstår ikke helt hvad der er med onmouseover. Når du kører musen hen over de andre knapper, skal de så trykes ned?
Funktionen kunne se sådan her ud:
<img src=\"knap1.gif\" id=\"knap1\" onmouseover=\"if(this.src=\'knap1.gif\') this.src=\'knap2.gif\" onclick=\"knaptrykkeri(1)\">

og functionen:
function knaptrykkeri(n) {
document.all.knap1.src=\'knap1.gif\';
document.all.knap2.src=\'knap1.gif\';
document.all.knap3.src=\'knap1.gif\';
... fortsættes efter hvor mange knapper du har
if (n==1) document.all.knap1.src=\'knap2.gif\';
if (n==2) document.all.knap2.src=\'knap2.gif\';
if (n==3) document.all.knap3.src=\'knap2.gif\';
... fortsættes...
}

Det ser meget interessant ud! Det jeg gerne vil have er:

7 knapper med 7 tekster hvor når man mouseover så ændre knappen udseende. MEN først når man klikker på en kanp skal den aktivere linket og blive i ON possition - men stadigvæk skal man kunne mouseover de andre uden at der sker noget med linket FØR man igen klikker på en knap

<script type=\"text/javascript\">
function knaptrykkeri(n) {
document.all.knap1.src=\'knap1.gif\';
document.all.knap2.src=\'knap1.gif\';
document.all.knap3.src=\'knap1.gif\';
document.all.knap4.src=\'knap1.gif\';
document.all.knap5.src=\'knap1.gif\';
document.all.knap6.src=\'knap1.gif\';
document.all.knap7.src=\'knap1.gif\';
if (n==1) document.all.knap1.src=\'knap2.gif\';
if (n==2) document.all.knap2.src=\'knap2.gif\';
if (n==3) document.all.knap3.src=\'knap2.gif\';
if (n==4) document.all.knap4.src=\'knap2.gif\';
if (n==5) document.all.knap5.src=\'knap2.gif\';
if (n==6) document.all.knap6.src=\'knap2.gif\';
if (n==7) document.all.knap7.src=\'knap2.gif\';
}
</script>
</head>
... her er resten af din side, indtil dine knapper kommer-
<a href=\"link1\"><img src=\"knap1.gif\" id=\"knap1\" onmouseover=\"if(this.src=\'knap1.gif\') this.src=\'knap2.gif\" onclick=\"knaptrykkeri(1)\"></a>
<a href=\"link1\"><img src=\"knap1.gif\" id=\"knap2\" onmouseover=\"if(this.src=\'knap1.gif\') this.src=\'knap2.gif\" onclick=\"knaptrykkeri(1)\"> </a>
<a href=\"link1\"><img src=\"knap1.gif\" id=\"knap3\" onmouseover=\"if(this.src=\'knap1.gif\') this.src=\'knap2.gif\" onclick=\"knaptrykkeri(1)\"> </a>
<a href=\"link1\"><img src=\"knap1.gif\" id=\"knap4\" onmouseover=\"if(this.src=\'knap1.gif\') this.src=\'knap2.gif\" onclick=\"knaptrykkeri(1)\"> </a>
<a href=\"link1\"><img src=\"knap1.gif\" id=\"knap5\" onmouseover=\"if(this.src=\'knap1.gif\') this.src=\'knap2.gif\" onclick=\"knaptrykkeri(1)\"> </a>
<a href=\"link1\"><img src=\"knap1.gif\" id=\"knap6\" onmouseover=\"if(this.src=\'knap1.gif\') this.src=\'knap2.gif\" onclick=\"knaptrykkeri(1)\"> </a>
<a href=\"link1\"><img src=\"knap1.gif\" id=\"knap7\" onmouseover=\"if(this.src=\'knap1.gif\') this.src=\'knap2.gif\" onclick=\"knaptrykkeri(1)\">

Der manglede lige en </a> til aller sidst.

Waw - vil det sige at id=\"knapX\" henviser til den knap jeg netop skal bruge der?? \"Knap1\" = off og \"knap2\" = on (er det rigtig forstået??) og ID gør så at \"knap1\" bliver ændret til netop den \"knapx\" jeg skal bruge \"der\"!! Kan man gøre det samme med \"knap2\" - altså sætte en ID på den også for \"knap2\" er også forskellig for hver knap!!??

Hm, det bliver lidt mere besværligt. ID\'et henviser til billedet, og det har nogle egenskaber, bla src = kilden, altså hvilket billede der bliver vist. Hvis du vil have forskellige billeder for hver enkelt knap, så ville det blive lidt mere indviklet, noget ala
<script type=\"text/javascript\">
function knaptrykkeri(n) {
document.all.knap1.src=\'1off.gif\';
document.all.knap2.src=\'2off.gif\';
document.all.knap3.src=\'3off.gif\';
document.all.knap4.src=\'4off.gif\';
document.all.knap5.src=\'5off.gif\';
document.all.knap6.src=\'6off.gif\';
document.all.knap7.src=\'7off.gif\';
if (n==1) document.all.knap1.src=\'1on.gif\';
if (n==2) document.all.knap2.src=\'2on.gif\';
if (n==3) document.all.knap3.src=\'3on.gif\';
if (n==4) document.all.knap4.src=\'4on.gif\';
if (n==5) document.all.knap5.src=\'5on.gif\';
if (n==6) document.all.knap6.src=\'6on.gif\';
if (n==7) document.all.knap7.src=\'7on.gif\';
}
</script>
</head>
... her er resten af din side, indtil dine knapper kommer-
<a href=\"link1\"><img src=\"knap1.gif\" id=\"knap1\" onmouseover=\"this.src=\'1on.gif\" onclick=\"knaptrykkeri(1)\"></a>
osv.
Men jeg glemte en detalje, der skal en onmouseout=\"this.src=\'1off\'\" i alle img taggene. Ellers skifter billedet ikke tilbage igen, når musen går ud igen.

Øh, og så lidt forklaring, 1on.gif er knap et, når den er tændt, 1off.gif når den er slukket, osv.

Kan du ikke lige skrive bare en linie hvor onmouseout=\"this.src=\'1off\' indgår - den fattede jeg ikke lige!!

<a href=\"link1\"><img src=\"knap1.gif\" id=\"knap1\" onmouseover=\"this.src=\'1on.gif\" onmouseout=\"this.src=\'1off\'\" onclick=\"knaptrykkeri(1)\"></a>

Okay - så skulle det virke? Jeg prøver det af i aften - efter arbejde ;-)

Tak for hjælpen

Anders

Held og lykke!

Hjælp - den ovennævnte kode virker IKKE - andre forslag??

Prøv at læg al koden ind for din menu side.

Der er ikke anden kode end det du nævnte ovenfor, indsat i Dreamweaver. Problemet er at mouseoverfunktionen ikke ændre sig til \"knap1\" igen når jeg aktivere et nyt link?

Her er hele siden, der var et par småfejl. Du kan se den på www.mur-tag.dk/new_page_1.htm
<html>
<head>
<title>din titel</title>
<script type=\"text/javascript\">
function knaptrykkeri(n) {
document.all.knap1.src=\'1off.gif\';
document.all.knap2.src=\'2off.gif\';
document.all.knap3.src=\'3off.gif\';
document.all.knap4.src=\'4off.gif\';
document.all.knap5.src=\'5off.gif\';
document.all.knap6.src=\'6off.gif\';
document.all.knap7.src=\'7off.gif\';
if (n==1) document.all.knap1.src=\'1on.gif\';
if (n==2) document.all.knap2.src=\'2on.gif\';
if (n==3) document.all.knap3.src=\'3on.gif\';
if (n==4) document.all.knap4.src=\'4on.gif\';
if (n==5) document.all.knap5.src=\'5on.gif\';
if (n==6) document.all.knap6.src=\'6on.gif\';
if (n==7) document.all.knap7.src=\'7on.gif\';
}
</script>
</head>
<body>
<a href=\"link1\"><img src=\"1off.gif\" id=\"knap1\" onmouseover=\"this.src=\'1on.gif\'\" onmouseout=\"this.src=\'1off.gif\'\" onclick=\"knaptrykkeri(1)\"></a>
<a href=\"link2\"><img src=\"2off.gif\" id=\"knap2\" onmouseover=\"this.src=\'2on.gif\'\" onmouseout=\"this.src=\'2off.gif\'\" onclick=\"knaptrykkeri(2)\"></a>
<a href=\"link3\"><img src=\"3off.gif\" id=\"knap3\" onmouseover=\"this.src=\'3on.gif\'\" onmouseout=\"this.src=\'3off.gif\'\" onclick=\"knaptrykkeri(3)\"></a>
<a href=\"link4\"><img src=\"4off.gif\" id=\"knap4\" onmouseover=\"this.src=\'4on.gif\'\" onmouseout=\"this.src=\'4off.gif\'\" onclick=\"knaptrykkeri(4)\"></a>
<a href=\"link5\"><img src=\"5off.gif\" id=\"knap5\" onmouseover=\"this.src=\'5on.gif\'\" onmouseout=\"this.src=\'5off.gif\'\" onclick=\"knaptrykkeri(5)\"></a>
<a href=\"link6\"><img src=\"6off.gif\" id=\"knap6\" onmouseover=\"this.src=\'6on.gif\'\" onmouseout=\"this.src=\'6off.gif\'\" onclick=\"knaptrykkeri(6)\"></a>
<a href=\"link7\"><img src=\"7off.gif\" id=\"knap7\" onmouseover=\"this.src=\'7on.gif\'\" onmouseout=\"this.src=\'7off.gif\'\" onclick=\"knaptrykkeri(7)\"></a>
</body>
</html>

Der skal nok en <base target=\"right\"> ind lige før </head>

Spørgsmål: Nu kan jeg jo ikke se om den aktive knap vil være \"aktiveret\" mens jeg er på netop dens link - men det er den eller hva´???? Og kan jeg stadigvæk mouseover de andre knapper uden at \"hæve\" \"aktiveringen\" af det \"aktive\" link/knap??

Håber du forstår spørgsmålet!!! ;-)

http://www.mur-tag.dk/new_page_2.htm
Der var et par småfejl, igen. prøv at se den nu. Her er den endelige kode, for hele siden med menuen:
<html>
<head>
<title>din titel</title>
<script type=\"text/javascript\">
var i=0;
function knaptrykkeri(n) {
i = n;
document.all.knap1.src=\'1off.gif\';
document.all.knap2.src=\'2off.gif\';
document.all.knap3.src=\'3off.gif\';
document.all.knap4.src=\'4off.gif\';
document.all.knap5.src=\'5off.gif\';
document.all.knap6.src=\'6off.gif\';
document.all.knap7.src=\'7off.gif\';
if (n==1) document.all.knap1.src=\'1on.gif\';
if (n==2) document.all.knap2.src=\'2on.gif\';
if (n==3) document.all.knap3.src=\'3on.gif\';
if (n==4) document.all.knap4.src=\'4on.gif\';
if (n==5) document.all.knap5.src=\'5on.gif\';
if (n==6) document.all.knap6.src=\'6on.gif\';
if (n==7) document.all.knap7.src=\'7on.gif\';
}
</script>
<base target=\"right\">
</head>
<body>
<a href=\"link1\"><img border=\"0\" src=\"1off.gif\" id=\"knap1\" onmouseover=\"this.src=\'1on.gif\'\" onmouseout=\"if(i!=1) this.src=\'1off.gif\'\" onclick=\"knaptrykkeri(1)\" width=\"50\" height=\"50\"></a>
<a href=\"link2\"><img border=\"0\" src=\"2off.gif\" id=\"knap2\" onmouseover=\"this.src=\'2on.gif\'\" onmouseout=\"if(i!=2) this.src=\'2off.gif\'\" onclick=\"knaptrykkeri(2)\" width=\"50\" height=\"50\"></a>
<a href=\"link3\"><img border=\"0\" src=\"3off.gif\" id=\"knap3\" onmouseover=\"this.src=\'3on.gif\'\" onmouseout=\"if(i!=3) this.src=\'3off.gif\'\" onclick=\"knaptrykkeri(3)\" width=\"50\" height=\"50\"></a>
<a href=\"link4\"><img border=\"0\" src=\"4off.gif\" id=\"knap4\" onmouseover=\"this.src=\'4on.gif\'\" onmouseout=\"if(i!=4) this.src=\'4off.gif\'\" onclick=\"knaptrykkeri(4)\" width=\"50\" height=\"50\"></a>
<a href=\"link5\"><img border=\"0\" src=\"5off.gif\" id=\"knap5\" onmouseover=\"this.src=\'5on.gif\'\" onmouseout=\"if(i!=5) this.src=\'5off.gif\'\" onclick=\"knaptrykkeri(5)\" width=\"50\" height=\"50\"></a>
<a href=\"link6\"><img border=\"0\" src=\"6off.gif\" id=\"knap6\" onmouseover=\"this.src=\'6on.gif\'\" onmouseout=\"if(i!=6) this.src=\'6off.gif\'\" onclick=\"knaptrykkeri(6)\" width=\"50\" height=\"50\"></a>
<a href=\"link7\"><img border=\"0\" src=\"7off.gif\" id=\"knap7\" onmouseover=\"this.src=\'7on.gif\'\" onmouseout=\"if(i!=7) this.src=\'7off.gif\'\" onclick=\"knaptrykkeri(7)\" width=\"50\" height=\"50\"></a>
</body>
</html>

En sidste kommentar, den eneste grund til at koden er så lang, er at det er forskellige billedfiler for hver knap, gange to. På siden er de alle sammen ens, men du talte om at du gerne ville have at de var forskellige. Koden bliver vist en del enklere, hvis alle billederne var ens.

Det er er klar over, men da knapperne skal bruges til forskellige henvisninger/Links er det desværre et krav. Men nu ser det rigtig rigtig godt ud!

Endnu engang tak for hjælpen!

PS: Er du tilknyttet Eksperten?? Kan man på et senere tidspunkt kontakte dig igen?? - Er du også på om aftenen??

Nej jeg sidder og hygger mig ude fra arbejde. Men jeg er på til 5-6 tiden om eftermiddagen. Men der er masser af andre der kan klare de her spørgsmål, koden er meget ligetil.

Okay - endnu engang tak for hjælpen (i denne omgang!!)

Hvis du får lyst til at arbejde videre med det, kan jeg anbefale at du bruger tabeller i stedet for knapper. Så kan du ændre de rammer der om felterne til at vise om \"knappen\" er aktiv eller ej. Det kan man komme ret langt med, og det er 1000 gange nemmere at redigere bagefter.

Hvis jeg så er fræk og gerne ville se et eksempel på det - hvad ville du så sige??

http://www.mur-tag.dk/new_page_2.htm
Prøv at se nu. Den virker kun med at køre musen over.

Okay - det er også en mulighed - men i første omgang holder jeg mit til billederne!!

Jaja, det er også det nemmeste. Men det andet er nu også megeet sjovt. Held og lykke med det!

Tak

God arbejdslyst ;-)