✔ Menue

[smily]

habe eine Seite mit einem Inline Frame und mit einem menue mittels CSS erstellt
zu sehen unter: http://www.chd.de/testen/index.htm

mein Problem:
das Menue funktioniert nicht so, wie ich es mir vorstelle.

Und zwar soll, wenn ich auf den entsprechenden link drücke sich die Formatierung ändern (macht es auch), aber wenn ich irgendwo auf die Seite klicke geht sie in dei Ausgangsstellung zurück. Man weis dann also nich wo man sich gerade befindet.

Kann mir jemand helfen

Da gibts doch sicherlich nen Trick bei JavaScript.

Danke Smily

 

[son gohan]

Hallo,


emin Tipp versuch es doch einfach mal mit einem CSS Menü.

hier findest du gute Vorlagen:
http://css.maxdesign.com.au/listamatic/
http://www.stunicholls.myby.co.uk/menus/index.html
http://gosu.pl/dhtml/mygosumenu.html

 

[smily]

danke für den Tipp.
Aber es ist ein CSS-Menue, habe nur das Problem, das wenn ich irgendwo auf die Seite klicke, die Farbe des Linkes sich wieder ändert.

Wie kann ich das mit Javascript verhindern Geht das überhaupt

 

[Sven Mintel]

Der Workaround könnte so aussehen:

<style type="text/css">
<!--

a.nav,a.clicked{
    /* Normalformate  */
}

a.nav:hover,a.clicked{	
    /* das was sich beim anclicken/hovern ändern soll */
}	
				
-->
</style>

dir fällt wahrscheinlich auf, dass da eine neue Klasse ".clicked" ist.
Die wird benötigt... mit Javascript wird beim Anclicken der Klassenname des entsprechenden Links in "clicked" geändert... so bleibt sein Zustand bis zum Fokusverlust(das ganze hat ohnehin nur im IE funktioniert) oder hovern eines anderen Links erhalten.
Um da flexibel zu bleiben, und Schreibarbeit zu sparen, wird das in einer Funktion getan, welche alle Links mit den Klassennamen clicked/nav durtchläuft.
Übergeben wird der Funktion als Parameter die komplette Adresse des Linkziels.
Stimmen bei einem Link href-Attribut und übergebener Parameter überein, wird sein Klassenname auf "clicked" geändert, andernfalls auf "nav" zurückgesetzt.
Der Vorteil: du kannst die Navigation auch aus dem iFrame heraus auf dem Laufenden halten:

<script type="text/javascript">
<!--
function aktivieren(strHref)
{
    if(document.getElementById)
        {
            for(i=0;i<document.links.length;++i)
                {
                    if(String(document.links[i].className).match(/^(nav|clicked)$/))
                        {
                            document.links[i].className=(document.links[i].href==strHref)?'clicked':'nav';
                        }
                }
        }
}
//-->
</script>

Testbeispiel: http://www.doktormolle.de/temp/menu4.htm

 

[smily]

Hallo Sven,

hab ganz ganz vielen Dank, hat mir super geholfen!

Übrigens, das mit dem Bildwechsel, funktioniert auch super.

Smily

 

[David Bimamisa]

hallo
wollte nur wissen ob es möglich ist wenn man Template Engine benutzt
da ich die links als array gespeichert habe ud so müsste dann aussehen :
<a class="clicked" href="{url}" .....oder wenn ich solche links benutze : index2.php?section=pesleague&stats=pestabelle
aber java würde es falsch interpretieren und alle links als "clicked" ansehen

danke!