#footer ausklappen

**murphyslaw** · 05.12.2009, 20:59

Hallo

ich möchte gerne den Footer (#footer) beim mouseover ausklappen (dort wird aktuell nur Impressumlink & copyright angezeigt) so dass dort dann weitere links angezeigt werden wie Sitemap etc.).

Meine Idee war, ein Modul eigener html-code zu erstellen, dort ein weiteres Div mit den Abmessungen des Footers, eine Linktabelle in dieses Div und mit JS soll dann der Effekt erzeugt werden.

Nun kann ich im Modul aber nicht direkt JS einbinden, da dies ja nur im headbereich möglich ist.

Was nu?

**Sarvo** · 05.12.2009, 21:06

in typolight ist ja schon mootools integriert und eingebunden.
Damit kannst du sowas bewerkstelligen.

meinst du ungefähr sowas wie rechts, bei Roles, auf der Seite zu sehen ist ?

typolight demo

**murphyslaw** · 05.12.2009, 21:34

An mootools habe ich zuerst tatsächlich auch schon gedacht, aber:
das geht wohl nur als inhaltselement eines Artikels?

**schueler** · 05.12.2009, 21:41

Nutz doch CSS!

Leg einen div-Container #footer an, mit standard-Höhe
darin legst du einen weiteren div-Container z.B. #footer_inside

dann folgender css-code:

HTML-Code:

#footer {
min-height: ..px;
background-color:#......;
color:#......;
}

#footer_inside {
height: ..px;
background-color:#......;
color:#......;
display:none;
}

#footer:hover #footer_inside {
display:block;
}

nicht getestet, sollte aber funktionieren

**murphyslaw** · 05.12.2009, 21:48

imho funzt :hover funzt meines Wissens aber nicht mit dem IE, da dieser nur mit a:hover funktioniert! Sonst wär es ja auch zu einfach gewesen oder?

Grüße

**Sebastian** · 05.12.2009, 22:05

HI

du kannst einen Artikel, in dem das Akkordeon eingebunden ist, über den Inserttag {{insert_article::ID}} in die Fußzeile einbauen, oder du nutzt ein Javascript, um dem IE auch das :hover für die restlichen HTML-Elemente beizubringen.

Sebastian

**murphyslaw** · 05.12.2009, 22:11

Hi sebastian,

vielen dank für deine Antwort!

Den Artikel muss ich dann also in einer im Menü versteckten Seite (z.B. namens Footer) anlegen oder? Die Lösung mit mootools wäre mir am liebsten.

Lösung 2 mit JS: Ok und wo binde ich dann dieses JS ein?

**Sarvo** · 05.12.2009, 22:19

im seitenlayout unter zusätzliche head tags

dort einfach die syntax zum einbinden mit dem richtigen pfad der datei. Dann ist .js auf jeder Seite verfügbar