mouseover/out bringt mir die Bilder durcheinander..!?

html.de-Forum JavaScript
1

Ich hoffe ich bin hier richtig, ich hab ein Problem, bei dem ich kein bisschen durchblicke:

Auf meiner index.htm befinden sich 5 Bilder, 3 davon sind Links mit mouseover/out effekt, oder wie man das nennt. Das sind die Bilder 2-4.
Klicke ich nun auf Bild 2, komme ich auf die 2. seite.
Auf dieser seite wiederum habe ich 3 Bilder, und bild Null, ist der Link, der wieder zu index.htm führt. ebenfalls mit mouseover/out

Klicke ich nun von der 2. seite wieder zurück, also auf besagtes bild 0 dieser seite, dann passiert es ( ich weiß nicht wann und wann nicht) einfach, dass dann plötzlich auf index.htm, das dortige Bild 0 nicht mehr das richtige ist, sondern dass man dort das mouseout.jpg von seite 2, bild 0 sieht!

Und das ist noch nicht alles, klicke ich dann auf index.htm nochmals auf den Link zu seite 2, dann sehe ich plötzlich auf seite 2, dass das Bild 2 auch nicht das richtige ist, sondern das mouseout.jpg von der index.htm, Bild 2.

Ist das verständlich? So tauscht er das dann immer weiter, jedes zweite mal oder so, tauschen bild 2 und 2 und bild 0 und 0 der seiten.
Manchmal - wie gesagt.
ich kann auch manchmal 20 mal hin und her klicken und das passiert gar nicht.
Woran liegt das? Ich verzweifel langsam… gibs da irgendeinen trick?
Die Bilder heißen nicht gleich, liegen nicht im gleichen Ordner… ich weiß nicht was ich ändern soll.
Ich glaub wenn ich den kompletten Code mitposte wird es zu viel, darum hier der Link: http://www.cathering.de

Ich wär euch dankbar, wenn ihr es euch mal anschauen könntet - ob es bei euch auch passiert und woran es liegen kann.

Vielen Dank schonmal! (und sry fürn langen text :mrgreen:)

Lg, DieLilo

2

Hallo Lilo, dein Problem war schon verständlich erklärt,
doch muss ich gestehen das ich auf den Seiten nichts entdecken
kann. Welche Bilder sind denn nun genau falsch
edit
Mysteriös sind auf jedenfall schonmal deine Pfade zu den Bildern
http://www.cathering.de/Cathering/1.seite,%20Startseite/kateringorange.jpg

3

es passiert ja eben auch nur manchmal. Das Logo auf der Startseite wird manchmal beim zurückkehren das mouseout bild von der zweiten seite, diesem Logo oben in der ecke, wo auch noch home mit draufsteht. Außerdem Das "messe"bild, das verwechselt sich manchmal mit dem von dir geposteten bild^^.
Was ist an dem pfad misteriös? :slight_smile: Die sehen im Quelltext ja auch nicht so aus, da heißen sie /Cathering/1.seite, startseite/kateringorange.jpg. oder ist das auch misteriös?
Danke für deine Antwort^^
lg Lilo

4

Huhu, ich habe die Seite nun ca 92 Millionen mal durchgeklickt vielleicht
übertreibe ich auch :slight_smile: und es hat sich nichts verändert. Im IE und FF
ist alles wunderbar. Kann es bei dir vielleicht ein caching Problem sein?

Zu dem Image Pfad und dem Quelltext. Jage den mal durch den HTML Validator
http://validator.w3.org/ und behebe mal die Fehler. Ein richtiger Pfad (zum
Beispiel zu einem Bild) sollte so aussehen:
http://seite.de/images/bild.jpg (auch hier natürlich nur ein Beispiel)
Also am besten Kommas raulassen da auch diese HTML Fehler verursachen

5

ist das nicht quasi das gleiche?
http://seite/ordner/bild
…hmm, oder was meinst du… sorry
http://www.cathering.de/Cathering/1…ringorange.jpg
und http://seite.de/images/bild.jpg

Dieses Textprüfen nützt mir irgendwie gar nichts… z.b. sagt er mir, dass auf index.htm ein ist, obwohl dieser nicht geöffnet wurde → stimmt doch nicht. woran liegt denn sowas, ich hab keine Ahnung davon, hab das erste mal sowas geschrieben und mir einfach auf hilfe seiten alles zusammengesammelt.

diesen Fehler versteh ich sowieso nicht:

Error Line 8 column 190: document type does not allow element „META“ here…iologisch.gesund,artgerecht,Qualität" />

„here“ ist doch der head… warum darf da dieses meta nicht hin…:roll:

und dann noch das hier, tut mir leid dass ich so viele Fragen stell, aber ich weiß nicht was mir das sagen soll:

Error Line 35 column 85: document type does not allow element „BODY“ here…8CA5" alink=„#000080“ vlink=„#000080“[B]>

[/B]was ist denn an meinem body falsch[B] ;ugl

[/B]…dass in zeile 44. ein zu geht, das gar nicht auf ist… stimmt irgendwie auch nicht… :frowning:

Das komma habe ich jetzt mal rausgemacht aus dem bild-pfad, sind leerstellen auch fehlerquellen?

Danke

edit: den cache von ff hab ich auch mal gelöscht, oder hast du was andres damit gemeint
…nochmal…: meinst du cache oder catching?

6

bild & dateinamen dürfen im normalfall aus Alpahnumerischen Zeichen zzg. „_“ und „-“ bestehen, komma, doppelpunkte und umlaute sowie leerzeichen etc. sind fehlerquellen

Ps: äöü gehen in modernen Systemen schon, ist aber kien verlass drauf

7

Dann werd ich es morgen mal ganz ohne leerzeichen versuchen überall. DIe umlaute hab ich in den ordnernamen schon rausgenommen, da hab ich es schon gemerkt.
Danke schonmal dafür^^

8

So, also Leerzeichen sind nun alle raus, aber den Fehler hab ich immer noch.

und noch ein Problem (auch wenn es eher zu HTML gehört), beim Prüfen auf dieser Seite, hat er mir gesagt, dass der DOCTYPE, den ich oben drinstehn hab, gar nicht stimmt. Aber ich weiß auch nicht, wie ich den richtigen rausfinde, ich hab schon n paar durchprobiert… wie mach ich das denn?

lg, Lilo

9

Hallo Lilo,
es gibt an sich keinen falschen Doctype. Du kannst höchstens
einen nicht so guten für deine Seite wählen. Wenn der Validator
am Anfang die Fehlermeldung ausgibt meint er damit, das dein Code
nicht zu dem Doctype passt da er noch Fehler enthält. D.h. einfach alle
Fehler im Code beheben und es passt. Der doctype dient nämlich
nur dazu, dem Browser ungefähr zu sagen, an was er sich halten soll.

Ich persönlich verwende immer:

[code]

[/code]

Dieser interpretiert alte HTML Funktionen wie z.B. nicht mehr
und wertet sie als Fehler. Genauere Informationen findet man auf der
w3c Seite.

Zu deinem Problem kann ich leider immernoch nichts wirklich sagen, da
es bei mir nicht auftritt. Welchen Browser nutzt du in welcher Version?
Gruß prosta

10

Hi Prostel,

ich benutz den Mozilla Firefox, die neuste version.

Ich hab ja schon gemerkt, dass es davon abhängt, welche Bildnummer man in der function dann einsetzt…

function Bildwechsel (Bildnr, Bildobjekt) { window.document.images[Bildnr].src = Bildobjekt.src;} wenn ich also hier:

[code]

katering [/code]statt der 2 bei onMouseOut eine 1 einsetze, dann verwandelt sich nicht das messebild, sondern das buffetbild bei Katering...

Nur zur Behebung nützt mir das auch nichts. :frowning:

Ja, das mit dem Doctype hab ich inzwischen gemerkt, hab einfach den genommen, wo nur 6 fehler und nicht 30 angezeigt wurden.
Jetzt hab ich nur noch einen einzigen, das heißt doch, dass dort ein fehlt, oder was? Denn wenn ich an dieser stelle ein tr reinsetzen würde, wäre das ganze layout ja versetzt.

Error Line 39 column 4: start tag for „TR“ omitted, but its declaration does not permit this. <th[B]>

das soll hier sein:
[/B][[B]<table[/B]](http://december.com/html/4/element/table.html) border="0" cellpadding="3" width="800"[B]>[/B] [[B]<th>[/B]](http://december.com/html/4/element/th.html) [[B]<td[/B]](http://december.com/html/4/element/td.html) align="left"[B]>[/B] [[B]<IMG[/B]](http://december.com/html/4/element/img.html) SRC="/Cathering/seite_1/zwinkern-startseite.gif" width="505" height="650" alt="CATHERING.DE" title=""[B]>[/B] [B]</td> [/B][[B]<th>[/B]](http://december.com/html/4/element/th.html) . . . Nun dacht ich grad… hups… da fehlt ja ein … damit wärs gelöst… nein: dann hab ich gleich wieder 2 fehler! dabei fehlt eigentlich wirklich eins… hachja. :slight_smile:

Danke fürs antworten, Lilo

11

[HTML]

Inhalt [/HTML]

Das ist ein fehler, dass element th ist wie ein td, nur halt mit anderen Design-Defaults

Probier es mal so
[HTML]

Inhalt [/HTML] [/HTML]
12

Das geht ja leider nicht, dass ich da das tr mit reinschreibe… dadurch öffnet sich ja ne neue zeile in der tabelle, das soll aber alles in der gleiche sein, also geht es doch nur mit th, oder? die gesamte tabelle sieht ja so aus zur Zeit:

[code]

CATHERING.DE
katering
konzept
kontakt
[/code]Habe ja auch schon versucht, das fehlende tr da einfach mit reinzuschreiben.. so wie es ein stück tiefer ja auch ist, aber es verrutscht dann halt..hm.

Zu meinem größeren Problem hat keiner eine Idee? Damn… naja wenn mir noch 30 Leute sagen, dass das bei ihnen nicht passiert… vielleicht nehm ich es dann einfach hin, dasses bei mir spinnt. :smiley:
Nee - ihr müsst auch richtig klicken… g … auf katering, schnell wieder auf home, wieder auf katering und schnell wieder zurück - vielleicht machts das tempo! ;ugl

LG, Lilo

13

sry wenn ich es so drastisch sage, aber du hast da ziemlichen mist gebaut mit der tabelle ^^

Ich habs mal korrigiert
[HTML]

CATHERING.DE
katering
konzept
kontakt
[/HTML]
14

das is nich zu drastisch… ich blick da noch nich wirklich durch mit den tabellen, wusste zb. gar nich, dass ich dsa auch mit einer hinbekomm - nur - jetzt sind die 3 buttons viel zu weit auseinander !?

Irgendwie driftet der THread ja n bisschen ab vom eigentlichen Thema und von JS. Aber trotzdem hilfreich. :slight_smile:

Wahrscheinlich würdest du erst recht die Hände über dem Kopf zusammenschlagen, wenn du noch son paar andre… Tabellen… von mir sehen würdest… naja. Bis jetzt sieht es dann hinterher zumindest immer so aus wie ich will - bisschen oberflächlich von mir vielleicht g
Nur das Problem mit den Bildern krieg ich nicht weg, kann das vielleicht daran liegen, dass ich die Seite eingestellt hab oder irgendwie sowas… wenn ich mich beim FTP usw. abmelde hab ichs allerdings trotzdem noch… hm.

LG, Lilo

15

Es sind nu alle vier Seiten valide …trotzdem taucht das Bildervertauschen immer noch auf.
Kommt mir sogar so vor, wie wenn es immer häufiger passiert, dass das Logo auf der Startseite nicht das richtige ist.

Wenn es hier keiner weiß, wos dran liegen kann… hat denn dann noch jemand n guten Tip, wo man noch fragen könnte?
Falls es dann Werbung wär, schickts mir doch per PN… es bringt mich echt zum Verzweifeln, alles andre passt nun und nur son Mist muckt da noch rum. :frowning:

LG, Lilo

(edit: Na gut, FAST alles andre passt nun… seit ich die von frank korrigierte version der Tabelle drin hab sind die buttons zu weit auseinander.)

16

Naja eigentlich bleibt nur noch ein Fehler im Javascript übrig. Aber ehrlich gesagt, wüsst’ ich net wo der sein sollte !!?

Das einzige was du jetzt noch machen könntest ist, dein Funktionsaufruf

onMouseover="Bildwechsel(2, Highlight1)" 
onMouseout="Bildwechsel(2, Normal1)"

durch einen anderen zu ersetzen.

Ich weiß es ist viel arbeit, aber ersetz einfach mal alle davon durch einen anderen Code

onMouseover="this.src='Hihglight1.gif'"
onMouseout="this.src='Normal1.gif'"

einfach mal probieren, viel mehr fällt mir langsam auch nicht mehr ein ^^

17

edit:Pustekuchn, hab grad gedacht deins wär die Lösung, aber jetzt funzt das Mouseover gar nicht mehr. :frowning:

(Was jetzt aber wieder schlechter ist, ist, dass nicht jedes mal, wenn ich wieder auf KAtering geh, das Logo neu geladen wird, sondern dass es wieder nur einmal geladen ist und dann irgendwo in der Mitte grad läuft wenn man auf die seite kommt und nicht von vorne startet…
kann man das jetzt noch irgendwie schreiben? Dann wärs perfekt. :roll:

Danke jedenfalls für diese Lösung!)
Danke für den VOrschlag jedenfalls. Das Bildervertauschen kommt so jedenfalls nicht mehr vor! genauso wie das mouseover. :slight_smile:
LG, Lilo