Hallo zusammen,
ich habe unter der HTML-Vorlage die ich einbinde ein Menü, das nur aus Bildern besteht. Ich konnte das Menü nicht unter Typo3 selber erstellen, weil mein Auftraggeber einen bestimmten Rollover-Effekt haben wollte, der unter Typo3 nicht funktioniert.
So nun habe ich diese Bilder, nun will ich für die aktuell angezeigte Seite den Button ändern, das heißt, damit der User sieht, wo er sich momentan im Menü befindet soll der Button zur entsprechenden Seite anders aussehen. Kann ich das unter TypoScript, eventuell in Verbindung mit JavaScript machen?
Ich weiß echt nciht mehr weiter, bitte helft mir!
Gruß Cinderella
Cinderella schriebIch weiß echt nciht mehr weiter, bitte helft mir!
Wie denn? Du redest wirr... 8-)
Du hast was "fremdes" in Typo3 eingebaut und nun sollen wir dir sagen, wie man das wiederum beeinflussen kann?
Ohne irgendeine halbwegs konkrete Information kann da nur eine Glaskugel helfen.
Lies dir bitte mal deine Frage aus dem Blickwinkel von ahnungslosen Hilfswilligen durch... 😉
Hmm, ich dachte es wäre normal Templates in Form von HTML-Vorlagen einzubinden. Es ist also ganz normaler HTML-Code, eine Tabelle mit tr, td und da drin befinden sich die Bilder zum Menü. Das JavaScript rufe ich dann wieder normal unter Typo3 auf. Beispiel:
<tr> <td valign="top">
<a href="index.php?id=home" OnMouseover="hiLite('nav1','i02');hiLite('unten1','i14')" OnMouseout="hiLite('nav1','i01');hiLite('unten1','i13')">
<img name="nav1" src="fileadmin/img/nav_2.gif" alt="Home" border=0>
</a></td>
</tr>
so, wenn ich jetzt auf der "Home"-Seite bin, dann soll das image "nav1" durch ein anderes ausgetauscht werden.
Hmm, jetzt besser oder immernoch wirr? #paralyzed#
Cinderella schriebHmm, ich dachte es wäre normal Templates in Form von HTML-Vorlagen einzubinden. Es ist also ganz normaler HTML-Code, eine Tabelle mit tr, td und da drin befinden sich die Bilder zum Menü.
Coool, ich hör immer nur "normal"... 😉
Was für dich normal ist, ist für andere nun überhaupt nicht normal.
Du postest ja keinen Schnipsel deines Typoscript-Codes.
Aber abgesehen davon glaube ich auch nicht, daß es Sinn macht.
Schildere doch lieber mal diese ominöse Menüanforderung, von der du meinst, daß man sie "unter Typo3" nicht umsetzen könne.
Das wäre das erste mal, daß ich sowas kennenlerne.
Da wäre ich gerne bereit, dir unter die Arme zu greifen, aber von dieser Wuselei da oben lasse ich jetzt mal die Finger.
Also zu meinem früheren Problem:
Ich hatte folgendes GMenu:
marks.MENU = HMENU
marks.MENU.1 = GMENU
marks.MENU.1 {
expAll = 1
wrap = <tr><td width="152" height ="44"> | </td></tr>
NO {
XY = 152,44
10 = IMAGE
10.file {
import.field = media
import = uploads/media/
import.listNum = 0
}
}
RO < .NO
RO = 1
RO {
10.file.import.listNum = 1
}
ACT < .NO
ACT = 1
ACT {
10.file.import.listNum = 1
}
}
marks.MENUUNTEN = HMENU
marks.MENUUNTEN.1 = GMENU
marks.MENUUNTEN.1 {
expAll = 1
wrap = <td> | </td>
NO {
XY = [10.w],46
10 = IMAGE
10.file {
import.field = media
import = uploads/media/
import.listNum = 2
}
}
RO < .NO
RO = 1
RO {
10.file.import.listNum = 3
}
ACT < .NO
ACT = 1
ACT {
10.file.import.listNum = 3
}
}
Nun sollte aber für Menu und Menuunten ein gleichzeitiges Rollover stattfinden. Also die zwei Menüs zeigen jeweils auf die gleichen Seiten; beim Rollover des einen Menüs soll auch ein Rollover im anderen Menü stattfinden, das geht mit folgendem JavaScript:
/* Navigation links*/
i01 = new Image();
i01.src = "fileadmin/img/nav_2.gif"; /* normale-Grafik */
i02 = new Image();
i02.src = "fileadmin/img/nav_2_2.gif"; /* Highlight-Grafik */
i03 = new Image();
i03.src = "fileadmin/img/nav_3.gif"; /* normale-Grafik */
i04 = new Image();
i04.src = "fileadmin/img/nav_3_2.gif"; /* Highlight-Grafik */
i05 = new Image();
i05.src = "fileadmin/img/nav_4.gif"; /* normale-Grafik */
i06 = new Image();
i06.src = "fileadmin/img/nav_4_2.gif"; /* Highlight-Grafik */
i07 = new Image();
i07.src = "fileadmin/img/nav_5.gif"; /* normale-Grafik */
i08 = new Image();
i08.src = "fileadmin/img/nav_5_2.gif"; /* Highlight-Grafik */
i09 = new Image();
i09.src = "fileadmin/img/nav_6.gif"; /* normale-Grafik */
i10 = new Image();
i10.src = "fileadmin/img/nav_6_2.gif"; /* Highlight-Grafik */
i11 = new Image();
i11.src = "fileadmin/img/nav_8.gif"; /* normale-Grafik */
i12 = new Image();
i12.src = "fileadmin/img/nav_8_2.gif"; /* Highlight-Grafik */
/* Navigation unten*/
i13 = new Image();
i13.src = "fileadmin/img/unten_home_hell.gif"; /* normale-Grafik */
i14 = new Image();
i14.src = "fileadmin/img/unten_home_dunkel.gif"; /* Highlight-Grafik */
i15 = new Image();
i15.src = "fileadmin/img/unten_unternehmen_hell.gif"; /* normale-Grafik */
i16 = new Image();
i16.src = "fileadmin/img/unten_unternehmen_dunkel.gif"; /* Highlight-Grafik */
i17 = new Image();
i17.src = "fileadmin/img/unten_leistungen_hell.gif"; /* normale-Grafik */
i18 = new Image();
i18.src = "fileadmin/img/unten_leistungen_dunkel.gif"; /* Highlight-Grafik */
i19 = new Image();
i19.src = "fileadmin/img/unten_referenzen_hell.gif"; /* normale-Grafik */
i20 = new Image();
i20.src = "fileadmin/img/unten_referenzen_dunkel.gif"; /* Highlight-Grafik */
i21 = new Image();
i21.src = "fileadmin/img/unten_kontakt_hell.gif"; /* normale-Grafik */
i22 = new Image();
i22.src = "fileadmin/img/unten_kontakt_dunkel.gif"; /* Highlight-Grafik */
i23 = new Image();
i23.src = "fileadmin/img/unten_agb_hell.gif"; /* normale-Grafik */
i24 = new Image();
i24.src = "fileadmin/img/unten_agb_dunkel.gif"; /* Highlight-Grafik */
function hiLite(imgID,imgObjName) {
document.images[imgID].src = eval(imgObjName + ".src")
}
So, Typo3 hat jetzt aber für die Bilder im GMenu eigene Namen generiert, und das für jede Session neu, deshalb konnte ich das JavaScript nicht ansprechen.
Alles verständlich oder zu viel gewusel o.O
ja, das ist doch schon viel klarer 🙂
Muß ich mich aber erst noch einlesen... 😉
Ich habe das Problem jetzt mit einem von mir geschriebenen JavaScript gelöst. 😃
Trotzdem danke für die bisher entstandene Mühe.