Jump to content
xt:Commerce Community Forum

wie kann man einen Tooltip im Body einbinden


abraham20

Recommended Posts

Hallo,

ich möchte gerne einen Tooltip in eine Landkarte einbinden und soll folgenden Code am Anfang des BODY-Bereichs, nach dem öffnenden <body>-Tag einfügen: <script type="text/javascript" src="wz_tooltip.js"></script>.

Habe zwar den Body im header gefunden, doch wenn ich dort den Code einfüge kommt gar nichts mehr.

Ich habe aber keine Ahnung wie man das macht. Könnt Ihr mir Helfen?

Link to comment
Share on other sites

  • 2 months later...

generell sollten externe scripte über das templateverzeichniss geladen werden, dort gibt es den ordner javascript.

Alles was dort drinn steht wird an die richtige Stelle geladen, also vor "head".

das script für deinen tooltip ins genannte verzeichniss legen und mit dieser codezeile einbinden :

<script src="<?php echo 'templates/'.CURRENT_TEMPLATE.'/javascript' ?>/[B]deinscript.js[/B]" type="text/javascript" charset = "utf-8"></script> 

ein einbinden in die header.php ist daher unnötig, das script kommt an die richtige stelle, ebenso kannst du auf diese weise alle deine scripte auch im DOM ausführen.

Ich weiss nicht was das für ein tooltip ist, ich würde aber etwas aus dem jquery zirkel nehmen, diese sind sehr klein und super schnell. z.B http://www.codylindley.com/blogstuff/js/jtip/

hoffe das war hilfreich genug :D

Link to comment
Share on other sites

natürlich muss das jquery.js ebenso eingebunden werden wie das eigentliche Script, siehe meine Anleitung im vorherigen Posting, natürlich zuerst jquery.js und als zweites die z.B tooltip.js,

die Links bzw Artikel die via Tooltip angezeigt werden sollen brauchen eine css class im Link, z.B in der new_products_default sollte den links diese classe zugewiesen werden.

Beispiel: <a href="deinlink.php" class="jTip">

das wäre eigentlich alles

Link to comment
Share on other sites

Erstmal Danke für deinen Beitrag stwinger.

Bei mir funktioniert das nicht, oder ich mache etwas falsch.

In die general.js.php habe ich folgendes geschrieben:

<script src="<?php echo 'templates/'.CURRENT_TEMPLATE.'/javascript' ?>/wz_tooltip.js" type="text/javascript" charset = "utf-8"></script>

Im gleichen Ordner habe ich die wz_tooltip.js abgelegt.

Ich erhalte eine Fehlermeldung und der Tooltip wird nicht angezeigt.

Dein Vorgeschlagener Tooltip ist wirklich sehr klein und schnell, nur leider möchte der immer eine html Datei, somit kann ich keine Daten aus der DB anzeigen lassen.

Wäre nett wenn du mich auf den Fehler den ich zweifelsfrei gemacht habe hinweisen könntest.

Danke

Gruß

Axel

Übrigends klappt es wenn ich das ganze in die header.php schreibe, allerdings mit Fehlermeldung im Browser

Zeile: 391

Fehler: Objekt wird erwartet

Link to comment
Share on other sites

  • 4 weeks later...

Hallo zusammen,

bei mir klappt das leider auch nicht. Ich hab jetzt zwei Varianten probiert:

a) Einbau in die header.php

B) Einbau in die general.js.php

Sieht dann so aus (hier sind beide Varianten zusammen zu sehen):

//--></script>

<script type="text/javascript"><!--


src="templates/xtc/javascript/wz_tooltip.js">


//--></script>

</head>

<body>

<script src="templates/xtc/javascript/wz_tooltip.js" type="text/javascript" charset = "utf-8"></script>


Wie man sieht wird es einmal im head und einmal an erster Stelle im body angezeigt. Laut dem Entwickler soll es unbedingt in den body... aber so oder so klappt es nicht. In der HTML-Datei steht dann so etwas (vielleicht ist hier auch etwas falsch):
{if $PRODUCTS_IMAGE_1 != ''}<a href="#" onmouseover="return escape('{$PRODUCTS_IMAGE_1}')"><img src="{$PRODUCTS_IMAGE_1}" alt="{$PRODUCTS_NAME}" /></a>{/if}    
Oder wahlweise so (geht auch nicht):
{if $PRODUCTS_IMAGE_1 != ''}<a href="#" onmouseover="Tip('{$PRODUCTS_IMAGE_1}')" onmouseout="UnTip()"><img src="{$PRODUCTS_IMAGE_1}" alt="{$PRODUCTS_NAME}" /></a>{/if}     

[/code]

Die Bildzuweisungen sind natürlich noch nicht endgültig. Aber selbst wenn ich nur einen kleinen Text im Tooltip anzeigen will - es geht nix auf...

Langsam verzweifle ich echt...

Link to comment
Share on other sites

Juuuhuuu! Es klappt doch mit obiger Lösung!

Also, falls es jemand versuchen möchte, auf auf ;-)

Allerdings muss man beim Tooltip-Inhalt eher so etwas eingeben:

{if $PRODUCTS_THUMB_1 != ''}<a href="#" onmouseover="Tip('Text mit <img src="{$PRODUCTS_IMAGE_1}" width="200">Bild')" onmouseout="UnTip()"><img src="{$PRODUCTS_THUMB_1}" alt="{$PRODUCTS_NAME}" /></a>{/if}[/CODE]

Viel Spaß!

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
  • Create New...