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@lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
