Hover popup für Lexikon

Du hast ein Problem gefunden und weißt nicht genau wo es hinpasst...
Antworten
Kopernikus
Beiträge: 390
Registriert: Fr 19. Okt 2012, 12:15

Hover popup für Lexikon

Beitrag 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.
yogi
Administrator
Beiträge: 292
Registriert: Do 6. Mai 2010, 14:16
Shop Version: die aktuelle
Wohnort: Köln
Kontaktdaten:

Re: Hover popup für Lexikon

Beitrag 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
Antworten