selfhtml.de - Alles für den Webmaster!

Anzeige: united-domains - Die ganze Welt der Domains

Menü activ/passiv

Autor: phil12345
Datum: 15.08.2010 22:16:59

Hallo,

Ich hab ein Problem und hoffe, dass mir jemand helfen kann.
Ich habe ein Seite erstellt, die mit einem iFrame aufgebaut ist.
Es ist eine Tabelle mit 3 Zeilen.
Die oberste Zeile ist das Menue, die mittlere Zeile ist der iFrame und die untere Zeile ist der Footer.

Das Menue ist durch 4 Grafiken realisiert.
Ich habe von diesen 3 Bildern jeweils 2 Versionen. Die eine soll angezeigt werden, wenn die Seite inaktiv ist, die andere, wenn ich auf der Seite bin.

Das Problem ist jetzt, wie ich das am besten mache, dass
- standardmäßig die erste Seite als "aktiv" angezeigt wird
- wenn ich auf eine andern Menuepunkt gehe, automatisch dieser als "aktiv" und der andere als "passiv" angezeigt wird.

Die Seiten können nur über das Menü angesteuert werden. Es gibt auf der Seite selbst keine Zwischenverlinkungen.

Wie realisiere ich das?  Mit Java Script kenne ich mich nicht so aus.(Wenn ich etwas sehe, verstehe ich es vielleicht, aber zum etwas schreiben fehlen mir die Kenntnisse)

Wenn mir jemand einen Tipp/ Hilfe hat, wäre das klasse.
Danke im Vorraus
Phil

Re: Menü activ/passiv

Autor: Netinja
Datum: 16.08.2010 20:34:14

> Ich hab ein Problem und hoffe, dass mir jemand
> helfen kann.
> Ich habe ein Seite erstellt, die mit einem iFrame
> aufgebaut ist.


Dann verlinke sie doch bitte mal.


LG
Netinja

Re: Menü activ/passiv

Autor: SaschaPall
Datum: 17.08.2010 18:26:50

Hallo!

> Das Menue ist durch 4 Grafiken realisiert.
> Ich habe von diesen 3 Bildern jeweils 2
> Versionen. Die eine soll angezeigt werden, wenn
> die Seite inaktiv ist, die andere, wenn ich auf
> der Seite bin.
>
> Das Problem ist jetzt, wie ich das am besten
> mache

Also wenn du nur 4 Seiten hast, die angezeigt werden können, würde ich Dir empfehlen deine Seite mit CSS zu realisieren. Das heißt konkret, dass Du das Menü und den Footer per CSS auf alle Deine 4 seiten so positionierst, dass sie wie gewünscht oben und unten sind. Damit ersparst Du dir auch das iframe.
Auf jeder Seite kannst Du dann die Grafik der aktiven Seite hervorheben ;-)

HTH Sascha

Re: Menü activ/passiv

Autor: phil12345
Datum: 17.08.2010 19:13:00

> Hallo!
>
> > Das Menue ist durch 4 Grafiken realisiert.
> > Ich habe von diesen 3 Bildern jeweils 2
> > Versionen. Die eine soll angezeigt werden,
> wenn
> > die Seite inaktiv ist, die andere, wenn ich
> auf
> > der Seite bin.
> >
> > Das Problem ist jetzt, wie ich das am
> besten
> > mache
>
> Also wenn du nur 4 Seiten hast, die angezeigt
> werden können, würde ich Dir empfehlen deine
> Seite mit CSS zu realisieren. Das heißt konkret,
> dass Du das Menü und den Footer per CSS auf alle
> Deine 4 seiten so positionierst, dass sie wie
> gewünscht oben und unten sind. Damit ersparst Du
> dir auch das iframe.
> Auf jeder Seite kannst Du dann die Grafik der
> aktiven Seite hervorheben ;-)
>
> HTH Sascha

Hallo Sascha,

Danke für den Tipp.
Allerdings hab ich die Seite schon gemacht. Leider bisher nur lokal.
Ich versuch mal jemand zu finden, der nen webspace hat zum hochladen.  (Die Seite ist nicht für mich, sondern für nen kumpel)

Gibt es eine einfache Möglichkeit, es dennoch mit dem iFrame hinzubekommen?
Beim googeln bin ich auf eineige flash Versionen gestoßen. Aber mit flash und action script und so kenne ich mich gar nicht aus.

Danke und Gruß

Re: Menü activ/passiv

Autor: SaschaPall
Datum: 18.08.2010 15:11:57

> Gibt es eine einfache Möglichkeit, es dennoch mit
> dem iFrame hinzubekommen?
> Beim googeln bin ich auf eineige flash Versionen
> gestoßen. Aber mit flash und action script und so
> kenne ich mich gar nicht aus.
>
> Danke und Gruß

Hallo!

also ich würde das, wenn es mit einem iframe sein muss, mit Javascript machen. Das Problem ist da nur, dass Javascript nicht von allen Browsern akzeptiert und ausgeführt wird...

Aber eine andere Frage: warum kannst Du die Seiten nicht mehr ändern?
Du bräuchtest ja nur am Anfang das Menü dazukopieren und am Ende des Skripts den Footer... Damit der Footer dann auch am Fuß der Seite ist, kannst Du CSS Benutzen, dann sieht es aus, als würdest Du Frames benutzen.
Wenn Du dich zuwenig auskennst, kannst du den Quelltext posten und ich schreib das dann um.

HTH Sascha

Re: Menü activ/passiv

Autor: gaby
Datum: 18.08.2010 16:43:55

> also ich würde das, wenn es mit einem iframe sein
> muss, mit Javascript machen. Das Problem ist da
> nur, dass Javascript nicht von allen Browsern
> akzeptiert und ausgeführt wird...

Eben deshalb ist das keine optimale Lösung. ;-)

Einen Bilderwechsel bei einem Link erreicht man dadurch, indem man im Pseudo-Element a:link die Grafik als Hintergrundbild einbindet, und bei a:hover, a:active oder a:focus das Bild austauscht.


Grüße
gaby

Re: Menü activ/passiv

Autor: SaschaPall
Datum: 18.08.2010 17:35:15

> Einen Bilderwechsel bei einem Link erreicht man
> dadurch, indem man im Pseudo-Element a:link die
> Grafik als Hintergrundbild einbindet, und bei
> a:hover, a:active oder a:focus das Bild
> austauscht.


Soweit ich weiß wird das a:hover bzw. a:focus auch nicht von allen Browsern korrekt wiedergegeben, aber da bin ich mir nicht ganz sicher.
Ich hatte mal ein Problem damit, weiß aber nicht mehr mit welchen Browser...

MfG  Sascha

Re: Menü activ/passiv

Autor: SaschaPall
Datum: 19.08.2010 02:19:05

Hallo Gaby!

Danke für Deine Antwort, war sehr aufschlussreich :-)
Wahrscheinlich hab ich damals den IE6 benutzt, wodurch es zu Fehlern gekommen ist...

MfG Sascha

Re: Menü activ/passiv

Autor: gaby
Datum: 19.08.2010 06:18:07

> Soweit ich weiß wird das a:hover bzw. a:focus
> auch nicht von allen Browsern korrekt
> wiedergegeben, aber da bin ich mir nicht ganz
> sicher.
> Ich hatte mal ein Problem damit, weiß aber nicht
> mehr mit welchen Browser...


Mit a:hover hat kein Browser ein Problem, allenfalls der IE-6 mit ':hover' für ein anderes Element als 'A'.

Und 'a:focus' versteht der IE-6 ebenfalls nicht.
Bei ihm funktioniert 'a:active' so, wie in standardkonformen Browsern 'a:focus', d.h., der IE-6 wendet die Eigenschaften aus dem Selektor 'a:active' zusätzlich regelwidrig auch noch auf die Links an, die gerade den Fokus haben.


Grüße
gaby

Re: Menü activ/passiv

Autor: phil12345
Datum: 22.08.2010 22:29:07

Hallo,

Danke für die Antworten.
Ich bin die nächsten zwei Tage recht eingespannt und werde mich dann dran machen.
So beim drüber schauen, sah mir der Vorschlag, das ganze ohne iFrame zu machen doch am sinnvollsten aus. Ich glaub das geht am schnellsten.

Vielen Dank für eure Hilfe!
Phil

Re: Menü activ/passiv

Autor: manya
Datum: 27.08.2010 02:25:26

> Ich habe ein Seite erstellt, die mit einem iFrame aufgebaut ist.
> Es ist eine Tabelle mit 3 Zeilen.
> Die oberste Zeile ist das Menue, die mittlere
> Zeile ist der iFrame und die untere Zeile ist der Footer.
>
> Das Problem ist jetzt, wie ich das am besten mache, dass
> - wenn ich auf eine andern Menuepunkt gehe,
> automatisch dieser als "aktiv" und der andere als
> "passiv" angezeigt wird.

> Gibt es eine einfache Möglichkeit, es dennoch mit dem iFrame hinzubekommen?

Lies dir dieses Posting nochmal durch
http://www.selfhtml.de/forum/zeigebeitrag_1_132336_132309_0.php

Falls du nochmal nachlesen möchtest, für was a:active und a:focus eingesetzt werden:
http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active

Das ist die schnellste Methode, bei Frames oder IFrames die aktuelle Seite zu kennzeichnen.
Nichtsdestoweniger sind Frames heutzutage total out, da sie mit zu vielen Nachteilen behaftet sind.

http://dciwam.de/faq/gute-websites/cons-frames.php


> So beim drüber schauen, sah mir der Vorschlag, das ganze ohne iFrame zu machen doch am sinnvollsten aus.

Das ist es auch. :-)
Nur ist dabei das Kennzeichnen des aktuellen Links ein kleines bißchen aufwändiger, aber trotzdem immer noch einfach.


Gruß
manya