Domyślam się, że mozna zrobić cos takiego, ale nie bardzo wiem przy pomocy jakich narzędzi. otóż mam tabelę z dwoma wierszami. I teraz najeżdżając na pierwszy chciałbym żeby ta właśnie komórka zmieniła kolor. Co wiecej, chciałbym żeby również zmieniła kolor ta druga komórka, na którą aktualnie nie najeżdżam. Czym to sie da zrobić i jak?
0
0
[code]<!DOCTYPE HTML PUBLIC "-*W3C*DTD HTML 4.0 Transitional//EN">
<html> <head> <script language="JavaScript"> function ChangeColor (theobject,newcolor) { document.getElementById(theobject).style.background = newcolor; } </script> <style> td {background-color: #F5F5F5; padding-top: 7; padding-bottom: 7} </style> </head> <body>| <a href="strona.html">Index</a> | |
| <a href="strona2.html">Historia</a> |
0
<style type="text/css">
td {
background-color: black;
}
td:hover {
background-color: white;
}
</style>
Z nieznanych powodów IE nie obsługuje pseudoklasy :hover dla elementów innych niż a. Mozilla i Konqeror (prawdopodobnie także Opera) radzą sobie z tym.
0
hmm... a to moja propozycja, co prawda jest mało funkcjonalna bo to automat
ale za to przy większej ilości wierszy zaoszczędzi się cennych bajtów...
tak sobie myślę że łatwiej było by zmieniać background wierszy , no ale jak masz takie życzenie...
<html>
<head>
<script type="text/javascript">
<!--
function initTable(tabId) {
var tb = document.getElementById(tabId)
if(tb) {
var td1 = tb.getElementsByTagName('TD')
for(var i = 0; i < td1.length; i++) {
td1[i].onmouseover = function() {
var td2 = this.parentNode.getElementsByTagName('TD')
for(var j = 0; j < td2.length; j++) td2[j].style.background = '#FF0000'
}
td1[i].onmouseout = function() {
var td2 = this.parentNode.getElementsByTagName('TD')
for(var j = 0; j < td2.length; j++) td2[j].style.background = '#FFFFFF'
}
}
}
}
//-->
</script>
</head>
<body onload="initTable('myTable')">
<table id="myTable" border="1">
<tr>
<td>w1k1</td><td>w1k2</td><td>w1k3</td>
</tr>
<tr>
<td>w2k1</td><td>w2k2</td><td>w2k3</td>
</tr>
<tr>
<td>w3k1</td><td>w3k2</td><td>w3k3</td>
</tr>
</table>
</body>
</html>
0
Dzieki serdeczne