Rollover tabel

Status
Niet open voor verdere reacties.
XenomX

XenomX

Gebruiker
Lid geworden
27 apr 2002
Berichten
822
Ik weet niet of dit de juiste sectie is of dat ik bij html of javascript moet zijn.

Maar hoe krijg ik het zo dat wanneer ik met mijn muis over een tabel heen ga de achtergrond kleur veranderd, heb dit al meerdere keren gezien en in de code gekeken maar kwam er niet uit :confused:

Alvast bedankt! :thumb:
 
Dit zal je met javascript moeten doen..

Als je nog eens in de code kijkt zal je vast een onmouseover en onmouseout vinden in de tabel of in het element dat van kleur verandert.

Je kan in de onmouseover en onmouseout de kleur veranderen met behulp van css.

Succes ;)
 
Voorbeeldje:
PHP: 
<!doctype html public "-//w3c//dtd html 3.2//en">
<html>
	<head>
		<title>
			Mouse over andere celkleur
		</title>
		<meta name="GENERATOR" content="Arachnophilia 4.0">
		<meta name="FORMATTER" content="Arachnophilia 4.0">
<style type="text/css">
.kleurN{ 
color:#ff0000;
font-family:verdana;
}

.kleur-over {
color:#000000;
font-family:verdana;
background-color:#e0e0e0;
cursor:crosshair;
}
.info{
color:#000000;
font-family:verdana;
border: solid 2px #ff0000;
width:500px;
padding:10px;
}
</style>
	</head>
	<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
		
		Tabel met cel welke verkleurt bij mouseover
		<br>
		<br>
		<table>
			<tr>
				<td class="kleurN" onmouseover="this.className='kleur-over'"
					onmouseout="this.className='kleurN'" >
					De inhoud van de cel
				</td>
			</tr>
		</table>
		<br>
		<div class="info " >
			Let op: in  JavaScript is de naam class gereserveerd.
			<br>
			Onmouseover is een javascript item.
			<br>
			Derhalve dien je niet 
			<b>
				class
			</b>
			 te gebruiken wat normaal wordt gebruikt bij CSS,
			<br>
			gelijk dit infoblok, doch 
			<b>
				className.
			</b>
			  
		</div>
	</body>
</html>


:cool:
 
:cool: In 1 keer :thumb:

Bedankt!

En de hele tabel een link mee geven? Kan ik dat ook in de CSS specificeren?

:thumb:
 
Oeps :confused: de hele tabel is de link al.

Des te beter :thumb: :p
 
Hmm.. ik heb 1 tabel, waarin weer 4 kleinere tabellen aanwezig zijn, wanneer ik nu mn muis over het eerst heen haal verandert alleen de 1e, niet de andere 3 :(

Is het misschien mogelijk om dit zo te krijgen dat ze alle 4 in een keer gaan, als ik er namelijk 1 tabel van maak lopen de teksten niet mooi onder elkaar, krijg je zoiets.

Piet Jan etc.
Henk Kees etc.

Of dat ik de code aan de tabel zelf mee geef?
Ik zal even verder kijken..

:thumb:

---->

Heb hem nu in het <table .. > gedeelte gezet, alleen nu vult hij alleen de cellspacing ruimte met die kleur op.
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan