[TYPO3-german] TYPO3 7.6 RTE - Popover / Tooltip mit Bootstrap 4

[Johannes C. Laxander]

Hallo Andrea,

> bounces at lists.typo3.org] Im Auftrag von Andrea Schmuttermair
> 
> Ich glaube dein Javascript Selector ist falsch, oder gibts sowas
mittlerweile in
> ner neuen jQuery Version?  $('[data-toggle="popover"]')
> 

Das ist ein sog. Attribut-Selektor und sollte eigentlich so auch
funktionieren.
Habe diesen Selektor-Typ schon in andern Skripten angewendet.
Außerdem ist er auch auf der Bootstrapseite so dokumentiert:
http://v4-alpha.getbootstrap.com/components/popovers/ 

Johannes.





> Damit sollte es klappen - am besten ne eigene Klasse vergeben:
> $('.btn-primary').popover('toggle');
> 
> 
> Am 31.01.2017 um 22:01 schrieb Johannes C. Laxander:
> > Ich habe eine mögliche Lösung gefunden: EXT:bootstrap_links
> >
> > Generierter HTML Code:
> >
> > <div class="ce-bodytext">
> >     <p><a href="/seite/##" title="Title text" class="btn btn-primary"
> > data-toggle="popover" data-placement="top" data-trigger="hover"
> > data-content="Das ist der Erklärungstext im Popup.">Begriff</a> </p>
> > </div>
> >
> > JavaScript:
> >
> > jQuery.noConflict();
> > jQuery(document).ready(function($) {
> > 	$('[data-toggle="popover"]').popover('toggle');
> > }
> >
> > Die Bibliothek tether.min.js ist vor bootstrap.min.js eingebunden.
> >
> > Allerdings wird weder bei mouse-over noch bei einem Klick das popover
> > angezeigt.
> >
> > Wo liegt das Problem?
> >
> > Johannes.
> >
> >> bounces at lists.typo3.org] Im Auftrag von Johannes C. Laxander
> >> Gesendet: Dienstag, 31. Januar 2017 18:34
> >>
> >> Hallo,
> >> in einem RTE-Text soll für bestimmte Begriffe ein Popover/Tooltip
> >> (http://v4-alpha.getbootstrap.com/components/popovers/) generiert
> >> werden.
> >>
> >> Es reicht hier nicht aus, diesen Begriffen nur Bootstrap-Klassen
> > zuzuweisen,
> >> sondern ich muss ein Button-Tag generieren und dafür auch
> >> data-Attribute angeben können (data-toggle, data-content, 
).
> >>
> >> Weiß jemand wie man das umsetzen kann?