Zum Inhalt springen

Aufklappbarer Text im Footer

Erstellt am 29. Februar 2012 · 1 Antwort · letzte Antwort am 18. März 2012

Tags: JavaScript & AJAX, Frage

misterx ·

Hallo,

ich habe so gut wie keine Ahnung von Typo3.

Ich möchte auf einer Seite im Footer per onclick o.ä. einen aufklappbaren Startseitentext einbinden (NUR auf der Startseite, nicht auf Unterseiten) - wie lässt sich das schnell und einfach realisieren? Kriege hier bald einen Infarkt 😉

Gruß

karlchen ·

ok, also quick and dirty ? 🙂

//jquery integrieren
page.includeJSFooterlibs.jquery = //ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
page.includeJSFooterlibs.jquery.external = 1

//CSS integrieren um den Startseiten Text erstmal zu verstecken
page.CSS_inlineStyle :=appendString(#startseitentext{display:none})

// mit jQuery den Click auf den Link abfangen 
// um dann Startseiten Text anzuzeigen und zu verbergen
page.jsFooterInline.10010 = TEXT
page.jsFooterInline.10010.value (
$(document).ready(function(){
  $('#openandclose').on('click', function(e){
   /*standard Click Aktion abbrechen, also link öffnen/anzeigen*/
   e.preventDefault();
   /*text einblenden und ausblenden*/
   $('#startseitentext').toggle();
})
});
)

// entweder den Text komplett über TypoScript integrieren
// oder auf der Startseite, ein HTML Inhaltselement mit den Sachen anlegen
// der Link und Text müssen nur die IDs haben die im jQuery part genutzt werden
[globalVar = TSFE:id=STARTSEITENID]
temp.startseitenLinkZumÖffnenundSchliessen = TEXT
temp.startseitenLinkZumÖffnenundSchliessen.value = <a id="openandclose" href="#">click</a>
temp.startseitenText = TEXT
temp.startseitenText.wrap = <div id="startseitentext">|</div>
temp.startseitenText.value (

Der Text
...
...

)

page.10.MARKER/SUBPART.FOOTER < temp.startseitenLinkZumÖffnenundSchliessen
page.10.MARKER/SUBPART.FOOTER2 < temp.startseitenText
[global]