Archiv verlassen und diese Seite im Standarddesign anzeigen : Wie mach ich sowas? Bild neben Cursor bei Mouseover
Siegfried
2008-03-16, 03:01:13
am besten zeige ich erstmal nen beispiel
http://www.wowhead.com/?forums&topic=3464&p=35822
dort dann mit der mouse auf "http://www.wowhead.com/?item=19019"
ich haette gerne etwas das
wenn ich mouseover auf bild oder text mache
ein externes bild am cursor anzeigt
weis jemand wie ich das am besten mache?
es muss ebay-kompatibel sein
umso einfacher der code umso besser
Sphinx
2008-03-16, 06:55:25
Per Ajax macht man es.
Welche XML Schnittstelle E-Bay nutzt bin ich leider überfragt. Dazu findet man sicherlich bei E-Bay mehr.
Lokadamus
2008-03-16, 07:38:51
am besten zeige ich erstmal nen beispiel
http://www.wowhead.com/?forums&topic=3464&p=35822
dort dann mit der mouse auf "http://www.wowhead.com/?item=19019"
weis jemand wie ich das am besten mache?
es muss ebay-kompatibel sein
umso einfacher der code umso bessermmm...
Seite speichern unter ...
Nach einem bestimmten Begriff wie "300 Nature" suchen und sehen, dass es über Javascript + CSS gemacht wurde ;).
Danach kannst du im Code rumstochern um herauszufinden, wie was zusammenhängt.
Was das ganze jetzt mit Ajax zu tun hat, ist mir schleierhaft. Hab mal auf ner Lan jemanden bei seiner Webseite geholfen und da wurde sowas per PHP, MySQL (wo die Beschreibungen gespeichert waren), Javascript und CSS gemacht.
Bei der PHP- Lösung wurde relativ viel übertragen, das kann man per Ajax einschränken ...
Was das ganze jetzt mit Ajax zu tun hat, ist mir schleierhaft.
Das Tool holt sich die Daten vom Server...
Das Tool holt sich die Daten vom Server...
Das hat nichts mit AJAX zu tun (am besten einmal nachschlagen, wofür der Begriff steht) bzw. kann man das auch schon beim Laden der Seite tun wie Lokadamus schon schrieb...
Sphinx
2008-03-16, 19:02:12
Das hat nichts mit AJAX zu tun (am besten einmal nachschlagen, wofür der Begriff steht) bzw. kann man das auch schon beim Laden der Seite tun wie Lokadamus schon schrieb...
XML bleibt XML ^^ ob es beim Zugriff auf die Page via PHP generiert wird oder es mittels eines Ajax Requests verarbeitet wird.
Dies galt auf seine Frage es Ebay tauglich zu machen.
Kinman
2008-03-17, 08:21:35
http://www.walterzorn.com/tooltip/tooltip_e.htm
mfg Kinman
Per Ajax macht man es.
blödsinn, dazu brauch man kein ajax. einfaches javascript + dom reicht vollkommen aus.
XML bleibt XML ^^ ob es beim Zugriff auf die Page via PHP generiert wird oder es mittels eines Ajax Requests verarbeitet wird.
Dennoch braucht man dafür kein AJAX wie Du im gequoteten Posting ja selbst schreibst.
Sphinx
2008-03-18, 02:39:08
Hehe die Unterhaltung kann man fortführen ala welche wege führen nach rom.
Naja : ich habe mir mal die Zeit genommen den Wunsch des Threadstarters nachzukommen es E-Bay tauglich zu machen.
Und die Schnittstelle zur Ebay Production Api zu schaffen via PHP XML.
1. Mußt du dich als Developer bei E-Bay anmelden...
2. Die Anzahl der Calls ist auf 1,5 Mio. pro Tag beschränkt, wenn Sie durch die Kompatibilitätsprüfung gegangen sind, ansonsten auf 5000 pro Tag
Ich habe mir mal die Mühe gemacht ein Beispiel zum Zugriff auf die E-Bay API zu machen worüber du per Link die Informationen zu einem best. Item per ItemID bekommst.
http://outside-trance-world.de/ebay/123meins.php5?item=300207914023
Auch kannst du zum testen erstmal das Post Feld nutzen oder per Url ^^ ?item=xxxx <- Die ArtikelNr.
Ich denke sowas in der Art wolltest du nachher in so einem Tooltip haben oder ? wenn du mit der maus zum Beispiel über einen Link fährst.
Ist nicht angepasst aber sicherlich das was du suchst.
Wenn du möchtest bastel ich es dir um so das Bild korrekt Verkleinert dargestellt via PHP GD Library. etc. um die Tooltips Performance zu steigern.
Ich bin nur sowas von ausgebucht wenn du Zeit hast 2-3 Wochen kann ich die dann irgendein Javascript Tooltip mit der Schittstelle (was in deinem Tooltip zusehen ist" machen.
LordZed
2008-03-18, 09:31:28
Dennoch braucht man dafür kein AJAX wie Du im gequoteten Posting ja selbst schreibst.
Aber sagen wir mal so... ich würde schon sagen, dass es mit AJAX am schönsten geht. Klar du kannst zum Beispiel alle Tooltips auf der Seite als hidden DIV-Tags schon mit reinpacken und jenachdem ob du über dem Text bist die dann an die Maus haften und sichtbar machen, aber mit AJAX kannst du halt die Tooltips live laden wenn sie benötigt werden. Spart traffic (ok heute wohl kein K.O.-Kriterium mehr ^^) und Zeit ;)
Aber ja, es ist auch ohne AJAX möglich :)
Sphinx
2008-03-18, 19:45:54
Aber sagen wir mal so... ich würde schon sagen, dass es mit AJAX am schönsten geht. Klar du kannst zum Beispiel alle Tooltips auf der Seite als hidden DIV-Tags schon mit reinpacken und jenachdem ob du über dem Text bist die dann an die Maus haften und sichtbar machen, aber mit AJAX kannst du halt die Tooltips live laden wenn sie benötigt werden. Spart traffic (ok heute wohl kein K.O.-Kriterium mehr ^^) und Zeit ;)
Aber ja, es ist auch ohne AJAX möglich :)
Ich würde es zumindest auch via Ajax Request realisieren alles andere ist auch ok... ...wie oben schon erwähnt führen alle Wege so oder so nach Rom :=)
Eine Ajax Lösung für den Zugriff auf die EBay XML Schnittstelle währe immo am effektivsten da er halt live generiert wird... (MouseOver -> Tooltip mit neuesten Infos über die Schnittstelle wird generiert) - ist einfach Zeitgemäßer und halt für solche Aufgabengebiete das richtige Werkzeug.
Oder halt via Php schon vordefiniert laden ~ bei >100 Items (bsp. eines Powerseller) auslesen und generieren,und womöglich als Hidden Felder im Quelltext mit übertragen würde denke ich die Performance einreißen immo bis der User die Seite zugesicht bekommt.
DanMan
2008-03-18, 19:50:37
Aber sagen wir mal so... ich würde schon sagen, dass es mit AJAX am schönsten geht. Klar du kannst zum Beispiel alle Tooltips auf der Seite als hidden DIV-Tags schon mit reinpacken und jenachdem ob du über dem Text bist die dann an die Maus haften und sichtbar machen, aber mit AJAX kannst du halt die Tooltips live laden wenn sie benötigt werden. Spart traffic (ok heute wohl kein K.O.-Kriterium mehr ^^) und Zeit ;)
Auch das kann ich mit JS und dem DOM machen. Ich muss ja keine versteckten Elemente mit rumschleifen. Ich kann sie ja auch genausogut zur Laufzeit mit JS (ohne den Server zu belästigen) generieren. Erst erstelle ich es mit document.createElement(img), und dann hänge ich es dort in den DOM-Tree ein, wo ich es brauche.
Sphinx
2008-03-18, 20:08:04
Geht es hier in der Diskussion nun um die Tooltips oder wie ich an die Daten von E-Bay rankomme und verarbeite ?!
DanMan
2008-03-18, 20:22:04
Geht es hier in der Diskussion nun um die Tooltips oder wie ich an die Daten von E-Bay rankomme und verarbeite ?!
Darum muss er trotzdem keine DIVs mit durchschleifen. Nur darauf bezog ich mich.
P.S.: Wir schreiben uns hier die Finger wund, und er hat noch nicht 1x geantwortet. X-D
Sphinx
2008-03-18, 20:25:54
Darum muss er trotzdem keine DIVs mit durchschleifen. Nur darauf bezog ich mich.
Das sicherlich nicht ^^ aber er muß den Request Inhalt was in den Tooltip zum zugehörigen Ebay Item durchschleifen der enorm sein kann wenn ich eine Page mit vielen Links habe.
Ich bastel gerade mal ein Beispiel...
Sphinx
2008-03-18, 22:26:25
So hab es mal so realisiert wie ich es verstanden habe vom Threadstarter.
Bei diesem beispiel wird beim erstmaligen laden das Tooltip mit inhalt gefüllt welches er von der Ebay Api abruft...
http://outside-trance-world.de/index.php5?siteid=ebay&item=300207918098
Habe das Script nochmal mit dem auslesen der Url zur Versteigerung ergänzt - um andere laufende Auktionen zu testen einfach in der URL die &item=300207918098 ändern
^^ find ich um die Wahrheit zusagen relativ ineffektiv. Stellt euch nun mal einige Hundert Artikel Listenings vor die er alle erstmal von E-Bay Abrufen mußt bis das Script generiert worden ist....
Also heißt javascript muß her er soll die Daten erst "von Ebay Laden" wenn die Mouse über ist die gewünschte ItemID Url oder sonstigem wandert... (Tooltip aufmachen Daten in das Tooltip hineinschreiben). Werde ich wenn ich Zeit habe Realisieren.
Siegfried
2008-03-21, 05:38:56
geht das nicht irgendwie einfach?
ich will ja nur ein vorgefertiges bild bei mouseover anzeigen lassen
keine ebay informationen auslesen
meinte nur der code darf halt nicht von ebay blockiert werden
Sphinx
2008-03-21, 11:16:58
Wenn es mit javascript nicht gehen sollte da siehe hier : http://pages.ebay.de/help/sell/skriptsprachen_hilfe.html
Versuchs mit CSS http://www.webbe.de/index.shtml?CONTENT=script_css_tooltip;LANG=de#
Siegfried
2008-03-22, 14:03:22
hm das css ist auch wieder recht... verwirrend
hab grad das gefunden mit google
das ist sehr einfach und funktioniert auch mit bildern
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>HP-Forum 08.03.2006</title>
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
wmtt = null;
document.onmousemove = updateWMTT;
function updateWMTT(e)
{
x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
y = (document.all) ? window.event.y + document.body.scrollTop : e.pageY;
if (wmtt != null)
{
wmtt.style.left = (x + 20) + "px";
wmtt.style.top = (y + 20) + "px";
}
}
function showWMTT(id)
{
wmtt = document.getElementById(id);
wmtt.style.display = "block"
}
function hideWMTT()
{
wmtt.style.display = "none";
}
/*]]>*/
</script>
<style type="text/css">
/*<![CDATA[*/
.tooltip1
{
position: absolute;
display: none;
}
/*]]>*/
</style>
</head>
<body>
<div class="tooltip1" id="pic1"><img src="adler.gif" /></div>
<div class="tooltip1" id="pic2"><img src="pic.jpeg" /></div>
<a href="#" onMouseOver="showWMTT('pic1')" onMouseOut="hideWMTT()">Die Toten Hosen</a><br /><br />
<a href="#" onMouseOver="showWMTT('pic2')" onMouseOut="hideWMTT()">Link 2</a>
</body>
</html>
hoffe nur das geht bei ebay
bin jedenfalls geprueftes mitglied und so
DanMan
2008-03-22, 14:19:42
Die updateWMTT(e) Funktion könnte ein Problem werden, weil document.all eigentlich nur der IE kennt, also nicht zum W3C DOM gehört.
Sphinx
2008-03-22, 18:19:46
Die CSS Lösung für Ebay sollte eigentlich funktionieren. Da ist eigentlich nichts verwirrendes daran.
vBulletin®, Copyright ©2000-2024, Jelsoft Enterprises Ltd.