#1 (permalink)  
Alt 19.12.2007, 08:36
Neuer Benutzer
 
Registriert seit: 31.03.2005
Beiträge: 3
Standard wie kann man einen Tooltip im Body einbinden

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?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!
Mit Zitat antworten
  #2 (permalink)  
Alt 09.03.2008, 12:15
Neuer Benutzer
 
Registriert seit: 14.12.2007
Beiträge: 12
Standard

Ganau das hätte mich auch interessiert, aber leider gibt es keine Antwort darauf.
Wenn ich es in die index.html einbaue kommt Fehler: Objekt wird erwartet.
Baue ich es in die general.js ein, passiert nichts.

Gruß
Axel
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!
Mit Zitat antworten
  #3 (permalink)  
Alt 09.03.2008, 12:22
xt:Commerce Support Kunde
 
Registriert seit: 03.09.2006
Beiträge: 142
Standard

Es sollte in root/includes/header.php sein.

Gruss
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!
Mit Zitat antworten
  #4 (permalink)  
Alt 09.03.2008, 13:56
Erfahrener Benutzer
 
Registriert seit: 05.04.2006
Beiträge: 684
Standard

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 :

Code:
<script src="<?php echo 'templates/'.CURRENT_TEMPLATE.'/javascript' ?>/deinscript.js" 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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!
Mit Zitat antworten
  #5 (permalink)  
Alt 12.03.2008, 16:56
Erfahrener Benutzer
 
Registriert seit: 05.04.2006
Beiträge: 684
Standard

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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!
Mit Zitat antworten
  #6 (permalink)  
Alt 12.03.2008, 19:45
Neuer Benutzer
 
Registriert seit: 14.12.2007
Beiträge: 12
Standard

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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!
Mit Zitat antworten
  #7 (permalink)  
Alt 10.04.2008, 01:31
Erfahrener Benutzer
 
Registriert seit: 20.06.2006
Beiträge: 101
Standard

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):

Code:
//--></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):

Code:
{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):

Code:
{if $PRODUCTS_IMAGE_1 != ''}<a href="#" onmouseover="Tip('{$PRODUCTS_IMAGE_1}')" onmouseout="UnTip()"><img src="{$PRODUCTS_IMAGE_1}" alt="{$PRODUCTS_NAME}" /></a>{/if}
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...
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!
Mit Zitat antworten
  #8 (permalink)  
Alt 10.04.2008, 01:59
Erfahrener Benutzer
 
Registriert seit: 20.06.2006
Beiträge: 101
Standard

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:

Code:
{if $PRODUCTS_THUMB_1 != ''}<a href="#" onmouseover="Tip('Text mit <img src=&quot;{$PRODUCTS_IMAGE_1}&quot; width=&quot;200&quot;>Bild')" onmouseout="UnTip()"><img src="{$PRODUCTS_THUMB_1}" alt="{$PRODUCTS_NAME}" /></a>{/if}
Viel Spaß!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!
Mit Zitat antworten
Antwort

Lesezeichen

Stichworte
body, einbinden, tooltip

Themen-Optionen
Ansicht

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are aus
Pingbacks are aus
Refbacks are aus



Alle Zeitangaben in WEZ +1. Es ist jetzt 15:57 Uhr.

Copyright © 2011 xt:Commerce GmbH / xt:Commerce International Ltd. - All Rights Reserved

xt:Commerce is a SafeCharge brand