suche script für navigation!

[=Max=]

Ich bins mal wieder der Anfänger !

Und zwar lautet diesmal das anliegen: Navigation!

Und zwar möchte ich das ungefähr so haben:

Man hat bei der Navigation zum Beispiel Überschrfiten (Home, Aktuell, Extras) Und wenn ich z. B. auf Aktuell Klicke soll irgendwie ein Kasten "runterfahren" wo man dann den Rest der Navi sieht! Ist sowas mit Java, Css, Html, Php möglich?

Wenn ja ist das viel aufwand?

[Dac-XP]

Klaro geht das. Hierfür brauchste aber JavaScript. Wenns ne Animation sein muss, wirds ein wenig komplizierter.

Guck mal hier: http://dac-xp.com/main.php?page=show_tutorial&tut_id=11

[=Max=]

ok danke das hba ich mir schonmal durch gelsesn aber wie du schon beschrieben hast "ich setze kenntnisse voraus" die hab ich aber nur begrenzt

[MJK]

http://de.selfhtml.org/javascript/index.htm

http://de.selfhtml.org/css/index.htm

Die beiden Seiten dürften deine Kentnisse weit genug steigern.

[Hedrich]

Hi Max, es kommt grundsätzlich darauf an welche Ansprüche Du hast!
Aber für den Einstieg in die Funktionsweise von JavaScript und HTML gebe ich dir hier mal eine kleine Funktion.
Anhand dessen, kannst Du dann zumindest Dein Wissen mit dem oben genannten Dokumentationen aufpolieren.

folgenden Teil schreibst du in Deinen HTML Header:

Code: Alles auswählen

<script language=javascript>

function hideAndSeek(id)
{
    if(document.getElementById(id).style.display == "none")
    {
        document.getElementById(id).style.display = "block";
    }
    else
    {
        document.getElementById(id).style.display = "none";
    }
}

</script>


Der Aufruf in HTML kann dann wie folgt aussehen:

Code: Alles auswählen

<a href="#" id="headline" onmousedown="hideAndSeek('indexmenu'); return false;">
     hide and seek
</a>
           
<div id="indexmenu">
    <ul>
        <li><a href="#">Article I</a></li>
        <li><a href="#">Article II</a></li>
        <li><a href="#">Article III</a></li>
    </ul>
</div>

Die Funktion "hideandseek" macht nichts anderes als die CSS Eigenschaft "display" von der Table, auf verbergen oder anzeigen zu setzen.

Wenn die Inhalte der Tabelle beim Aufruf der Seite verborgen sein sollen musst Du, nur einen entsprechenden CSS Eintrag schreiben.

Gruß
Jens