Avatar billede tejs Nybegynder
19. august 2002 - 11:34 Der er 9 kommentarer

Onmouseover skal gøre en anden tekst fed

Hej

Jeg har en side med et billede og 10 tekst-punkter.
På billedet har jeg sat 10 hotspots. Jeg vil gerne have det sådan at når man bevæger musen over et at de 10 hotspots, så bliver det tilhørende punkt gjort fed.

Umiddelbart vil det være bedst hvis ændringen laves med en kombination af JavaScript og CSS, så det er muligt at udvide den ændring der sker med teksten.
Avatar billede mik789 Nybegynder
19. august 2002 - 13:50 #1
læg evt. noget kode for det, du har, eller en URL hvor vi kan se det
Avatar billede 7th Praktikant
19. august 2002 - 13:53 #2
Hvis det er rent tekst du har, så kan du jo bare sætte hover til noget ala...

a:hover {color: #800000; font-size: 12px; font-weight: bold; text-decoration: underline;}

Ellers må du vise noget kode som mik789 siger...
Avatar billede 7th Praktikant
19. august 2002 - 14:08 #3
Umiddelbart hvis jeg har forstået rigtigt, skulle ovenstående løsning kunne gøre det.
Avatar billede tejs Nybegynder
19. august 2002 - 15:23 #4
Når man kører over et hotspot på billedet skal en af teksterne ved siden af billedet blive fed - det kunne jo laves ved at skifte class på teksten, men jeg kan ikke finde ud af det..
Avatar billede 7th Praktikant
19. august 2002 - 20:25 #5
Vi må altså se noget kode så. Hvis teksten er en del af billedet, skal du have fat i javascript. Hvis teksten står for sig selv, ser jeg ingen problemer i ovenstående løsning, men noget kode for et hotspot punkt vil være til meget gavn...
Avatar billede tejs Nybegynder
20. august 2002 - 17:40 #6
Jeg skal nok komme med noget kode, men jeg synes først og fremmest I skal prøve at læse spørgsmålet ordentligt.

7th skriver:"Hvis teksten er en del af billedet, skal du have fat i javascript"

Teksten er ikke en del af billedet - det har jeg jo skrevet to gange - teksten er tekst altså f.eks <font face="arial">tekst</font>

Det er hotspots/imagemaps eller hvad de nu kaldes der er på billedet - f.eks <map name="imagemap"><area shape="rect" coords="119,66,235,135" alt=""></map>

Det er altså når musen bevæges over en af disse hotspots/imagemaps at en af teksterne VED SIDEN AF BILLEDET skal blive fed..!
Avatar billede 7th Praktikant
20. august 2002 - 22:14 #7
Ahh oki, var lidt i tvivl om hvad du mente med hotspots ;) Den er lidt tricky den med imagemap, men jeg vil lige undersøge sagen...
Avatar billede tejs Nybegynder
29. august 2002 - 10:57 #8
Jeg kan også prøve at stille spørgsmålet på en ny måde, da jeg tror det uden videre ville kunne overføres..

Vi har 2 forskellige tekster A & B - A er i venstre side og B i højre..
Når jeg kører musen over A skal B blive fed..

Det må kunne lade sig gøre..

MVH
Tejs
Avatar billede tejs Nybegynder
29. august 2002 - 11:07 #9
Det vigtigste er dog at dette kan udvides, sådan at jeg f.eks kan lave en C-tekst, som gør en D-tekst fed.. og flere endnu..

Den optimale måde må være:

<html>
<head>
<Script>

function bold()
JavaScript som giver en tekst en ny style - f.eks. style="weight: bold"

</script>

</head>

<body>

<P align="left"><a href="link.htm" onmouseover="bold(B)">A</a></p>
<P align="right"><a href="link.htm" name="B">B</a></p>

og

<P align="left"><a href="link.htm" onmouseover="bold(D)">C</a></p>
<P align="right"><a href="link.htm" name="D">D</a></p>

osv.

</body>
</html>
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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