[TYPO3-german] Über Textlink einen Text (Inhaltselement) ein-/ausblenden (toggle)

[conPassione gmbh]

Hallo Johannes

mit CSS müsste das etwa in der Art zu lösen sein:

<article>
  <div > Text mit <a>link</a>
  <div>Detail Text
  </div>
  </div>
</article>

im CSS musst Du dann für 
div a div {display:none;}
und für 
div a:focus div,
div a:visited div,
div a:active {display:block;}

setzen. Dann sollte das eigentlich funktionieren.

Für die Erfassung des Textes könntest Du dem Redaktor ja dann eine
speziellen DIV-Container im RTE zur Verfügung stellen, mit dem er den
Detailtext auszeichnen muss.
Dann klappt das auch mit den verschachtelten DIV's.
Mehrere solche Elemente auf einer Seite wären so möglich. Wenn Du den
Link auf ein beliebiges Inhaltselement setzen möchtest, dann müsstest Du
sicher stellen, dass die beide Elemente, d.h. das Text-Element und das
Detail-Textelement in einem gemeinsamen DIV Container oder wie in meinem
Beispiel z.B. in einem article oder section zusammen gefasst werden.

Ich hoffe dass Dir meine Idee weiter hilft. Gemacht habe ich selber
ähnliches auch schon.
Und natürlich kannst Du solches auch in jQuery programmieren... aber mir
scheint die CSS-Variante eleganter zu sein.

Viele Grüsse
Renzo
-- 
_____________________________
Renzo Bauen
+41 79 330 10 11
conPassione gmbh 

Am Freitag, den 25.05.2012, 09:12 +0200 schrieb JCL - Johannes C.
Laxander:

> Hallo,
>  
> ich habe folgenden Aufgabenstellung:
>  
> Der Redakteur soll in seinem Text einen Link setzen können, der eín weiteres Inhaltselement einblendet, als z.B. so:
>  
> X-belibiger Text.... <link>Lesen Sie mehr über dieses Produkt</link>.
>  
> Hier stehen die wieteren Produktinformationen in einen eigenen Inhaltselement, die aber erst angezeigt werden sollen, wenn der Benutzer auf den Link klickt.
>  
> Im Prinzip ist das ja ein Link auf einen Anker in der Seite (= UID des Inhaltselements).
> Nur müsste dieses Inhaltselement zunächst "ausgeblendet" sein und beim anklicken des Links "eingeblendet" werden.
> Ich stelle mir vor, das dies mit CSS / jQuery gemacht werden kann.
>  
> Hat jemenad eine Idee wie man das umsetzt?
>  
> Gruß, Johannes
> 
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german