menüsteuerung-mouse over effekt

jens · 2003-04-15T21:09:39+00:00

Hallo! Ich arbeite mich gerade in Typo Script ein und habe ein Menü erstellt. Soweit so gut...aber nun mein Problem... Ich möchte den Mouse Over Effekt integrieren. Wenn ich nun mit der Maus über den Verlinkten Text im Menü fahre färbt sich die Zelle wie gewünscht ein. Leider muss hierfür der Text vom mauszeiger berührt werden. Schöner wäre es natürlich wenn sich die Zelle einfärbt sobald sich der Mauszeiger in die Zelle bewegt. (und nich nur wenn ich über den verlinkten Text fahre) Leider weiss ich nicht wie ich das einstellen kann. Weiss jemand Rat? Danke Hier mein Script: # Menüsteuerung links marks.MENULI = HMENU marks.MENULI.wrap = | marks.MENULI.1 = TMENU marks.MENULI.1.expAll=1 marks.MENULI.1.NO { allWrap = | subst_elementUid = 1 RO_chBgColor = #C0C0C0 | #CEE7FF | 1tmenu RO = 1 } marks.MENULI.2 = TMENU marks.MENULI.2.NO { allWrap = | subst_elementUid = 1 beforeImg = media/bullets/bullet1_n.gif beforeROImg = media/bullets/bullet1_h.gif RO_chBgColor = #CEE7FF| #F0F0F0| 2tmenu RO = 1 }

jens · 16. April 2003 10:56

Danke, hat geklappt! ...hätte ich eigentlich auch selbst drauf kommen müssen... :o

jens · 16. April 2003 11:20

Sorry, ich habe mich falsch ausgedrückt. Eigentlich wollte ich die ganze Zelle verlinken und nicht nur mit dem Mouse Over Effekt versehen. So dass die Zelle wie ein Button wirkt.

hier nocheinmal das Script:

marks.MENULI.2 = TMENU
marks.MENULI.2.NO {
allWrap = <tr> <td onMouseOver="this.bgColor='#6699FF'" onMouseOut="this.bgColor='#FFFFFF'" colspan=2 valign=top id="2tmenu{elementUid}">
<img src=media/bullets/bullet1_n.gif>|</td></tr>
subst_elementUid = 1
beforeImg = media/bullets/bullet1_n.gif
beforeROImg = media/bullets/bullet1_h.gif
RO=1

}

Reen · 3. Mai 2003 12:38

Ist das Thema noch aktuell stehe vor dem gleichen Problem wenn ich den wrap einfüge, dann erschientnur der Menütext als Link, nicht die Tabellenzelle wie verlinke ich die ganze zelle (sollte eigentlich möglich sein vgl. http://www.schwangau.de)

sacha · 3. Mai 2003 13:06

Hi,

jens schrieb
Sorry, ich habe mich falsch ausgedrückt. Eigentlich wollte ich die ganze Zelle verlinken und nicht nur mit dem Mouse Over Effekt versehen. So dass die Zelle wie ein Button wirkt.

dann lass den Tabellenmuell doch gleich ganz weg und mache es so wie hier:
http://barrierefrei.e-workers.de/

Ciao,

Sacha

Reen · 3. Mai 2003 15:36

das geht aber jetzt über stylesheets .. und wie bekomme ich das in typoscript hin ??

sacha · 3. Mai 2003 16:45

Hi,

Reen schrieb
das geht aber jetzt über stylesheets .. und wie bekomme ich das in typoscript hin ??

du legst per wrap ein div mit einer class="menulink" um den link und alles weitere regelst du ueber das Stylesheet. Da brauchst du gar nicht weiter mit TS zu arbeiten.

Wie man css-Dateien einbindet ist hier erklaert:
http://typo3.org/1422.0.html?&tx_maillisttofaq_pi1[mode]=5

Ciao,

Sacha

Reen · 4. Mai 2003 15:32

Ich hatte eigentlich ursprünglich keine Lust CSS zu verwenden, da ich bis gestern, eigentlich so gut wie keine Ahnung vonn CSS hatte, aber Stylesheets machen die Sache glaube ich im allgemeinen Design weitaus einfacher ... wenigstens funktioniert das mit dem menü nun :-)

Korpi · 4. Mai 2003 16:25

Warum willst du die Buttons überhaupt mit TMENU machen ? Das geht doch mit GMENU automatisch !

Reen · 5. Mai 2003 15:08

erstens weils ums prinzip geht,
zweitens, weils schneller läd,
drittens, weil man auf nem textbasierten browser mit nem gmenü nix
anfangen kann.
viertens weils weniger webspace braucht

Korpi · 5. Mai 2003 17:41

Reen schrieb
erstens weils ums prinzip geht

oha

zweitens, weils schneller läd,

Tabellen haben aber hinsichtlich Ladezeit auch nicht unbedingt einen sehr guten Ruf

drittens, weil man auf nem textbasierten browser mit nem gmenü nix
anfangen kann.

Mit Tabellen aber schon ?

Wenn du es unbedingt so streng handhaben willst, dann verzichte doch einfach darauf dass die Grafik verlinkt ist...

jens · 6. Mai 2003 18:03

Hi!

aber Stylesheets machen die Sache glaube ich im allgemeinen Design weitaus einfacher ... wenigstens funktioniert das mit dem menü nun

Wie sieht denn dein Stylesheet aus bzw. wie hast du das festgelegt?
jens