Seite 1 von 1

onmouseover und onclick mit css und html ersetzen

Verfasst: 25.11.2006 16:19
von 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? :roll:
Gruß
Kamishi

Verfasst: 25.11.2006 16:38
von easygo
Gibt mehr MODs als man denkt --> Hypercells

Verfasst: 25.11.2006 16:54
von 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.

Verfasst: 25.11.2006 17:42
von easygo
Stimmt, aber so ganz ohne Javascript geht da kaum was.
Kamishi hat geschrieben: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? :wink: 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/

Verfasst: 25.11.2006 18:00
von 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.. :o - das stimmt nat. -
warscheinlich war das nur im Toleranzbereich vom FF... :roll:

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

Gruß
Kamishi