JS einbinden

Sali zäme,

ich bin dabei, die HP meiner Gugge auf Joomla umzustellen, so das mehrere Kollegen Texte schreiben oder korregieren können.
Hier die Seiten:
--ALTER LINK WURDE ENTFERNT--.

Um die Navigation links so zu übernehmen, musste ich im Template die index.php so abändern, dass ich in <div id="left" > den Zugriff auf die Module ( <jdoc:include type="modules" name="left" style="xhtml" /> ) auskommentiert und statt dessen in alter Tabellenform geschrieben habe. Ich habe leider kein Modul gefunden, was Links als Images darstellt und dies auch noch versetzt. :-
Die Seite ist hauptsächlich statisch, d.h. es kommt wenig neuer Text, nur bereits vorhandener wird aktualisiert.
Nun sind in der alten Variante die Links ja animiert (mouseover / Imagewechsel). Ich habe dieses Javascript in seperater Datei im Template integriert, aber irgendwie funzt es nüüt.
Weiss jemand von euch, wo mein Fehler ist?

Die Links auf der rechten Seite (home und guestbook) wollte ich in ein Menü oben einbauen. Wie mache ich das am besten?

Und ein Letztes? Warum ist der Text im inneren Container so weit unten? :'( '(

Dies ist mein erstes Mal, das ich mit Joomla arbeite, entschuldigt bitte, wenn ich dumm frage bzw. vielleicht sogar an der falschen Stelle poste.

Liebe Grüsse und Danke vorab,

Tinu

Hallo Tinu

das Javascript funktioniert, aber Pfadangabe zu den Wechselbildern ist nicht korrekt. Wo liegen denn diese Wechselbilder? Dein jetziger Pfad verweist nach "/templates/images/buttons/". Damit du alle Bilder die zu dem Template gehören im selben Ordner hast, empfiehlt es sich die Bilder im Images Ordner des Templates abzulegen. Das wäre dann "/Projekte/neonowumm/templates/neonowumm_black/images/".

Denn Container #innerContainer musst du in der Breite beschränken, damit der Float vom Content funktioniert. Das machst du in der CSS Datei. Einfach mit width und der gewünschten Breite ergänzen.


Bei deinem Templat existiert oben schon ein Container mit der ID Menu. An Dieser Position kannst du ja dein 2tes Menu publizieren und über CSS ausrichten.

Achtung Semantik:
Was mir ganz speziell auffällt ist das ein JavaScript ist ausserhalb des head-Tag definiert, genauso das CSS Script. Immer innerhalb des head-Tag definieren. Zum zweiten ist für den body-Tag kein <body> vorhanden nur ein </body>. Die mir bekannten Javascript laden die Rollover Bilder im body-Tag vor. Zudem noch ein Fehler SCRIPT schreibt man in XHTML immer klein. Das sind so Fallen die einem die Umstellung von HTML auf XHTML immer bieten, doch das arbeiten mit validem Quellcode bringt nur Vorteile.

Als wichtigstes gilt innerhalb des Javascript muss immer der volle Bildpfad definiert werden. Innerhalb des Templates kann ich die ja über eine globale Variabel steuern, im Javascript geht dies nicht, da ein Javascript keinen Zugriff auf die globalen Variabeln von Joomla hat.

Hallo und danke,

da ist mir bei copy&paste wohl was verlorengegangen... Der <body> ist wieder korrekt, das JS im Header.
Aber das Script funzt immer noch nicht. Die bei mouseover anzuzeigenden Grafiken sind komplett weg, incl. Linkzuweisung.
Wo hab ich da einen Fehler eingebaut?
Ich seh den Wald nimmer vor lauter Bäumen...

Hier noch das --ALTER LINK WURDE ENTFERNT--dazu.

Dank im Voraus,

lieben Gruss,

Tinu