Notifikationer

Markér alle som læst Log ud

7th Praktikant

24. maj 2002 - 02:00 Der er 19 kommentarer og
1 løsning

Link "Aktiv"

Hvordan kan man lave det sådan at når brugeren klikker på link 1 så skiftes der farve, og farven vedholdes på link 1 indtil link 2 aktiveres ved klik, hvorefter link 1 så skifter tilbage til normal link farve ?

Kan dette lade sig gøre uden billedlinks ?

Synes godt om

nikolajdu Nybegynder

24. maj 2002 - 02:06 #1

Du kan f.eks gøre sådan her:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style>

.tekst1{
font-family : verdana;
font-size : 10 px;
font-weight : normal;
}

.tekst2{
font-family : verdana;
font-size : 10 px;
font-weight : bold;
}

</style>

<script>

forrige = "none";

function skift(hvad){

if(forrige!="none"){
document.getElementById(forrige).className="tekst1"
}

document.getElementById(hvad).className="tekst2"

forrige = hvad

}

</script>
</head>

<body>
<a href="#" id="link1" class="tekst1" onclick="skift(this.id)" onfocus="this.blur()">blabla</a>
<br>
<a href="#" id="link2" class="tekst1" onclick="skift(this.id)" onfocus="this.blur()">blabla</a>
<br>
<a href="#" id="link3" class="tekst1" onclick="skift(this.id)" onfocus="this.blur()">blabla</a>

</body>
</html>

/Nikolaj

Synes godt om

nikolajdu Nybegynder

24. maj 2002 - 02:06 #2

Godt man har alt muligt gammelt hjemmelavet crab liggende til de sene nattetimer ;-)

Synes godt om

7th Praktikant

24. maj 2002 - 02:07 #3

Yup :) Tjekker lige...

Synes godt om

brideonline.dk Nybegynder

24. maj 2002 - 02:11 #4

Du kan også gøre det mere simpelt 7th....
Lige under <Title> indsætter du følgende kode:
<link rel="stylesheet" type="text/css" href="7th.css">

Derefter laver du en css fil i f.eks notepad og skriver:

A:link{color: black; text-decoration: none}
A:visited{color: black; text-decoration: none}
A:hover{color: blue; text-decoration: none}

Synes godt om

brideonline.dk Nybegynder

24. maj 2002 - 02:13 #5

sorry - sådan skal det være:

A:link{color: black; text-decoration: none}
A:visited{color: black; text-decoration: none}
A:hover{color: blue; text-decoration: none}
A:active{color: red; text-decoration: none}

Synes godt om

7th Praktikant

24. maj 2002 - 02:16 #6

brideonline.dk : active er kun fra når man klikker og til man slipper klik.

Synes godt om

brideonline.dk Nybegynder

24. maj 2002 - 02:16 #7

så slipper du også for den kode som nikolajdu har skrevet...

Synes godt om

nikolajdu Nybegynder

24. maj 2002 - 02:16 #8

Nride du misser kun én ting : "farven vedholdes på link 1 indtil link 2 aktiveres "

Synes godt om

nikolajdu Nybegynder

24. maj 2002 - 02:16 #9

Nride = bride

Synes godt om

7th Praktikant

24. maj 2002 - 02:25 #10

Jeg synes ikke rigtig jeg kan få det til at virke. På nuværende tidspunkt virker onclick kun som en a:active...

Synes godt om

nikolajdu Nybegynder

24. maj 2002 - 02:28 #11

Hvilken version kan du ikke få til at virke og vilken browser bruger du?

Synes godt om

7th Praktikant

24. maj 2002 - 02:31 #12

Din version, bruger IE 6.0

Synes godt om

nikolajdu Nybegynder

24. maj 2002 - 02:33 #13

Din virker ikke desto mindre rigtigt fint i min egen IE 6???

Hvad gør du? Har du copy/pastet eller har du forsøgt at indsætte den på din egen side ?

:))

Synes godt om

7th Praktikant

24. maj 2002 - 02:38 #14

Hmmm det var mærkeligt. C/P ind på egen side hvor det ikke rigtig virke, men C/P ind på tom side så virker det. Mon det kan være mit stylesheet som overrider onclick ? Det burde det jo ikke gøre, da definerede classes på en side vægtes højere end eksterne classes.

Synes godt om

nikolajdu Nybegynder

24. maj 2002 - 02:41 #15

Næh det tror jeg nu ikke, men der kan være et par andre ting.

1. Du har classes der hedder det samme?
2. Du har javascript funktioner/variabler der hedder det samme?

/Nikolaj

Synes godt om

7th Praktikant

24. maj 2002 - 02:43 #16

Oki fejl fundet :) Havde lige glemt den lille fætter her # ;)
Takker for hjælpen.

Synes godt om

nikolajdu Nybegynder

24. maj 2002 - 02:43 #17

Du må IKKE have varabler der hedder:

skift
forrige
hvad

Og ej heller classes der hedder tekst1 og tekst2 - Med mindre de er forskellige i textstørrelse/type.

/Nikolaj

Synes godt om

nikolajdu Nybegynder

24. maj 2002 - 02:44 #18

Fino fiono :))

Synes godt om

nikolajdu Nybegynder

24. maj 2002 - 02:44 #19

Og glem lige at jeg nogensinde skrev ordet "varabler" - Jeg tvivler på det findes nogen steder.

Synes godt om

7th Praktikant

24. maj 2002 - 02:45 #20

Hehe

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS