OverLIB

Mit diesem jQuery Skript kann man Boxen über Objekten wie Texten oder Bildern als Tooltip, mittels der dazu gehörenden ID, anzeigen lassen.

Die Skripte kann man mit vielen Optionen versehen, wie z.B. der Richtung oder ob die Box der Maus folgen soll. Man kann die CSS der Boxen beliebig einstellen und auch Links oder Bilder in den Boxen verwenden.

Dies ist eine schöne Alternative zu der allseits beliebten Overlib– oder auch der jQuery-Tooltip Box.

www.nof-tutorials.com/jQuery-Powertip/

 

PowerTip

zur PowerTip Box

Hier stelle ich einige Alternativen zu dem gewöhnlichen „title“ Tag vor.

  1. als einfache CSS
  2. als Javascript
  3. als jQuery-Skript

Dies ist auch eine sehr einfach einzubauende Alternative zu dem allseits beliebten „Overlib“ Skript. Guckt Euch auch die PowerTip Tooltip-Box an.

www.nof-tutorials.com/Infobox-Mouseover/Infobox-jQuery/infobox-jquery.html

 

jQuery Tooltip

jQuery Tooltip

 

Nachdem ich den IE 10 installiert hatte, musste ich feststellen, dass meine OverLIB-Skripte nicht mehr funktionieren.

www.tommyherrmanndesign.com/nof/html/mouse-overlib.html

Daraufhin habe ich mal Google bemüht und diesen Artikel hier gefunden:

prasanthkumars.blogspot.de/2013/02/overlibjs-not-working-in-internet.html

 

Ihr könnt das sehr leicht berichtigen, indem Ihr in der Datei overlib.js in der Zeile #216 den Code unten von:

var versNum = parseFloat(agent.match(/MSIE[ ](\d\.\d+)\.*/i)[1]);

in folgenden Code ändert:

var versNum = parseFloat(agent.match(/MSIE[ ](\d{1,2}\.\d+)\.*/i)[1]);

 

Es liegt schlicht daran, dass hier nach der IE Version gesucht wird und d ist einstellig. Mit dieser Änderung d{1,2} kann auch auf eine zweistellige Zahl geprüft werden. Bis zum IE 99 sollte das also funktionieren.

 

Hier der Beitrag in unserem NOF-Forum dazu.

 

 

OverLIB ist eine Box, die sich bei Maus über einem Link öffnet und ist ein sehr beliebtes Plugin als Alternative zu den normalen Titel-Tags.

Man kann in diesen Boxen kleine Beschreibungen erstellen und/oder auch Bilder anzeigen.

Es gibt eine Unmenge an Möglichkeiten des Einsatzes dieser Boxen. Für einige Beispiele und ausführliche Beschreibungen guckt bitte auf meiner NetObjects Fusion Hilfe Seite.

http://www.tommyherrmanndesign.com/nof/html/mouse-overlib.html