tabellenzelle verändern bei mausklick

[Roger]

moin!

ich nochmal.
ich habe eine tabelle komplett mit css formatiert. wenn ich mit der maus über die zeile fahre, ändert sich die farbe der zeile mit hilfe von javascript:
 <tr>
  <td class="tab01"> </td>
  <td class="tab02" onMouseOver="this.className='tab02over';" onMouseOut="this.className='tab02';">TextText</td>
 </tr>

css:
.tab01, .tab02, .tab02over {
 border-bottom-width: 1px;
 border-bottom-style: dashed;
 border-bottom-color: #FFFFFF;
 width: 20px;
}
.tab02 {
 background-color: #CCCCCC;
 color: #000066;
}
.tab02over {
 background-color: #ffffff;
 color: #000066;
 cursor: pointer;
}

jetzt möchte ich den text, der in der zeile steht verlinken. wenn dieser link angeklickt ist, soll die tabellenzeile weiterhin mit dem stylesheet tab02over markiert bleiben.
onClick="this.className='tab02over';" brachte leider nicht den gewünschten erfolg :(

hat jemand eine idee?

gru.
roger.

[wahsaga]

hi,

wenn dieser link angeklickt ist, soll die tabellenzeile weiterhin mit dem stylesheet tab02over markiert bleiben.
onClick="this.className='tab02over';" brachte leider nicht den gewünschten erfolg :(

vermutung: weil kurz danach onmouseout eintritt, und die klasse wieder überschreibt?

gruss,
wahsaga

[Roger]

moin!

vermutung: weil kurz danach onmouseout eintritt, und die klasse wieder überschreibt?

hmpf... korrekt.
gibt es da keine andere möglichkeit? (ich mein neu laden wäre eine aber ich wollte das gern oder reload ermöglichen...)

gruß.
roger.

[wahsaga]

hi,

vermutung: weil kurz danach onmouseout eintritt, und die klasse wieder überschreibt?

hmpf... korrekt.
gibt es da keine andere möglichkeit?

sorge dafür, dass die bei onMouseover aufgerufene aktion zunächst abfragt, ob sie ihren auftrag ausführen soll.
dazu sollte die onClick aufgerufene aktion ein kennzeichen setzen, welches die andere dann abfragen kann.

gruss,
wahsaga

[Roger]

moin!

prima idee!
das probier ich gleich mal aus.

allerdings gibt es hier (für mich) einen kleinen technischen haken:
wie spreche ich dann über die funktion das element an? this.className='tab02' geht wohl nich... :/

gruß.
roger.

[Roger]

moin!

ok ok, ich war wieder zu vorschnell!
eigentlich reicht es, wenn ich jeder zelle/spalte eine id gebe. über diese kann ich dann das element ansprechen...

gruß.
roger.

[wahsaga]

hi,

allerdings gibt es hier (für mich) einen kleinen technischen haken:
wie spreche ich dann über die funktion das element an? this.className='tab02' geht wohl nich... :/

auch wenn du mit dem ansprechen per ID bereits ein lösung gefunden hast:

du kannst natürlich innerhalb eines eventhandler this auch als parameter an eine funktion übergeben.

gruss,
wahsaga

[Roger]

moin!

aber nicht "functionname(this)", oder?

gruß.
roger.

[wahsaga]

hi,

aber nicht "functionname(this)", oder?

doch, klar.

function blah(objekt){
...}

onEventxy="blah(this);"

jetzt kannst du in deiner funktion blah über objekt auf alle eigenschaften und methoden zugreifen, wie du es auch im eventhandler am objekt selbst könntest.

gruss,
wahsaga