Um Tooltipps im Breezing-Forms-Formularen zu ermöglichen wie folgt verfahren:

  • Das Formular-Element auswählen, welches den Tooltipp erhalten soll (bevorzugt das Label-Element, damit das Tooltipp-Symbol direkt hinter dem Label ausgeben wird.
  • In der Regel haben alle Formularelement vom Typ Label auch ein Feld „Inhalt (HTML erlaubt)". Hinter dem dortigen Anzeige Text folgende Sequenz eingeben:



Formular-Element HTML-Text
<span onmouseout="UnTip()" onmouseover="Tip( 'Über dieses Formularelement können Sie ... als <b>8MB</b> sein!' ,WIDTH, -350 ,TITLE,'Tip!' );">
<img alt="" src="/templates/hm_yaml/images/marks/M_images/con_info.png" align="top" border="0">
</span>
  • Damit nun das Script Tip() und UnTip() gefunden werden, muss sichergestellt werden, dass am besten für das ganze Formular das notw. JavaScript aufgerufen wird. Dazu über den Registerreiter „Formular" den Accordeon-Bereich „Code" anklicken. Im dortigen Feld folgende Scriptzeilen einfügen:
Formular-Registerreiter Code
<script src="/components/com_virtuemart/fetchscript.php?gzip=0&amp;subdir[0]=/js&amp;file[0]=wz_tooltip.js" type="text/javascript"></script>
  • Da die Tooltipps aber auf allen Projektseiten benötigt werden, z.B. auf für den Erläuterungstext neben dem Suchfeld der Inhalts/Shop-Suche, sollte das Script statt hier speziell immer eingebunden werden. Da VirtueMart das Script ebenfalls einbindet, sollte der Aufruf absolut identisch erfolgen! Das erfolgt also sinnvoll im Template. Dazu im YAML-Template – Design-Konfiguration für den „Benutzerdefinierten Header" folgenden Eintrag hinzufügen:
HM_YAML benutzerdefinierter Header
<script type="text/javascript" src="http://entw.marks-normalien.com/components/com_virtuemart/fetchscript.php?gzip=0&amp;subdir[0]=/js&amp;file[0]=wz_tooltip.js"></script>

Jeweils immer update klicken und dann das Formular speichern, damit alle Änderungen auch übernommen werden.