weinig ruimte

Niet helemaal; wat moet er precies in beeld komen als je niet met je muis over een link gaat?

oude design:

lied -- omschrijving 1 --- omschrijving 2 --- omschrijving 3

dit past niet meer in het nieuwe desgin dus wil ik:

lied -- omschrijving 1 --- omschrijving 2 --- link

als er dan over link word gegaan met de muis, wil ik dat omschrijving 3 verschijnt, met een mooi achtergrondkleurtje zodat het over de inhoud kan vallen
Als dan de muis van de link af word gehaalt moet de text weer verdwijnen.

Ik dacht dat het met javascript moest, maar dan kan het ook zijn dat het niet goed werkt in firefox, dus ik hoop dat iemand weet wat ik moet doen

Als je het gedeelte dat je wilt laten verschijnen en verdwijnen in een div stopt met id="omsch3", dan kun je een JavaScript koppelen aan de hyperlink. Ongeveer zo:

<a href="" onMouseOver="show (this)" onBlur="hide (this)">linktekst</a>

dus ik maak een layer op een bepaalde plek waar ik de omschrijving wil en die noem ik omschrijving_3_1

dan vervang ik this door omschrijving_3_1

op de volgende regel doe ik hetzelfde maar dan met omschrijving_3_2

heb ik het zo goed?

Ja, mijn voorbeeld met this is niet helemaal goed uitgelegd. Je moet het id van het element dat je wilt laten verschijnen en verdwijnen meegeven.

De functie show zou er dan zo uit kunnen zien:

function show (elem) {
document.getElementById (elem).display = 'none';
}

Luuk schreef op 28.01.2006 20:46

dus ik maak een layer op een bepaalde plek waar ik de omschrijving wil en die noem ik omschrijving_3_1

dan vervang ik this door omschrijving_3_1

op de volgende regel doe ik hetzelfde maar dan met omschrijving_3_2

heb ik het zo goed?

Precies, dus bijv:

<div id="nummer1">omschrijving 1</div>

en dan in de link: <a href="" onmouseover="show('nummer1')"

maar hoe verwerk ik dat dan in een link

oeps sorry

jij was eerder met jouw post dan ik met de mijne (A)

het probleem wat ik nu heb, is dat de layer altijd in beeld staat, maak ik de layer "hidden" dan word hij ook niet weergeven als ik over de link heen ga

Ik zie een foutje in een eerdere post:

function hide (elem) {
document.getElementById (elem).display = 'none';
}

die functie had ik show genoemd, maar die moet hide heten. Voor de show functie:

function hide (elem) {
document.getElementById (elem).display = 'block';
}