Zwei verschiedene jQuery Aktionen

Electrofreak · 14.01.2011, 14:02

Hey Leute,

ich habe ein kleines Problem bei der Umsetzung einer neuen Webseite.

Wollte das erste Mal etwas interaktiv arbeiten und JavaScript bzw. jQuery benutzen.

Habe die verwendeten Scripts nicht selbst geschrieben - bin auf diverse Seiten gestoßen wo diese kostenlos zum download angeboten werden.

Ich selbst habe mich leider noch nie mit Java beschäftigt - meine Stärken sind eher HTML und CSS.

Der Versuch das Problem über Suchmaschinen zu lösen, schlug leider fehl, deshalb dachte ich, dass eine kompetente Community mir da sicherlich weiter helfen kann.

Zwar konnte mein Problem durch die Suchmaschinen nicht bezwungen worden, jedoch hab ich - soweit ich das richtig verstanden habe - herausgefunden, dass ich scheinbar "Zwei verschiedene jQuery Quellen" (oder soetwas in der Art) verwende. Somit wird nur die zuletzt genannte Quelle genutzt bzw. wiedergegeben.

Ich schicke euch erst einmal einen Link zu der betreffenden Seite:
http://erfolgreich-drucken.de/wordpress/

Hier sollen zwei Sachen mithilfe von Java animiert werden.

Zum einen gibt es den "Contentslider", der sein Bild ändert (bzw. div) je nachdem welches Icon man unterhalb anklickt. Die Icons jedoch sollen ebenfalls mit Java animiert werden. Hier wollte ich den sog. Fisheye Effekt nutzen.

Wie bereits erwähnt, funktioniert jedoch nur einer der beiden Scripts, je nachdem, welcher als letztes im <head> genannt wird.

Ich könnte mir vorstellen, dass die Problemlösung relativ simple ist, wäre ja auch schwachsinn, wenn man nur ein Plugin gleichzeitig ausführen könnte. Leider reichen meine Kenntnisse zur Problembehebung nicht aus.

Bin mir jetzt nicht sicher, ob ich hier die Scripts mit reinposten soll, da man sie eig. aus dem Quelltext ablesen kann - wäre sonst wahrscheinlich auch zu viel zum posten.

Sollte ich trotzdem die expliziten Codes posten, dann einfach kurz schreiben.

Ich hoffe, ich habe mein Problem gründlich geschildert und würde mich freuen, wenn mir irgendwer bei der Lösung helfen könnte.

Danke schonmal,
Thomas

Screeze · 14.01.2011, 14:15

1. Java hat nichts mit Javascript zu tun.
2. Du bindest die jQuery bibliothek 2 mal ein:

Code:

<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo.js"></script>

<script type="text/javascript" src="javascript/jquery.js"></script>
<script type="text/javascript" src="javascript/interface.js"></script>

das 1. und 3. ist beide male jQuery, alledings in verschiedenen versionen.
Du solltest die 1.3.1 version drin lassen, das ist die neuere.
Dann mal probieren ob jetzt noch beide Scripte funktionieren, falls nicht, muss interface.js evtl. an die neuere version angepasst werden. die fehlerkonsole vom firefox sollte dir hinweise geben was falsch läuft.

Electrofreak · 14.01.2011, 14:32

Genau, das mit den Bibliotheken meinte ich, danke.
Dass Javascript nicht gleich Java ist, wusste ich nicht, sorry.

Habe nun soweit die eine Bibliothek entfernt und dann die Fehlerkonsole in FF geöffnet.
Dort werden mir nun mehrere Fehler angezeigt, jedoch nur 2 Verschiedene:

Code:

$("#fisheye").Fisheye is not a function

und

Code:

jQuery(el.fisheyeCfg.itemsText, this).get(0) is undefined

Wie kann ich diese Fehler verstehen bzw. beheben?

Was mich jetzt nur wundert ist - soweit ich das verstanden habe - hat er ein Problem mit dem Fisheye. Das scheint jedoch zu funktionieren, der Slider funktioniert nur leider nicht.

Screeze · 14.01.2011, 14:40

ersteren Fehler kann ich nicht reproduzieren, der 2. kommt immer dann, wenn man über die bilder unten fährt, und dann mehrfach.
Hier vermute ich mal dass du das modul falsch verwendest, eine doku dazu solltest du ja haben nehme ich an. kann natürlich auch sein dass es buggy ist, dann würd ichs nicht verwenden^^

Wenn der slider nicht funktioniert, dann fang mal an zu debuggen und such wos hängt.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
jQuery, einem DOM-Knoten eine Payload anhängen	Chriz	JavaScript, Ajax und mehr	6	22.12.2010 15:31
jQuery - Text an Cursorposition einfügen	Koala	JavaScript, Ajax und mehr	5	11.11.2010 21:28
jQuery (crossdomain) Ajax	halskrause	JavaScript, Ajax und mehr	10	01.09.2010 18:36
Bin noch ein Anfänger mit jquery bitte um hilfe	bomber007	JavaScript, Ajax und mehr	4	19.08.2010 23:34
[Erledigt] jQuery Slider - In eine Richtung sperren	Trainmaster	JavaScript, Ajax und mehr	2	08.08.2010 16:06
[Erledigt] Statistik mit jQuery	DJ_RhoxxZ	JavaScript, Ajax und mehr	6	25.07.2010 17:47
jquery: dialogbox funktioniert nicht	Dreamwatcher	JavaScript, Ajax und mehr	16	22.07.2010 18:22
jQuery findet Element nicht	ByStones	JavaScript, Ajax und mehr	8	11.06.2010 14:03
jQuery Plug scroll to - wie einbetten?	mxxxx	JavaScript, Ajax und mehr	5	24.04.2010 18:12
[Erledigt] jQuery Dateien nachladen	Phoscur	JavaScript, Ajax und mehr	7	14.03.2009 13:44
jQuery Plugin - so richtig?	stayInside	JavaScript, Ajax und mehr	5	23.02.2009 12:34
2 verschiedene aktionen mit einem submit-button	lumpatzi_v	PHP Tipps 2009	5	24.01.2009 17:06
For Schleife mit jQuery	phpbeginner	JavaScript, Ajax und mehr	3	22.11.2008 22:35
jQuery Sprungmarke	cycap	JavaScript, Ajax und mehr	10	31.07.2008 10:25
Verschiedene Werte in verschiedene Zeilen in eine Tabelle einfügen	Heizkessel	PHP Tipps 2008	4	15.02.2008 13:53

14.01.2011, 14:02
Electrofreak Neuer Benutzer Registriert seit: 14.01.2011 Beiträge: 2 PHP-Kenntnisse: Anfänger	Zwei verschiedene jQuery Aktionen Hey Leute, ich habe ein kleines Problem bei der Umsetzung einer neuen Webseite. Wollte das erste Mal etwas interaktiv arbeiten und JavaScript bzw. jQuery benutzen. Habe die verwendeten Scripts nicht selbst geschrieben - bin auf diverse Seiten gestoßen wo diese kostenlos zum download angeboten werden. Ich selbst habe mich leider noch nie mit Java beschäftigt - meine Stärken sind eher HTML und CSS. Der Versuch das Problem über Suchmaschinen zu lösen, schlug leider fehl, deshalb dachte ich, dass eine kompetente Community mir da sicherlich weiter helfen kann. Zwar konnte mein Problem durch die Suchmaschinen nicht bezwungen worden, jedoch hab ich - soweit ich das richtig verstanden habe - herausgefunden, dass ich scheinbar "Zwei verschiedene jQuery Quellen" (oder soetwas in der Art) verwende. Somit wird nur die zuletzt genannte Quelle genutzt bzw. wiedergegeben. Ich schicke euch erst einmal einen Link zu der betreffenden Seite: http://erfolgreich-drucken.de/wordpress/ Hier sollen zwei Sachen mithilfe von Java animiert werden. Zum einen gibt es den "Contentslider", der sein Bild ändert (bzw. div) je nachdem welches Icon man unterhalb anklickt. Die Icons jedoch sollen ebenfalls mit Java animiert werden. Hier wollte ich den sog. Fisheye Effekt nutzen. Wie bereits erwähnt, funktioniert jedoch nur einer der beiden Scripts, je nachdem, welcher als letztes im <head> genannt wird. Ich könnte mir vorstellen, dass die Problemlösung relativ simple ist, wäre ja auch schwachsinn, wenn man nur ein Plugin gleichzeitig ausführen könnte. Leider reichen meine Kenntnisse zur Problembehebung nicht aus. Bin mir jetzt nicht sicher, ob ich hier die Scripts mit reinposten soll, da man sie eig. aus dem Quelltext ablesen kann - wäre sonst wahrscheinlich auch zu viel zum posten. Sollte ich trotzdem die expliziten Codes posten, dann einfach kurz schreiben. Ich hoffe, ich habe mein Problem gründlich geschildert und würde mich freuen, wenn mir irgendwer bei der Lösung helfen könnte. Danke schonmal, Thomas


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

14.01.2011, 14:15
Screeze Erfahrener Benutzer Registriert seit: 04.01.2009 Beiträge: 844 PHP-Kenntnisse: Fortgeschritten	1. Java hat nichts mit Javascript zu tun. 2. Du bindest die jQuery bibliothek 2 mal ein: Code: <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script> <script type="text/javascript" src="js/jquery.scrollTo.js"></script> <script type="text/javascript" src="javascript/jquery.js"></script> <script type="text/javascript" src="javascript/interface.js"></script> das 1. und 3. ist beide male jQuery, alledings in verschiedenen versionen. Du solltest die 1.3.1 version drin lassen, das ist die neuere. Dann mal probieren ob jetzt noch beide Scripte funktionieren, falls nicht, muss interface.js evtl. an die neuere version angepasst werden. die fehlerkonsole vom firefox sollte dir hinweise geben was falsch läuft. __________________ Develovision Blog

14.01.2011, 14:32
Electrofreak Neuer Benutzer Registriert seit: 14.01.2011 Beiträge: 2 PHP-Kenntnisse: Anfänger	Genau, das mit den Bibliotheken meinte ich, danke. Dass Javascript nicht gleich Java ist, wusste ich nicht, sorry. Habe nun soweit die eine Bibliothek entfernt und dann die Fehlerkonsole in FF geöffnet. Dort werden mir nun mehrere Fehler angezeigt, jedoch nur 2 Verschiedene: Code: $("#fisheye").Fisheye is not a function und Code: jQuery(el.fisheyeCfg.itemsText, this).get(0) is undefined Wie kann ich diese Fehler verstehen bzw. beheben? Was mich jetzt nur wundert ist - soweit ich das verstanden habe - hat er ein Problem mit dem Fisheye. Das scheint jedoch zu funktionieren, der Slider funktioniert nur leider nicht.

14.01.2011, 14:40
Screeze Erfahrener Benutzer Registriert seit: 04.01.2009 Beiträge: 844 PHP-Kenntnisse: Fortgeschritten	ersteren Fehler kann ich nicht reproduzieren, der 2. kommt immer dann, wenn man über die bilder unten fährt, und dann mehrfach. Hier vermute ich mal dass du das modul falsch verwendest, eine doku dazu solltest du ja haben nehme ich an. kann natürlich auch sein dass es buggy ist, dann würd ichs nicht verwenden^^ Wenn der slider nicht funktioniert, dann fang mal an zu debuggen und such wos hängt. __________________ Develovision Blog