---
title: "Fetstilt på aktiv sida"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/74841-fetstilt-på-aktiv-sida"
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: 1
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 1 av 2._

## #1 — silfver, 2003-04-24T05:52Z

Hejsan!

Här är en liten del av min menykod:

    \<td width="131" bgcolor="#F5F5F5" style="border: solid 1px #727F8D" onMouseOver="this.style.backgroundColor='CED6DF';" onMouseOut="this.style.backgroundColor='F5F5F5';" width="50%" bgcolor="#F5F5F5" \<td\>&nbsp;\<a href="index2.php?sida=omrostningar" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #FFFFFF" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2"\>Omröstningar\</a\>\</td\>
  \</tr\>
  \<tr\>
    \<td width="131" bgcolor="#F5F5F5" style="border: solid 1px #727F8D" onMouseOver="this.style.backgroundColor='CED6DF';" onMouseOut="this.style.backgroundColor='F5F5F5';" width="50%" bgcolor="#F5F5F5" \<td\>&nbsp;\<a href="index2.php?sida=information" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #FFFFFF" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2"\>Information\</a\>\</td\>
  \</tr\>
  \<tr\>
    \<td width="131" bgcolor="#F5F5F5" style="border: solid 1px #727F8D" onMouseOver="this.style.backgroundColor='CED6DF';" onMouseOut="this.style.backgroundColor='F5F5F5';" width="50%" bgcolor="#F5F5F5" \<td\>&nbsp;\<a href="index2.php?sida=gastbok" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #FFFFFF" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2"\>Gästboken\</a\>\</td\>

Nu är det såhär... Jag vill att den ska visa, om man till exempel är inne på "Bilder" så vill jag att "Bilder" ska vara fetstilt. Hur funkar det? Går det ordna på något enkelt sätt, eller ska jag vända mig till phpforumet?

mvh

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

## #2 — HeHo, 2003-04-24T05:56Z

varför inte göra det i css.
a:active {font-weight:bold}

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

## #3 — silfver, 2003-04-24T06:00Z

Nej men det blir ju liksom inte rätt. Jag använder mig inte av ramar, och när den uppdaterar sidan så försvinner "tjockheten".

<http://spek.silfvers.com> \<\< så blev resultatet.

Jag vill att den ska förbli tjock tills man byter sida.

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

## #4 — ulfe, 2003-04-24T10:20Z

du har ju att en querystring när du växlar sida
Kolla den när du kommer till menyn och styla menyvalet 

Nu kan jag inte php, men ett exempel i asp (frihandsskrivet) kanske ger en ide:

\<td\> 

\<a 

\<% 
if Request.Querystring("sida") = "gastbok" then
  Response.Write " style='font-weight: bold;' "
end if
%\>

href="index2.php?sida=gastbok" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #FFFFFF" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2"\>Gästboken\</a\>\</td\>

Detta ger att du stylar det aktiva menyvalet med fet stil om querysträngen är samma som det menyval du klickat på

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

## #5 — silfver, 2003-04-24T14:39Z

mhm... men .asp har ja inte tillgång till, men det måste ju gå göra något liknande i .php. Tack ändå.

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

## #6 — mikkeX, 2003-04-24T15:11Z

du kan lösa det med JavaScript på följande vis (gammal kod, orkar inte skriva om den för att passa ditt exempel, men jag tror du hajjar)

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Aktiv l&auml;nk fet</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body, a:link, a:visited
{
color: black;
font-size: small;
font-family: verdana, arial, sans-serif;
}
</style>
<script type="text/javascript">
<!--
function makeMenuText()
{
var nuvarandeSida = document.location;
for(i=0 ; i<document.links.length ; i++)
{
if(document.links[i].href==nuvarandeSida)
{
document.links[i].style.fontWeight = 'bold';
}
}
} 
//-->
</script>
</head>
<body onload="makeMenuText();">
<a href="ett.htm">ett</a><br /> 
<a href="tva.htm">tv&aring;</a><br /> 

<a href="tre.htm">tre</a> <br />
</body>
</html>
```

Fungerar i IE 5+ och Netscape 6+ och Opera 7.

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

## #7 — silfver, 2003-04-25T04:55Z

Du skrev:
\<a href="ett.htm"\>ett\</a\>\<br /\> 
\<a href="tva.htm"\>två\</a\>\<br /\> 

Måste jag använda mig av "ett", "två" osv?

mvh

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

## #8 — mikkeX, 2003-04-25T06:45Z

> **silfver skrev:**
>
> Du skrev:
> \<a href="ett.htm"\>ett\</a\>\<br /\> 
> \<a href="tva.htm"\>två\</a\>\<br /\> 
> 
> Måste jag använda mig av "ett", "två" osv?
> 
> mvh

Oh nej, det var bara exempel på länkar, du kan skriva vilka länkar som helst, skriptet ser till att det blir fetstil på länken till den sida som är aktiv.

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

## #9 — ulfe, 2003-04-25T07:22Z

Funkar det scriptet iom att silfver använder querystring?

Har inte full pejl på java om document.location även tar med det som finns i querystringen eller enbart sidnamnet dvs "index2.php".

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

## #10 — mikkeX, 2003-04-25T07:29Z

> **ulfe skrev:**
>
> Funkar det scriptet iom att silfver använder querystring?
> 
> Har inte full pejl på java om document.location även tar med det som finns i querystringen eller enbart sidnamnet dvs "index2.php".

testa!  :e

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

## #11 — silfver, 2003-04-25T14:54Z

tack ska kolla upp era svar senare :)

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

## #12 — joel_sundkvist, 2003-05-05T18:22Z

Försöker också få mina länkar feta i a:active. Funkar inget vidare... Har en meny med vanliga textlänkar. Vill att den aktiva sidans länk skall vara fet när man är inne på den sidan. Kan man lösa det med css? Länken blir bara fet just vid själva klicket. Menyn ligger i en frame f.ö. Har även satt dem i rätt ordning dvs. a:link, a:visited, a:hover, a:active. 

Någon som vet?

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

## #13 — Peter S, 2003-05-05T18:31Z

Har du testat mikkeX kod ovan?

 :)

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

## #14 — silfver, 2003-05-05T18:58Z

Ska göra det imorgon, bra att du påminde mig :)

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

## #15 — joel_sundkvist, 2003-05-05T19:03Z

Jag fattar inget av javascript... ;) Testade utan resultat...

Är det något jag behöver "kustomisera i koden?

Tack på förhand!

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

## #16 — Peter S, 2003-05-05T19:34Z

Lägg följande innanför \<head\>\</head\> på den sida menyn är:

```
<script type="text/javascript">
<!--
function makeMenuText()
{
var nuvarandeSida = document.location;
for(i=0 ; i<document.links.length ; i++)
{
if(document.links[i].href==nuvarandeSida)
{
document.links[i].style.fontWeight = 'bold';
}
}
} 
//-->
</script>
```

Samt \<body onload="makeMenuText()"...

 :)

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

## #17 — joel_sundkvist, 2003-05-05T19:48Z

får det fortfarande inte att funka...

Det kan väl inte ha att göra med att jag kör mac? ;)
 postar lite kod...

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Namnl&ouml;st dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="../style_logo.css">
<script type="text/javascript">
<!--
function makeMenuText()
{
var nuvarandeSida = document.location;
for(i=0 ; i<document.links.length ; i++)
{
if(document.links[i].href==nuvarandeSida)
{
document.links[i].style.fontWeight = 'bold';
}
}
} 
//-->
</script> 

</head>
<body onload="makeMenuText()"> 

<table width="590" border="0" cellpadding="0" cellspacing="0" >
	
	<tr>
		<td>
		     <div align="center">| <a href="news.html" target="main">News</a> | 
               <a href="biography.html" target="main">     Biography</a> | 
			   <a href="repertoire.html" target="main">Repertoire</a> | <a href="recitals.html" target="main">Recitals</a> 
			   | <a href="downloads.html" target="main">Downloads</a> | <a href="#" target="main">Photos</a> 
			   | <a href="links.html" target="main">Links</a> | <a href="#" target="main">Guestbook</a>		    
			   | <a href="contact_joel.html" target="main">Contact</a> |
           	</div>
		</td>
      
    </tr>
	
</table>
```

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

## #18 — Peter S, 2003-05-05T19:54Z

Kommer det upp något varningsfönster med följande:

```
function makeMenuText()
{
var nuvarandeSida = document.location;
for(i=0 ; i<document.links.length ; i++)
{
if(document.links[i].href==nuvarandeSida)
{
alert(":)");
document.links[i].style.fontWeight = 'bold';
}
}
}
```

 :)

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

## #19 — joel_sundkvist, 2003-05-05T19:58Z

nix...

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

## #20 — mikkeX, 2003-05-05T20:03Z

Det kan vara så att skriptet inte funkar på internet explorer  i mac - vilken version av ie kör du? (eller kör du någon annan webbläsare?).
Jag har inte gjort någon testkörning på ie 5 med skriptet - men jag har för att jag gjort det på ie 5.2....

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/74841-fetstilt-på-aktiv-sida  
Nästa sida: https://www.webforum.nu/amne/html-css/74841-fetstilt-på-aktiv-sida/page2.md
