Beispiel Tooltip JavaScript. Dieses Script kommt in die Seiteneinstellungen "
End of <body> Tag":
<!-- Tooltip Script -->
<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
$('[data-toggle="popover"]').popover({placement: "top"});
});
</script>
Beispiel für den Tooltip mit Hinweis-Text. Ihr setzt also einen Link ohne Ziel mit dem Wert
javascript: void();
oder einen Link mit Ziel und der Funktion, inklusive der Anzeige (title) im Tooltip Fenster, über den
Code Editor ein.
data-toggle="tooltip" title="Bootstrap JavaScript Tooltip"Zusammen sieht das dann so aus:
<a href="javascript: void();"
data-toggle="tooltip" title="Bootstrap JavaScript Tooltip">Bootstrap Tooltip</a>
Beispiel für den Tooltip mit Bild. Ihr setzt also einen Link ohne Ziel mit dem Wert
javascript: void();
oder einen Link mit Ziel und der Funktion
data-toggle="popover" inklusive der Anzeige aller "
data" Parameter und des
Bildes mit einer maximalen Breite von 250px (oder eben kleiner). Für Klick wechselt Ihr "
hover" in "focus" aus.
data-toggle="popover" data-trigger="hover" data-html="true" data-content="<img src='http://www.mobirise-tutorials.com/BusinessM4/images/Enten.jpg' alt='Bild' width='250px'/>"Zusammen sieht das dann so aus:
<a href="javascript:void(0);" data-toggle="popover" data-trigger="hover" data-html="true" data-content="<img src='http://www.mobirise-tutorials.com/BusinessM4/images/Enten.jpg' alt='Bild' width='250px'>">Enten</a>
