onmouseover und onclick mit css und html ersetzen

[Kamishi]

Hi,
in einigen Styles gibt es diese schöne farbliche Hinterlegung der Hintergründe, wenn man darüber fährt. - auf klick kommt man auch gleich ins Forum und muss nicht erst extra mit der Maus auf den Forennamen gehen.

z.B. der hier:
http://www.phpbb.de/styles/demo.php?s=77

Nachteil: das ganze wird mit javascritp gemacht.. was ja bekanntermaßen bei vielen Nutzern nicht sehr beliebt ist.

Ich möchte deshalb eine Alternative Variante.

-> Rollover habe ich mit :hover ersetzt.. was auch gut klappt..

aber bei onclick komme ich nicht weiter.. der Code um den es geht ist in der index_body.tpl und sieht so aus:

Code: Alles auswählen

<!-- BEGIN catrow -->  
...
<td class="row4" height="50"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
     </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
     </span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
....
 <!-- END forumrow -->

Ich habe jetzt versucht die gesamte Spalte als Link zu definieren, indem ich einfach das <a.. vor den Spaltenbeginn gesetzt habe.. z.B. so:

Auszug aus dem obrigen Code

Code: Alles auswählen

<!-- BEGIN catrow -->  
...
<a href="{catrow.forumrow.U_VIEWFORUM}"><td class="row4" height="50"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
     </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
     </span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td></a>
....
 <!-- END forumrow -->

Den Originallink wollte ich eigentlich zusätzlich erhalten.. habe das ganze aber auch schon mit rauslöschen des Originallinks versucht..

wie dem auch sei - funzen tuts nicht - an sich müsste es gehn.. (die technik an sich - also das a einfach vor die <td> zu setzen geht..geht)

Was mach ich da falsch?
Gruß
Kamishi

[easygo]

Gibt mehr MODs als man denkt --> Hypercells

[Kamishi]

hmm.. wie ich das jetzt aber versteht macht der Mod das ganze eben mit javascript.. sprich onmouseover usw -
genau das wollte ich ja vermeiden - s.o.

[easygo]

Stimmt, aber so ganz ohne Javascript geht da kaum was.

wie dem auch sei - funzen tuts nicht - an sich müsste es gehn.. (die technik an sich - also das a einfach vor die <td> zu setzen geht..geht)

Von welcher Technik sprichst du da? Ich frag nur, weil mit HTML hat das
wenig am Hut :/ von W3C wollen wir gar nicht erst anfangen.

Beispiele?

• td darf nur im HTML-Element tr vorkommen
• a darf keine Tabellenzelle enthalten

Lesestoff: http://de.selfhtml.org/

[Kamishi]

Von welcher Technik sprichst du da?

naja halt von <a href="..><td>..</td></a> um generell müsste das gehen (habs mal in nen einfachen Bsp ausprobiert.. halt als Ersatz für onclick - aber an:

a darf keine Tabellenzelle enthalten

und W3C hab ich grad gar net gedacht.. - das stimmt nat. -
warscheinlich war das nur im Toleranzbereich vom FF...

mal gugn ob ich da sonst was find - sonst mach muss halt doch die onclick her..

Gruß
Kamishi