Grafisches Rollover auch mit Textnavigation ansprechen

Hallo,

ich gebe zu, es klingt etwas kompliziert:

Ich habe ein grafisches Menü (die Grafiken dazu werden per Typoscript fest zugewiesen) mit Rollover.

Jetzt möchte ich über ein weiteres Textmenü (das die selben Menüpunkte anspringt) bei einem :hover den Rollover der entsprechenden Grafik ausführen...

Das grafische Menü habe ich so umgesetzt:

lib.startMenu = HMENU
lib.startMenu {
	special = directory
	special.value = 23
	1 = GMENU
	1.noBlur = 1
	1.NO = 1
	1.NO {
		allWrap = <li class='lefthead'>|</li>
		ATagTitle.field = abstract // description // title
		altImgResource = fileadmin/user_upload/start/Profil-1.gif || fileadmin/user_upload/start/Leistungen-1.gif || fileadmin/user_upload/start/Publikationen-1.gif || fileadmin/user_upload/start/Seminarkalender-1.gif || fileadmin/user_upload/start/Referenzen-1.gif || fileadmin/user_upload/start/Kontakt-1.gif
	}
	1.RO = 1
	1.RO {
		altImgResource = fileadmin/user_upload/start/Profil-2.gif || fileadmin/user_upload/start/Leistungen-2.gif || fileadmin/user_upload/start/Publikationen-2.gif || fileadmin/user_upload/start/Seminarkalender-2.gif || fileadmin/user_upload/start/Referenzen-2.gif || fileadmin/user_upload/start/Kontakt-2.gif
	}
}

Das Textmenu ist ein einfaches TMENU:

lib.mainmenu = HMENU

lib.mainmenu {

	special = directory
	special.value = 23
	1 = TMENU
	1.noBlur = 1
	1.NO = 1
	1.NO.linkWrap = <li class='topli'>|</li>
	1.NO.ATagTitle.field = abstract // description // title
	1.ACT = 1
	1.ACT.linkWrap = <li class='toplihier'>|</li>
	1.ACT.RO = 1
}

Hat da jemand einen Vorschlag?

Da die Grafiken ja gecached werden, kann ich auch den entsprechenden JS-Code den Textlinks nicht mitgeben, da ja dadurch die Grafiken jedes Mal anders lauten...

Bitte um Unterstützung...

Vielen Dank,

nxs.

Naja, du erstellst deinen eigenen JS Code, nimmst den RO Zustand raus und benutzt einen fest stehenden Code. Z.B. bietet es sich an jedem Menüpunkt ein id="" und dann da die PageID reinwrappen. Dann kannst du schonmal jeden Menüpunkt über die ID der zugehörigen Seite ansprechen. Dazu ein onmouseover="rollover({pid})" sowas in der Art, so dass der Rollover-Funktion auch immer die entsprechende PID übergeben wird. das onmouseover baust du jetzt in dein TMENU auch ein und fertig ist. 😃

Grüße

Christian

Hm, das bringt mich schon viel weiter, vielen Dank!

Ich habe jetzt mal die Seite samt JS statisch gebaut, das funktioniert auch.

Also ein <li> Element, mit einer BG-Grafik, per JS wird diese bei einem Rollover des a-Tags ausgetauscht.
Im <li> Element liegt ein transparentes Gif, damit er mir die Fläche für den anker nutzt.

Nur wenn ich es in typo3 umsetze, sehe ich die BG-Grafiken nicht, es ist, als würde er statt der transparenten Grafik, eine weiße darauflegen - im Quelltext sehe ich auch einen anderen Pfad und Datei, als die, die ich im TS angegeben habe...

Wie kann ich das lösen?

nxs.

Poste mal den aktuellen Code und vielleicht auch einen Link wenn das geht.