Hallo
Vielleicht weiss ja jemand hier Rat...
Ich bin grad dran, für unseren Wobi und unsere Reisen eine WebSite zu erstellen und habe folgendes Problem.
Ich möchte 2 JavaScripte drin haben.
Das eine ist eine Lightbox zum betrachten von Bildern.
Und das zweite ist ein JS-Sroller, weil mich der hässliche vom Browser nicht gefällt und dieser mittem im Layout wäre...
Einzeln laufen die Dinger tatellos:
--> Link
--> Link
Doch wenn ich beide in eine html-Datei packe, verhält sich die Seite sehr unterschiedlich, je nach dem, an welcher Position im <head> das JS steht...
hier läuft die lightbox aber der scroller nicht...
--> Link
und hier läuft der Sroller aber die Bilder öffnen nicht korrekt.
--> Link
Nun weiss ich einfach nicht, wo der Konflikt ist...
Für Tipps danke ich schon jetzt ;-)
susan
- SOLAR FORUM
• - Login <-- oder -->
- kostenlos Anmelden •
- Reiseberichte •
- Wohnmobilstellplätze •
- Wohnmobildatenbank •
- Anzeigen-Markt •
- Menü •
Links zu ebay oder Amazon sind Werbelinks. Wenn Sie auf der Zielseite etwas kaufen, bekommen wir vom betreffenden Anbieter Provision. Es entstehen für Sie keine Nachteile beim Kauf oder Preis.
java scripts beissen sich - laufen nicht gemeinsam...
|
Susan,
die letzten beiden Links sind identisch. Ich bin mir auch nicht ganz sicher wie die Seite aussehen soll..... Der Text scrollt bei mir (FF3.5) auf beiden. Ich habe jetzt den Code nicht angeschaut - musst eben rumprobieren. Vielleicht sind ja Variable gleich benannt. Die Seite erscheint mir insgesamt zu klein, siehe Screenshot. ich sehe gerade, auf dem IE fehlt der Scrollbar - hat MS mal wieder gepfuscht?....ts ts ts..... hallo
ups hab mich vertan im link sollte heissen.... hier läuft die lightbox aber der scroller nicht... bzw er scrollt schon, aber es kommt der 08/15 browser-scrollbar und eben den möchte ich nicht so gerne drin haben ;-) --> Link im FF gibts keine Fehlermeldung. im IE hingegen kommt folgendes: zeile: 14 zeichen: 5 fehler: 'null' is null or not an object und hier läuft der Sroller aber die Bilder öffnen nicht korrekt. so sollte es übrigens optisch ausschauen... wenn nur die bilder korrekt öffnen würden ;-) --> Link im FF gibts keine Fehlermeldung. im IE hingegen kommt folgendes: zeile: 3975 zeichen: 9 fehler: Object doesn't support this property or method Die Grösse ist absichtlich so gewählt. 1024x768 war die Referenzgrösse (17" Bildschirm). Da passt dann das Ganze genau auf den Screen. Siehe da... --> Link Wie kann ich denn herausfinden, ob es gleichbenannte Variablen gibt. Bin ein JS-Laie und kenn mich im Code nicht so gut aus... Einbauen krieg ich grad so hin aber verändern............ hm... susan
ich bin kein Experte für JS, aber im Quellcode wird das erste Bild als "images/frankreich09/t_01.jpg" aufgerufen, nicht "http://www.wobi.ch/images/frankreich09/01.jpg". Vielleicht liegt es ja da dran. Gibt es das erste Bild? Was die Grösse angeht: wenn das von dir so gewollt ist, ok. Ich kann aber bei mir die Schrift kaum lesen.....auch 17", aber 1280x960. Hallo Manfred
Die ganze Seite ist mit relativen links aufgebaut. Bisher machte dies niemals Schwierigkeiten. Die Bilder sind auch alle im richtigen Verzeichnis auf dem Server. Aber ich werde sie mal in absolute wandeln & schauen, was passiert. Ich hab gemeint, mit der Grösse meinst du das "Böxli" & nicht den Schriftgrad. Die Schrift kann ich problemlos einen/zwei Punkte grösser machen :-) , möchte ja, dass man den Text auch lesen kann ;-) Merci & susan Hallo Susan,
das sind halt viele tausend Zeilen Code. So ca. 10 Fehler bekommst Du in der Fehlerkonsole (Extras->Fehlerkonsole) des Feuerfuchs angezeigt. Vielleicht hilft Dir das weiter, Du kannst auch direkt auf die Fehler klicken, zumindest beim 3.5er und gelangst so direkt an die Stelle im Code... Viel Glück
Hallo Susan, nee, relative Links sind ja ok. Vergiss den früheren Kommentar - das t_01 ist ja der Thumbnail. Welches Programm nimmst du zum Editieren? Wie hast du die Lightbox integriert - so? --> Link Du könntest auch versuchen die Eigenschaften des scrollbars zu finden und zu editieren. Man lese auch den letzten Absatz bei Functionality: --> Link Hallo
So, hab wohl die Zeile/Ursache des Fehlers gefunden. Aber wirklich schlauer bin ich nicht :-( Fehler: element.dispatchEvent is not a function Quelldatei: http : // www . wobi.ch/js/prototype.js Zeile: 3972 im dokument prototype.js auf zeile 3972 if (document.createEvent) { element.dispatchEvent(event); } else { element.fireEvent(event.eventType, event); } Googel spuckt viele Ursachen aus... hat wohl was mit jQuery zu tun. Muss mich mal etwas durch den Dschugel kämpfen... @Manfred Die Schrift ist nun 1px grösser. Kannst du's nun besser lesen? Ich benütz HomeSite5 zum kodieren und Dreamweaver8 für Inhaltliches. @ Bruno Vielen Dank für den Tipp. Benutze den 3.5 erst kurz und kannte diese Funktion noch gar nicht ;-) grüsse susan
Hallo, etwas besser, aber ich mache mir die Schrift meist sowieso im FF mit Alt+ grösser. Ob du nun wirklich den Fehler gefunden hast? Wie gesagt, ich programmiere normalerweise Delphi und habe nur wenige Sachen in JS gemacht.......das kann ein ganzer Rattenschwanz sein, und was da nun wirklich hakt?? Übrigens können Webdesign Programme oft selbst Fehler suchen, zB: --> Link welches ich vorhatte zu benutzen für meine noch zu schreibenden JS Anwendungen. Ich könnte mir vorstellen dass Dreamweaver so was auch kann. Weiter viel Glück bei der Suche...... Hallo Manfred
Die Fehlersuche in den Editoren brachte keine Ergebnisse. Google hat mir einen Fall ausgespuckt, dasselbe Problem mitsamt Fehlerbehebung. Ich musste ein zusätzliches Script einfügen (jQuery in noConflict mode) und jetzt läufts :D --> Link und einen schönen Abend susan
Ah, also doch ein Namenskonflikt. Gratulation, gut gegoogelt. Und netter Trip. Uns fehlt Hundi auch wenn sie mal nicht mitkommt..... Hier eine kleine Erklärung...
Des öftern ist man gezwungen mehrere JS-Frameworks (verschiedene Framework Core Dateien) auf einer Website zu nutzen. Das geschieht wenn man eine Vielzahl von Plugins einbauen möchte und diese eben nicht für ein einziges Framework vorhanden sind. Die beiden Kerne einbinden bringt uns aber noch nicht ganz zum Ziel. jQuery bietet hierfür den noConflict-Mode an. Diese wird nach einbinden der Bibliothek aufgerufen und sorgt dafür, das jQuery unter einem anderen Namespace ansprechbar ist. quelle: mysrc.de Hab nun beschlossen, die lightbox2, welche mit dem Framework prototype.js läuft rauszukicken und der stelle ein script einzubauen, welches auch auf jQuery.js basiert. Es gibt auch lightboxen ohne prototype, welche auch "leichter" sind und auch über mehrere Funktionen verfügen... also nicht nur für Bilder. z.b. --> Link susan
Danke, Klasse Tipp! Ich habe lightbox seit längerem im Einsatz und ärgere mich immer über Code-Menge: 258 KB und nun mit Deiner Light-Version nur noch 72 KB, das ist schon ein deutlicher Unterschied bei der Ausführung. Ja, diese Erklärung hab ich auch gefunden. Sind vermutlich eben irgendwelche Variablen in verschiedenen subs gleich benannt.
Für meine Webseiten nutze ich das KISS Prinzip - ein bisschen Text, und für die Bilder nehme ich meist Jalbum. Nix Pop-Up usw. Und JS nur zum Rechnen, wie zB für den Baufinanzrechner für meine Frau! Hallo Bruno
Hier sonst noch eine Auswahl an Lightboxen... Vielleicht ist ja noch eine dabei, welche dir besser passt. --> Link susan |
Anzeige
|
Stick von ALDI