---
title: "Fetstilt på aktiv sida"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/74841-fetstilt-på-aktiv-sida/page2"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "silfver"
published: "2003-04-24T05:52:08.000Z"
updated: "2003-05-06T17:40:55.000Z"
replies: 38
views: 1011
page: 2
pages: 2
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/74841-fetstilt-på-aktiv-sida"
---

# Fetstilt på aktiv sida

_Sida 2 av 2._

## #21 — joel_sundkvist, 2003-05-05T20:07Z

Har testat med IE 5.2, Safari 1.0 beta utan resultat...

Slänger upp sidan på <http://hem.bredband.net/joesun4/eng/index.htm>

Kolla och se om det funkar hos Er...

Permalänk: https://www.webforum.nu/p/1035633

## #22 — mikkeX, 2003-05-05T20:14Z

aha... du kör frames... då funkar inte skriptet som det är skrivet, då behöver du ändra på det... återkommer.

Permalänk: https://www.webforum.nu/p/1035643

## #23 — Peter S, 2003-05-05T20:16Z

Ok, du använder ramar. Testa:

```
var nuvarandeSida = parent.frames["main"].document.location;
```

 :)

Permalänk: https://www.webforum.nu/p/1035651

## #24 — joel_sundkvist, 2003-05-05T20:19Z

Verkar fortfarande inte funka...

Kanske inte funkar på mac ändå?

Permalänk: https://www.webforum.nu/p/1035657

## #25 — joel_sundkvist, 2003-05-05T21:39Z

Vänta nu... när jag uppdaterar sidan så funkar det. 
Någon som vet hur skriver jag om javascriptet så att det funkar på en gång?

Permalänk: https://www.webforum.nu/p/1035740

## #26 — mikkeX, 2003-05-06T05:39Z

Lägg funktionen på onclick också -  tillsammans med länkarna (onload gör att funktionen bara körs när sidan laddas första gången):

```
<a href "..." onclick="makeMenuText()">text</a>
```

Permalänk: https://www.webforum.nu/p/1035856

## #27 — joel_sundkvist, 2003-05-06T06:13Z

funkade med onclick...nästan...
Sida a blir "fet" först när jag klickar på sida b.

R: funkar dessutom bara i explorer på mac verkar det som...

Har uppdaterat sidan. Finns på <http://hem.bredband.net/joesun4/eng/index.htm>

Permalänk: https://www.webforum.nu/p/1035866

## #28 — Peter S, 2003-05-06T06:50Z

Då gör vi så här  :) 

Innanför \<head\>\</head\> i "index.htm":

```
<script type="text/javascript">
<!--

function makeMenuText(){
	var
		d=window.frames["main"].location.href,
		c=window.frames["logo"].document.links,
		i=c.length;

	while(i-->0){
		if(c[i].href==d){
			c[i].style.fontWeight="bold";
		} else {
			c[i].style.fontWeight="normal";
		}
	}
};

//-->
</script>
```

Sedan lägger du följande innanför \<head\>\</head\> på samtliga sidor som visas i ramen "main":

```
<script type="text/javascript">
<!--

window.onload=parent.makeMenuText;

//-->
</script>
```

 :)

Permalänk: https://www.webforum.nu/p/1035879

## #29 — joel_sundkvist, 2003-05-06T07:08Z

Tusen tack!!! Nu funkar det kanon! :)

En liten fundering bara...
Den enda sidan som inte detta script "fetar till" är gästboken. Den blir fet först när jag klickar på en ytterligare sida, vilket resulterar i två feta länkar. Har lagt till ovan angivna kod i dess body. Gästboken har jag köpt på Erimax.

Any ideas?

När jag också har Er experter på tråden ska jag bara passa på att fråga om min fotosida. Jag har nämligen problem med scrollen på den sidan. Funkar i Explorer men inte i apple's safari. Alla andra scrollar funkar dock i safari. Har jag missat något trivialt i koden kanske?

Permalänk: https://www.webforum.nu/p/1035891

## #30 — Peter S, 2003-05-06T07:16Z

Då får du nog lägga funktionen i en separat .js-fil. Ta bort den ovanstående koden från "index.htm" och skapa en .js-fil som du döper till exempelvis "scripts.js" och lägger i samma katalog som index-filen:

```
function makeMenuText(){
	var
		d=window.frames["right"].location.href,
		c=window.frames["left"].document.links,
		i=c.length;

	while(i-->0){
		if(c[i].href==d){
			c[i].style.fontWeight="bold";
		} else {
			c[i].style.fontWeight="normal";
		}
	}
};
```

På de övriga sidor ( de som visas i "main" ) tar du bort "parent" från JavaScript-koden.

På index- samt gästbokssidan länkar du sedan in JavaScript-filen i \<head\>\</head\> på följande vis:

```
<script type="text/javascript" src="http://hem.bredband.net/joesun4/eng/scripts.js"></script>
```

 :)

Permalänk: https://www.webforum.nu/p/1035895

## #31 — joel_sundkvist, 2003-05-06T07:28Z

Funkar inget vidare...

Fetstilen har nu upphört att visa sig, och så har även jag ;)

Jag har säkert gjort något jätteenkelt fel, men jag är verkligen kass på javascripts. skall punkten efter "parent" också bort eller?

Permalänk: https://www.webforum.nu/p/1035901

## #32 — Peter S, 2003-05-06T07:32Z

Japp. Du bör även ta bort funktionen *makeMenuText()* samt *onload="makeMenuText()"* som ligger i "logo.html".

Sedan måste du länka in den externa .js-filen i "index.htm" samt på gästbokssidan.

 :)

Permalänk: https://www.webforum.nu/p/1038702

## #33 — joel_sundkvist, 2003-05-06T07:32Z

arrgh... länkarna blir feta en efter en...

inte när den aktuella sidan i fråga visas.

R: tog bort själva scriptet från logo.html + body onload

Funkar fortfarande inte...

Permalänk: https://www.webforum.nu/p/1038703

## #34 — Peter S, 2003-05-06T07:36Z

Ta bort punkten som du beskrev ovan.

 :)

Permalänk: https://www.webforum.nu/p/1038704

## #35 — joel_sundkvist, 2003-05-06T07:39Z

funkar fortfarande inte...

Permalänk: https://www.webforum.nu/p/1038705

## #36 — Peter S, 2003-05-06T07:45Z

Nej, det är jag som är ute och cyklar.  Jag föreslår att du går tillbaka till den lösning som fungerade bäst och sedan löser vi gästboksdelen då.

 :)

Permalänk: https://www.webforum.nu/p/1038708

## #37 — Peter S, 2003-05-06T08:05Z

Ta bort **all** tidigare JavaScript-kod som relaterar till denna tråd, och lägg in följande innanför \<head\>\</head\> i "logo.html":

```
<script type="text/javascript">
<!--

window.onload=function(){
	var d=document.links,i=d.length,active=null;

	while(i-->0){
		d[i].onclick=function(){
			if(active){
				active.style.fontWeight="normal";
			}
			this.style.fontWeight="bold";
			active=this;
		}
	}
};

//-->
</script>
```

 :)

Permalänk: https://www.webforum.nu/p/1038727

## #38 — mikkeX, 2003-05-06T15:05Z

> **Peter S skrev:**
>
> Ta bort **all** tidigare JavaScript-kod som relaterar till denna tråd, och lägg in följande innanför \<head\>\</head\> i "logo.html":
>
>
> ```
> <script type="text/javascript">
> <!--
> 
> window.onload=function(){
> 	var d=document.links,i=d.length,active=null;
> 
> 	while(i-->0){
> 		d[i].onclick=function(){
> 			if(active){
> 				active.style.fontWeight="normal";
> 			}
> 			this.style.fontWeight="bold";
> 			active=this;
> 		}
> 	}
> };
> 
> //-->
> </script>
> ```
>
> 
>  :)

Snygg lösning  :bire

Permalänk: https://www.webforum.nu/p/1039115

## #39 — joel_sundkvist, 2003-05-06T17:40Z

Instämmer med föregående talare!
Funkar fin-fint! :)

Tack!

Permalänk: https://www.webforum.nu/p/1039292

---

Tråden på webben: https://www.webforum.nu/amne/html-css/74841-fetstilt-på-aktiv-sida/page2  
Föregående sida: https://www.webforum.nu/amne/html-css/74841-fetstilt-på-aktiv-sida.md