vraagje ivm met tabel

Status
Niet open voor verdere reacties.
MagicBiglia

MagicBiglia

Gebruiker
Lid geworden
4 nov 2006
Berichten
590
ik ben al een paar dagen een site aan het maken, maar nu wil ik iets proberen maar ik weet niet of dat het wel kan :

ik werk met tabellen, ik wil dat je over een cel gaat dat de achtergrondkleur van een andere cel verandert, is dat mogelijk ?


greetz:p
 
Dat is mogelijk, al zal het ook voor mij wat zoekwerk vragen.
Kan je vertellen hoe die tabel er uit ziet, en welke cel moet veranderen als je over een specifieke cel gaat?

Greetz : Jer:cool:en.
 
dus je hebt een tabel met twee kolommen en enkele rowtjes
bv:

helpmij. | www.helpmij.nl
|

als ge over helpmij gaat moet de achtergrondKLEUR veranderen van www.helpmij.nl


greetz

naamgenoot ( ik heet ook jeroen :thumb: :D )
 
En moeten er meerdere cellen zo werken?
Als je over cel 1 gaat moet cel 3 veranderen, over cel 2 cel 4, ...., om maar een voorbeeld te geven.
Zo kan ik onmiddelijk een aangepast script schrijven. ;)

Greetz : Jer:cool:en.
 
er moeten wel verschillende rowtjes 1 doen verkleuren, maar geen meerdere :)

byebye thx
 
Hier is al een voorbeeld van wat ik had.
Vertel eens wat je eraan veranderd wil zien.

Greetz : Jer:cool:en.
 
DANK U !!!!!!!

het is dat dat ik wil, als ik daarvan de code weet is het genoeg, ik zal het zelf wel aanpassen

echt dank u, als u nu nog de code wilt geven is het goed, ik kan het ook bekijken via je pagina daar maar geef het tg maar ;)

dank u !! :thumb:
 
Hier de broncode die je nodig hebt.
Geef wel elke cel (td) een unieke "id", geen "name".
Dan is het een kwestie van juiste id en kleur in te geven waar de functie aangeroepen wordt.

HTML: 
<html>
<head>
<title>Cel veranderen als je over een andere cel gaat.</title>
<style type="text/css">
td {
cursor:hand;
}
</style>
<script language="javascript" type="text/javascript">
<!--
function changeBackground(id,col) {
d = document.getElementById("cel" + id).style;
d.background = col;
if (col) {
d.color = "#ffffff";
} else {
d.color = "#000000";
};
};
-->
</script>
</head>
<body>
<center>
<table>
<tr><td onMouseOver="changeBackground(2,'#0000bb');" id="cel1" onMouseOut="changeBackground(5,'');">
Cel 1 >> cel 2
</td><td onMouseOver="changeBackground(1,'#0000bb');" id="cel2" onMouseOut="changeBackground(5,'');">
Cel 2 >> cel 1
</td></tr>
<tr><td onMouseOver="changeBackground(4,'#0000bb');" id="cel3" onMouseOut="changeBackground(4,'');">
Cel 3 >> cel 4
</td><td onMouseOver="changeBackground(3,'#0000bb');" id="cel4" onMouseOut="changeBackground(3,'');">
Cel 4 >> cel 3
</td></tr>
<tr><td onMouseOver="changeBackground(6,'#0000bb');" id="cel5" onMouseOut="changeBackground(6,'');">
Cel 5 >> cel 6
</td><td onMouseOver="changeBackground(5,'#0000bb');" id="cel6" onMouseOut="changeBackground(5,'');">
Cel 6 >> cel 5
</td></tr>
<tr><td onMouseOver="changeBackground(8,'#0000bb');" id="cel7" onMouseOut="changeBackground(8,'');">
Cel 7 >> cel 8
</td><td onMouseOver="changeBackground(7,'#0000bb');" id="cel8" onMouseOut="changeBackground(7,'');">
Cel 8 >> cel 7
</td></tr>
</table>
</center>

</body>
</html>

Veel succes en plezier. ;)

Greetz : Jer:cool:en.
 
Laatst bewerkt:
ok, dank u, ik ga het nu eens testen op mijn page, bedankt !!!

grtjs

jeroen

(vraag opgelost:p)
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan