webForumDet fria alternativet

Bold på aktiv länk

Webbutveckling

9 svar · 270 visningar · startad av Melea

Medlem sedan juli 20033 147 inlägg
Frågan#1

Hejsan!

Har ni tips på hur man kan lösa så den aktuella länken
blir bold utan något programmeringsspråk som ASP och PHP?
Där kan man ju utan problem skriva ihop en ifsats.

Exempel: länk1 :: länk2 :: länk3 :: länk4

Där man är på länk3 för tillfället.

Tips någon?

Tack på förhand

Medlem sedan nov. 200013 890 inlägg
#2

Med CSS:

a:active {font-weight:bold;}
Medlem sedan juli 20033 147 inlägg
#3

Inte riktigt så jag menar :)

Menar mer att när man är på länk3 så är den bold, när man
sedan trycker på länk2 är den bold och inte länk3.

Medlem sedan juni 20019 024 inlägg
#4

Du kan använda dig av JavaScript som tilldelar den aktiva länken en egen class ("on"). Alla andra länkar får då en annan class ("off").

Det går dock inte med nya sidladdningar då klientscriptet nollställs. Om du vill kunna ladda ny sida måste du använda ett serverscript (om du inte sparar cookie eller dylikt med info om vilken länk som är markerad - dock betydligt krångligare än att använda serverscript).

Medlem sedan juli 20033 147 inlägg
#5

Funkar säkerligen, men eftersom jag aldrig orkat ta tag i hur
javascript (krånligare än ASP/PHP imo) fungerar, så vet jag inte
hur jag ska gå till väga.

Tips? ;)

Medlem sedan nov. 200013 890 inlägg
#6

Okey, då funkar det bara så länge du inte laddar om sidan (d.v.s. du jobbar med frames):

<style >
a:link {font-weight:normal;}
a:visited {font-weight:normal;}
a:hover {font-weight:normal;}
a:active {font-weight:bold;}
</style>

<a href="#">Länk1</a><br>
<a href="#">Länk2</a><br>
<a href="#">Länk3</a><br>
Medlem sedan juli 20033 147 inlägg
#7

Web-Tor skrev:

Okey, då funkar det bara så länge du inte laddar om sidan (d.v.s. du jobbar med frames):

<style >
a:link {font-weight:normal;}
a:visited {font-weight:normal;}
a:hover {font-weight:normal;}
a:active {font-weight:bold;}
</style>

<a href="#">Länk1</a><br>
<a href="#">Länk2</a><br>
<a href="#">Länk3</a><br>

Där blir ju länken aktiv bara när jag håller ner musknappen?
Har varit otydlig, ska förklara mig bättre.
Om vi säger att jag har 3 länkar... länk1 länk2 länk.
När jag är på länk2 så ser det ut såhär: länk1 länk2 länk3
När jag är på länk1 så ser det ut såhär: länk1 länk2 länk3

Länken ska alltså alltid vara font-weight: bold; när jag surfar runt
på den länken jag just tryckte på :)

Medlem sedan juli 20033 147 inlägg
#8

Kodade ihop ett exempel på hur jag vill ha det i PHP:
http://www.starcraftgamers.com/jonas/meny.php

Vill dock köra utan programmeringsspråk :)

Medlem sedan nov. 200013 890 inlägg
#9

Om du inte ska använda något programmeringsspråk antar jag att du ska använda vanliga html-filer?
Varför sätter du inte helt enkelt <b>-taggar runt "rätt" länk på varje sida i så fall?

Medlem sedan juli 20033 147 inlägg
#10

Jo, det skulle vara ett smidigt sätt, men med tanke på att jag i
framtiden kanske ska bygga om den till PHP och då inkludera menyn
på alla sidorna vore det enklare om man löste det nu mha. javascript :)

Edit: Kan du vara bussig och flytta över den här tråden till Javascript forumet? ;)

279 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
136 ms — deklarationer (db)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)
145 ms — ändringar (db)