[CSS] MouseOver simuleren - Softwareontwikkeling

woensdag 23 april 2003 21:04

Acties:

Verwijderd

Topicstarter

Hello!

Zit al een tijdje op het volgende probleempje:

Ik heb een kaart van Nederland met diverse vestigingen van een bedrijf. Vervolgens staat er naast deze kaart een tabel met 10 plaatsnamen.

Op het moment dat een gebruiker over de plaatsnaam beweegt wordt de markering in de landkaart extra opgelicht.

Als ik dit omgekeerd wil doen (dus als men over de landkaart beweegt inplaats van de textlinks) dan wil ik ook graag hebben dat de textlink over de juiste plaatsnaam een mouseover effect krijgt.

Kan ik dit met stylesheets doen ? Het probleem met '.style.color' is dat daarna de mouseOver kleur niet meer wordt weergegeven.

Kortom; "Hoe kan ik een tekstlink de juiste CSS opmaak weergeven als ik over een ander element beweeg met de muis ?"

Hebben jullie een idee ?

woensdag 23 april 2003 21:51

Acties:

OkkE

CSS influencer :+

Een tweede event maken, onMouseOut, en daar weer een .style.color aan hangen met de style zoals het was.

“The best way to get the right answer on the Internet is not to ask a question, it's to post the wrong answer.”
QA Engineer walks into a bar. Orders a beer. Orders 0 beers. Orders 999999999 beers. Orders a lizard. Orders -1 beers.

woensdag 23 april 2003 21:52

Acties:

creative8500

freedom.

http://www.nrl.nl/~rb/powdertonysnapterniksvan-scriptrequestszijnverboden-degrotecreative8500schiettehulp.htm

hope this helps

[ Voor 32% gewijzigd door creative8500 op 23-04-2003 21:53 ]

woensdag 23 april 2003 21:59

Acties:

OkkE

CSS influencer :+

creative8500 schreef op 23 april 2003 @ 21:52:
url

LOL @ file name!

“The best way to get the right answer on the Internet is not to ask a question, it's to post the wrong answer.”
QA Engineer walks into a bar. Orders a beer. Orders 0 beers. Orders 999999999 beers. Orders a lizard. Orders -1 beers.

woensdag 23 april 2003 23:20

Acties:

Verwijderd

Topicstarter

creative8500 schreef op 23 april 2003 @ 21:52:
http://www.nrl.nl/~rb/powdertonysnapterniksvan-scriptrequestszijnverboden-degrotecreative8500schiettehulp.htm

hope this helps

Jij des te meer !!

Thanks buddy

donderdag 24 april 2003 00:11

Acties:

creative8500

freedom.

Voor het nageslacht zal ik ook nog even de source van de eerdergenoemde pagina geven:
_{ik gooi na een poosje die pagina weg nml.}

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function plaats(naam,color)
{
    document.getElementById('plaats'+naam).style.color = color;
}
function markering(plaats,color)
{
    document.getElementById('markering'+plaats).style.color = color;
}
</script>
<style type="text/css">
#lijstje { position: absolute; top: 50px; left: 50px; }
#markeringamersfoort { position: absolute; top: 130px; left: 180px; }
#kaartje { position: absolute; top: -160px; left: 60px; }
</style>
</head>

<body>
<div id="kaartje">[img]"http://www.thomascook.nl/images/kaartje-broere-en-tc-reisbu.gif"[/img]</div>
<p id="lijstje">
    's-Gravenhage<br>
    's-Hertogenbosch<br>
    Aalsmeer<br>
    Alkmaar<br>
    Almelo<br>
    Almere<br>
    Alphen a/d Rijn<br>
    <span id="plaatsamersfoort" onmouseover="markering('amersfoort','red')" onmouseout="markering('amersfoort','black')">Amersfoort</span><br>
    Amsterdam<br>
    Apeldoorn<br>
    Appingedam<br>...
</p>
<p id="markeringamersfoort" onmouseover="plaats('amersfoort','red')" onmouseout="plaats('amersfoort','black')">AMERSFOORT &mdash;&rsaquo;</p>
</body>
</html>