Achtergrondkleur cel veranderen wanneer muis erover gaat

  • Onderwerp starter Onderwerp starter ecd
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.
E

ecd

Gebruiker
Lid geworden
9 mrt 2001
Berichten
535
Ik weet niet of het mogelijk is maar ik wil in een tabel dat bij bepaalde cellen de achtergrondkleur van die cel veranderd.
Wie weet of dit mogelijk is en, zo ja, hoe ik dat voor elkaar moet krijgen?
 
Da kan.

Kopieer onderstaande code en sla op in Kladblok of je html editor.
PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<title>mouseOver kleur cel</title>
<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

      BODY {
       margin: 0px 0px 0px 0px;
       font-family: verdana, arial, helvetica;
       background-image: url(layout/sfeerstrook/site_home.jpg);
       background-repeat: no-repeat;      
       font-size: 14px;
       font-color: #000000;
       color: #000066;
       background-color:#f2f2f2;
}
.info{
border: dotted 3px #000000;
padding:10px;
margin:10;
text-align:center;
background-color:#ffff80;
}
.on
{background-color:#ffff00;
}
.off
{background-color:#ff8000;
}   
td{
padding:8px;
}</style>
</head>

<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
<br>
<br>
<div class=" info" >
<table align="center" width="800" bgcolor="#c0c0c0">
	<tr>
		<td valign="top" ><br>

		<b><span class="info " >	Een cel laten verkleuren met een style. </span></b><br><br>
Gewoon een class aanroepen in een mouseOver kan niet, omdat dit conflicten geeft met javascript.<br>
Class is namelijk een gereserveerde naam in javascript.<br><br>
Normaal gebruik je de naam <b>class </b>om een style aan te roepen.<br>
Bij een mouseOver moet je dit <b>className</b> noemen.<br><br>
De bgcolor van je cel, de uitgangskleur, kun je natuurlijk dezelfde nemen als die in de stijl zit.<br>
Dan heb je twee kleuren, nu heb je drie kleuren in dit voorbeeld zitten.<br>
<br>
De spikkelrandjes welke je hier ziet is dus ook met een class gemaakt, de naam is info.	<br>
Haal je nu in de rechter cel de div met info weg, dan heb je dus een ander aanzicht.<br>
<br>
Zo kun je spelen met een style.<br>
<br>
	</td>
<td onmouseover="this.className='on'" onmouseout="this.className='off'"  style="cursor: hand" width="350" bgcolor="#d9b0b0"  valign="top" ><br>
<br>
Hier wat tekst en eventueel een link.<br>

     <a href="link.html" class="mainnav">Kijk hier!</a>
<br><br><div class="info " >
Style menu voorbeeld:<br>
<a href="http://www.robsdomein.nl/scripts/javascripts/menu/cellenmenu.php">www.robsdomein.nl/</a><br>
<br>
 </div><br>
CSS leren doe je hier:<br>
<a href="http://www.handleidinghtml.nl/">http://www.handleidinghtml.nl/</a><br><br>
</td>
	</tr>
</table>
 </div>
</body>

</html>

:cool:
 
:thumb: Perfect !!!!
hartstikke bedankt :thumb:
 
Your welcome.

Vanmiddag speciaal voor je gemaakt.
Wel goed bewaren hé.

Codesnippers voor je website kun je ook in notetab zetten.
Dit is een platte tekstverwerker http://www.notetab.com
waarbij je meerdere documenten tegelijk kunt open hebben
en ook in alle open documenten kunt zoeken.

Dus tekst voor je webpagina's schrijf je hierin en pas
als het goed is plak je deze in je html editor.

Zo verzamel ik ook info over airbrush en autotechniek.
Gewoon de tekst kopieren en plakken in notetab,
dit werkt vlotter dan opslaan als html.
En je kunt het vlotter terugvinden.
Ik maak er wel een gewoonte van om het siteadres
ook bij de info op te slaan.
Zet je dit http adres in notetab tussen twee haken
opent door er op te klikken de sit... bestand van notetab kunnen zetten. :cool:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan