Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

OnMouseOver ...?

Empfohlene Antworten

mal wieder ein leidiges Thema.

Gifs werden über MouseOver getauscht

Das ganze fungiert als Menü und lüppt zwar herrlich, allerdings ist beim laden der nächsten Seite, der Hund begraben.

Beispiel mit 3 Seiten. Die jeweils aktive Seite wird aktiv mit nem Bildchen in grün angezeigt. Die anderen Bildchen sind dann rot. Gehe ich jetzt auf ein anderes , wird das bei Mausberührung richtig in grün angezeigt und er lädt die entsprechende Seite. Bis dahin wärs ja perfekt. Nur bei der neu geladenen Seite habe ich dann quasi 2 grüne Bildchen. Erst wenn ich mit der Maus über den nicht aktiven fahre, wird er richtig in rot angezeigt.

Ich hoffe ich habs mal verständlich erklärt. Mir fällt dazu aber nix mehr ein. Vielleicht liegts auch nur daran, das ich nach 2 Stunden Schlaf nur nix mehr sehe.


<div id="start_on"><img src="images/startseite_on.gif" alt="Startseite" width="157" height="30"></div>

<div id="preis_off"><a onmouseover="image2.src='images/preise_on.gif';" onmouseout="image2.src='images/preise_off.gif';" href="sites/preise.htm"><img src="images/preise_on.gif" border=0 name=image2></a>

</div>

<div id="impressum_off"><a onmouseover="image3.src='images/impressum_on.gif';" onmouseout="image3.src='images/impressum_off.gif';" href="sites/impressum.htm"><img src="images/impressum_on.gif" border=0 name=image3></a></div>


Hast du das ganze Online zum anschauen?

-----------------------------

Warum machst du das nicht in CSS ohne JavaScript?

Gruß,

Markus

Also wenn du mit ner Maus über eines der Bilder gehst wird das Bild grün und die Seite geladen. Allerdings bleibt das bild der anderen Seite weiterhin grün und erst wenn du mit der maus drüber gehst wirds rot.

doch sollte es nicht grün bleiben und die entsprechende seite laden??? :confused:

Also einfach so aus dem gefühl herraus würd ich sagen das beim laden einer neuen seite das menü auch nochmal neu geladen werden sollte.

du musst das aktuell grüne bild auf rot setzen bevor du das grüne bild einem neuen punkt zuweisst. Dass natürlich nur wenn es eins gibt,..

ich hab das ganze mal halbfertig ins Web gestellt. Ich denke so ist es schlecht zu erklären.

Hier bitte :)

kannst du bitte nen 3. Nav Point dazu machen damit ichs raff... ;)

Ich blicks nicht,...

Oder erklär ma bitte das Verhalten.

Was soll wann grün/rot sein?

Gruß,

Markus

???

Sind doch 3 da? :)

Also der Button der jeweils aktiven Seite ist natürlich grün. Die anderen beiden rot. Gehe ich mit der Maus auf die nicht aktiven, so isses sie natürlich auch grün. Betätige ich eine nicht aktive und spring zur anderen Seite, ist die aktive natürlich in grün, aber der Button der zuvor besuchten Seite auch noch grün. Das soll ja natürlich ned sein. Sobald ich aber mit der Maus rüberfahre, funktioniert es aber wieder einwandfrei.

Ich weiß auch ned woran es liegt. Bin schon auf alle mögliche Sachen gekommen wie Fokus und was weiß ich :)

Ist die Situation jetzt klarer?

???

Sind doch 3 da? :)

Also bei mir sind nur 2...(im FF)

- Startseite

- Preise

Wegen dem Rest hab jetzt ich kapiert. ;)

Ich schaus mir morgen nochma an,...

Gruß,

Markus

macht nichts , pressiert ja ned.

Mit FF haste recht. Hab ich jetzt auch ausprobiert. Versteh auch ned warum nur 2 drinnen sind. Theorethisch sollte der 3te dann eigentlich auch sichtbar sein. Wenn keiner angezeigt würde bzw. 1er, würde ichs noch verstehen.

Im IE sind 3 vorhanden. Skriptfehler habe ich auch keinen beim 3ten gefunden.

Ich glaube ich habs. Du hast als default immer xxx_on als src im Bild gesetzt. Daher werden am Anfang alle grün dargestellt. Fährt man mit der Maus drüber, werden sie grün dargstellt. Verlässt man den Bereich, werden sie rot.

Ich hoffe mal, dass es das war, was du wissen wolltest.

------------------------------------

[EDIT]

Zum Problem mit dem Firefox: ich habe die Vermutung dass es an dem z-index für impressum_off liegt. Der steht nämlich auf -10.

Und noch was: Bitte bei so vielen Bildern das alt-Attribut nicht vergessen.

[/EDIT]

Klasse das wars :)

z-index hatte ich mich vertippert und bei den images hatteste recht. Das schlimme ist eigentlich, dass ich es zum Teil sogar drin hatte und es mir ned auffiel :(

und das bei so wenig Code.

Aber war wohl doch schon zu spät und zu wenig Schlaf.

Danke nochmal an alle :)

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.