Seite 1 von 1

Hover popup für Lexikon

Verfasst: Fr 23. Aug 2013, 12:36
von Kopernikus
Da ich die Inhaltsstoffe meiner Produkte besser deklarieren möchte, habe ich mir das Lexikon Modul von (ursprünglich) Southbridge eingebaut. Nach einigen Modifikationen funktioniert dieses eigentlich recht gut. Was mir allerdings noch nicht so ganz gefällt, ist das javascript popup in welchem dann detailiertere Infos stehen.

Hier wird der code generiert:

Code: Alles auswählen

$keyword_new = ' <span class="lexikon_keyword">'.$lexikon['keyword'].'</span><img style="cursor:help;" onclick="javascript:window.open(\''.xtc_href_link(FILENAME_LEXIKON,'keyword='. $lexikon['id']).'\', \'Lexikon\', \'scrollbars=yes, toolbar=0, width=400, height=200\')" src="templates/'.CURRENT_TEMPLATE.'/img/lexikon_icon.gif" alt="' .$lexikon['keyword'] .'" border="0" /></a>';
Hätte mir jemand hier einen Tipp, wie ich dieses durch ein mouse over popup ohne javascript ersetzen könnte? Ich habe da zunächst an ein jquery popup (http://bassistance.de/jquery-plugins/jq ... n-tooltip/) gedacht, weiss aber nicht wie ich dieses implementieren kann.

Würde mich über einen Tipp sehr freuen.

Re: Hover popup für Lexikon

Verfasst: Di 27. Aug 2013, 08:26
von yogi
Moin Kopernikus,

dir ist schon klar daß das "j" in "jQuery" für Javascript steht, oder? Wenn Du ein "mouseOver" mit jQuery realisiert ist das in javascript implementiert!

Ohne Javascript geht es nur als "title" da html sonst nix zur Verfügung stellt - Title Texte lassen sich aber nicht formatiern -> eher ungünstig.

In jQuery - oder besser im jQuery User Interface (jqueryui) gibt es das Widget Tooltip was vermutlich genau das ist was Du suchst.

Gruß Yogi