onmouseover für tabelle?

Status
Nicht offen für weitere Antworten.
B

bruderherz

Gesperrt
ich hab mal-hab vergessen auf welcher page-gesehn dass wenn man über den link fährt, nicht nur der hintergrund des linkes sondern auch der ganzen tabellenzelle sich ändert, ich habs mal versucht und onmouseover der tabellenzelle übergeben, aber es ging nicht! wie geht das? geht das gar nicht mit onmouseover oder hab ich was falsch gemacht?
 
in den TD-TAG
PHP: 
onMouseOver="this.style.backgroundColor="#003366"

das hilft ;)

natürlich auch onmouseout kann verwendet werden :]
 
hmm....irgendwie gehts nicht, ich hab mal ein beispiel dafür gemacht, das nicht geht!

<html>
<head>
<title>tabelle</title>
</head>
<body>
<table border=0 bgcolor=black>
<tr>
<td onMouseover="this.style.backgroundColor="white">
hallo
</td>
</tr>
</table>
</body>
</html>

was hab ich falsch gemacht?
 
PHP: 
<td onMouseOver="this.style.backgroundColor='#3A3A3A'; this.style.cursor='hand';" 

onMouseOut="this.style.backgroundColor='#333333'">

asdfasdfasdf
<br>sdf<br>asfasdfas fasdf asd fasdf</td>

;) muss man euch alles machen :)
 
Interessant wäre noch, wenn man zusätzlich beim Anklicken der sich farbändernden Tabellenzeile eine URL anspringen könnte. Geht das (z.B. mit onClick) und wenn ja, dann bitte die Definition erweitern. Wäre eine einfache Lösung für eine Navigation ohne Untermenüs.
 
Wo ein Maus-Event möglich ist, sollten in JavaScript auch alle anderen Maus-Events möglich sein...
PHP: 
<td onmouseover="this.style.backgroundColor='#3A3A3A'" onmouseout="this.style.backgroundColor='#333333'" onclick="location.href='blablubb.html'">
hth,
Geist
 
wieso nicht mit css?

css:
PHP: 
td a {
display:block;
width:100%;
background-color: #fff;
color: #999; }

td a:hover {
background-color: #ddd;
color: #000; }

html:
PHP: 
<td>
<a href="url.html">testlink</a>
</td>
 
CSS würde ich besser finden, nur funktioniert es irgendwie nicht. Wo ist der Fehler:

Head:

<style type="text/css">
td_a
{
display: block;
width: 100;
background-color:_#E0EFD4;
color: #E0EFD4;
}
td_a: hover
{
background-color:_#008400;
color: #008400;
}
</style>

Body:

<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100" height="30">
<div align="center"><a href="temp.html" target="mainFrame">Begriff 1</a></div>
</td>
<td width="100" height="30">
<div align="center">Begriff 2</div>
</td>
<td width="100" height="30">
<div align="center">Begriff 3</div>

usw. usw. </table>

Wozu ist die 2. Farbangabe (color)? Ich möchte, daß die Tabellenzelle ohne Mausberührung #E0EFD4 und bei Hover #008484 aussieht?
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück