login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[php] onmouseover = div

Offline tswebdev - 02/01/2007 18:23 (laatste wijziging 02/01/2007 18:25)
Avatar van tswebdevPHP interesse Ik heb een layout opgebouwd uit divs die bestaat uit 3 kolommen.
In de linkerkolom staan hyperlinks.
Nu wil ik er voor zorgen dat als iemand met zijn muiscursor over de link gaat dat er in de rechterkolom uitleg ivm de link komt te staan.

BV.
linkerdiv | middendiv | rechterdiv
index | ............. | uitleg

Hoe kan ik dit doen?

3 antwoorden

Gesponsorde links
Offline Rik - 02/01/2007 18:27
Avatar van Rik Gouden medailleGouden medaille

Crew algemeen		 Dit hoort volgens mij niet echt in php thuis?  

Voor elke kolom maak je een div met uitleg en die zet je met css op "display: none" of "visibility: hidden", en op de link zet je een onmouseover die met javascript dat blokje laat zien en een onmouseout die het blokje weer verbergt.
Offline tswebdev - 02/01/2007 18:37 (laatste wijziging 02/01/2007 20:33)
Avatar van tswebdev PHP interesse Heb de oplossing gevonden:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="test.php" onmouseover="document.getElementById('kolom-rechts').innerHTML='beetje tekst'" onmouseout="document.getElementById('kolom-rechts').innerHTML=''">test</a>
Offline Ibrahim - 03/01/2007 13:47
Avatar van Ibrahim PHP expert "display: none" of "visibility: hidden"

hiermee moet je wel oppassen, display: none; betekent dat hij niets weergeeft, dus ook niet de hoogte van de div. visibility: hidden; betekent dan hij de content 'onzichtbaar' maakt, maar dan kun je nog wel zien hoe hoog de div is, oftewel de plaats van de div.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.205s