Hallo,
ich verwende in meinem Typo3-Projekt RealUrl und TemplaVoila.
Nun möchte ich ein Menü erstellen, dass teilweise aus Text-Links, teilweise aus Grafiklinks mit MouseOver-Grafiken besteht.
Beim Mouse-Over wird die MouseOver-Grafik angezeigt und der Seitenname in einem extra Feld angezeigt.
Und zwar soll das ganze dann so aussehen:
Bild: thorsten-hoff.de/…/navExample.jpg
Um dieses Menü zu erstellen beabsichtige ich so vorzugehen:
Die Menügrafiken sollen in einem extra programmierten Bereich für jeden Unterpunkt der Seite "Produkte" hochlgeladen werden können.
Dazu müsste ich aus der Datenbank die entsprechenden Seiten-IDs und Seitennamen auslesen um die Bilder zuordnen zu können. (Die Daten bekomme ich wahrscheinlich aus der Tabelle "pages"?)
Darin sehe ich eigentlich kein Problem.
Wie schaffe ich es aber diese Menüstruktur darzustellen?
Ich denke dass in dem Menübereich ein eigenes php-Skript plaziert werden muss, welches dieses Menü zusammen bastelt.
Nur woher, bzw. aus welchen Tabellen bekomme ich ale meine Daten, insbesondere für die Link-Urls/RealUrls?.
Ist meine vorgehensweise so sinnvoll?
Oder gibt es da andere oder bessere Lösungsvorschläge?
Viele Grüße,
Floater
Hallo,
hat da niemand einen Tipp für mich?
Gruß,
Floater
Hallo,
ist denn mein Ansatz überhaupt so richtig?
Gruß,
Floater
Hatte denn bisher niemand so ein ähnliches Problem?
Gruß und Helau,
Floater
ich weiß ja nicht ob man das wirklich jeden tag pushen muss?
schon angeschaut > 
#65143 > .: 3. Kombination Text & Grafik :. und sonst gehts wohl über eine itemprocfunc
georg
just2b schrieb
schon angeschaut > #65143 > .: 3. Kombination Text & Grafik
Danke für Deinen Link.
Aber der bietet mir keine Lösung für mein oben stehendes Problem.
just2b schriebund sonst gehts wohl über eine itemprocfunc
Was ist denn eine "itemprocfunc" und wie kann mir das bei meinem o.g. Problem helfen?
Mein Menü ist ja schon etwas komplizierter:
Hauptmenü als Text-Menü, Darstellung des Untermenüs für "Produkte" mir Grafiken, sowie Einbindung eines Javascriptes für die MouseOver-Effekte für die Grafiken, sowie für die Anzeige des Unterseitennamens in einem Feld unter den Grafiken.
Hallo,
ich bekomme es einfach nicht hin.
Folgender HTML-Code muss umgesetzt werden:
<ul id="mainNavList">
<li><a href="./" class="mainNavActive">Start</a></li>
<li><a href="#">Wir über uns</a></li>
<li><a href="#">Partner</a></li>
<li><a href="#" id="productNav">Unsere Produkte</a>
<div id="productNavArea">
<div id="productNavItems">
<div class="productNavItem" id="productNavItem1" style="background-image:url(productNavImages/1.jpg);"><a href="#" onMouseOver="displayProductNav('1', '1');" onMouseOut="displayProductNav('1', '0');"><img src="productNavImages/productNavMaske.gif" alt="" width="54" height="54" name="productNavItemMask1" border="0"></a></div>
<div class="productNavItem" id="productNavItem2" style="background-image:url(productNavImages/1.jpg);"><a href="#" onMouseOver="displayProductNav('2', '1');" onMouseOut="displayProductNav('2', '0');"><img src="productNavImages/productNavMaske.gif" alt="" width="54" height="54" name="productNavItemMask2" border="0"></a></div>
<div class="productNavItem" id="productNavItem3" style="background-image:url(productNavImages/1.jpg);"><a href="#" onMouseOver="displayProductNav('3', '1');" onMouseOut="displayProductNav('3', '0');"><img src="productNavImages/productNavMaske.gif" alt="" width="54" height="54" name="productNavItemMask3" border="0"></a></div>
[...]
<div class="clearDiv"></div>
<div id="displayProductArea">
<div id="displayProductName"><span style="color:#FFFFFF;">Produktname</span></div>
</div>
</div>
</div>
</li>
<li><a href="#">Zum Shop</a></li>
<li><a href="#">Service</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Impressum</a></li>
</ul>
Was ich bisher habe ist das:
lib.mainmenue = HMENU
lib.mainmenue {
1 = TMENU
1{
expAll = 1
noBlur = 1
wrap = <ul id="mainNavList">|</ul>
NO = 1
NO.linkWrap = <li>|</li>
ACT = 1
ACT.linkWrap= <li>|</li>
ACT.ATagParams = class="mainNavActive"
IFSUB = 1
IFSUB.linkWrap = <li>|
IFSUB.ATagParams = class="mainNavActive"
}
2 = TMENU
2{
noBlur = 1
NO = 1
wrap = <div id="productNavArea"><div id="productNavItems">|<div class="clearDiv"></div><div id="displayProductArea"><div id="displayProductName"><span style="color:#FFFFFF;">Produktname</span></div></div></div></div></li>
NO.linkWrap = <div class="productNavItem" id="productNavItem{field:uid}" style="background-image:url(_productNavImages/uid_12.jpg);">|</div>
NO.ATagParams.cObject = COA
NO.ATagParams.cObject {
30 = TEXT
30.dataWrap = id="act{field:uid}"
}
}
allerdings soll diese Unternavigation nur bei dem Untermenü für "Unsere Produkte" greifen.
Für das Untermenü muss ich mir eigene Links basteln, wobei die Seiten-UID und der Seitentitel ausgelesen werden muss.
Ich komme da absolut nicht weiter.
Kann jemand helfen?
Gruß,
Floater