Aufklappbarer Text im Footer

  • misterx misterx
    Jar Jar Binks
    0 x
    1 Beiträge
    0 Hilfreiche Beiträge
    29. 02. 2012, 10:31

    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ß


  • 1
  • karlchen karlchen
    Jedi-General
    0 x
    1283 Beiträge
    13 Hilfreiche Beiträge
    18. 03. 2012, 22:41

    ok, also quick and dirty ?

    1. //jquery integrieren
    2. page.includeJSFooterlibs.jquery = //ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
    3. page.includeJSFooterlibs.jquery.external = 1
    4.  
    5. //CSS integrieren um den Startseiten Text erstmal zu verstecken
    6. page.CSS_inlineStyle :=appendString(#startseitentext{display:none})
    7.  
    8. // mit jQuery den Click auf den Link abfangen
    9. // um dann Startseiten Text anzuzeigen und zu verbergen
    10. page.jsFooterInline.10010 = TEXT
    11. page.jsFooterInline.10010.value (
    12. $(document).ready(function(){
    13. $('#openandclose').on('click', function(e){
    14. /*standard Click Aktion abbrechen, also link öffnen/anzeigen*/
    15. e.preventDefault();
    16. /*text einblenden und ausblenden*/
    17. $('#startseitentext').toggle();
    18. })
    19. });
    20. )
    21.  
    22. // entweder den Text komplett über TypoScript integrieren
    23. // oder auf der Startseite, ein HTML Inhaltselement mit den Sachen anlegen
    24. // der Link und Text müssen nur die IDs haben die im jQuery part genutzt werden
    25. [globalVar = TSFE:id=STARTSEITENID]
    26. temp.startseitenLinkZumÖffnenundSchliessen = TEXT
    27. temp.startseitenLinkZumÖffnenundSchliessen.value = <a id="openandclose" href="#">click</a>
    28. temp.startseitenText = TEXT
    29. temp.startseitenText.wrap = <div id="startseitentext">|</div>
    30. temp.startseitenText.value (
    31.  
    32. Der Text
    33. ...
    34. ...
    35.  
    36. )
    37.  
    38. page.10.MARKER/SUBPART.FOOTER < temp.startseitenLinkZumÖffnenundSchliessen
    39. page.10.MARKER/SUBPART.FOOTER2 < temp.startseitenText
    40. [global]

  • 1