Navigation - Menüleiste

[hisen313]

Navigation - Menüleiste

Bin schon mächtig alt und habe nicht so viel Ahnung, bastle aber trotzdem unverdrossen an einer hp und eigentlich ist auch alles recht gut gelungen, Verweise, Bilder etc, dank Self-HTML.

Aber: Ich hätte gern, dass bei der Menüleiste der jeweils angeklickte Menüpunkt fett erscheint und die anderen eben nicht. (oder meinetwegen auch blasser). Meine Vermutung ist, dass ich dafür vielleicht JAVA-Script brauche, aber genau weiß ich es nicht. Außerdem weiß ich leider nicht, wie man Java in HTML einbaut, ich arbeite mit dem Phase 5 Editor.

Es wäre schön, wenn mir jemand helfen könnte.

Danke im Voraus.

 

[KöNiG]

Wenn ich das richtig verstehe willst du Dhtml - effekte einbauen oder?
Das sind Effekte die z.B wenn man mit der Maus über den Link herrüber fährt dass dieser dann hervorspringt.

 

[CrackPod]

Oder willst du es so:

Du hast 3 links z.b. Home Links impressum

Wenn man im bereich Links ist soll Links stehen
???

 

[hisen313]

Genau so wie Crack Pod beschreibt, soll es sein.

 

[CrackPod]

Hmm naja also entweder machst du ein script. das herusfindet auf welcher site man ist und gibt dementsprechend wieder, oder man macht alles manuel, d.h. dass man die links auf jeder site ändert...

 

[hisen313]

script klingt gut, aber bei realistischer Einschätzung meiner Vorkenntnisse..., ich weiß ja leider nicht, wie ich das einbinden soll etc, aber natürlich: ich kann es auch manuell machen, sooo viele Seiten sind es nicht.

Manchmal sieht man den Wald vor lauter Bäumen nicht, vielen Dank für die Antworten.

Oder ist die Sache mit dem Java-Skript gar nicht so schwer?

 

[CrackPod]

Also Java Script an und für ssich ist nicht so schwer aber ich habe es schon lange nicht mehr benutzt... und deshalb kann ich dir nicht sagen ob das schwer wird... du könntest es so machen dass er dern namen der html datei herausfindet und dann mit ner if schleife alles vergleicht... aber ich glaube manuel ist es praktischer(wenns aber zu viele seiten sind, dann wird es umständlich weil man viele dateien ändern muss)

 

[raphaelp]

ich wuerde PHP dafuer empfehlen, da du dir aber erst HTML-kenntnisse angeeignet hast rate ich davon ab. Wie waer's mit nem kleinen experiment? :)

#1: Gib deinen links/buttons/navigationselementen jeweild die ID des dateinamens. also wenn die file index.html heisst, dann hat das navigationsbild die ID "index". Hier das beispiel:

[url="index.html"][img]hauptseite.gif[/img][/url]

#2: Verwende folgenden JavaScript code (bitte nicht JAVA-script sagen, da dreht sich der webdesigner-magen um :) )

<SCRIPT language="JavaScript">
<!--
var pageName = window.location.href.substring(window.location.href.lastIndexOf("/")+1,window.location.href.lastIndexOf("."));

// folgende zeile verweist nun auf die aktuelle
// menueleiste. du kannst per javascript nun z.b.
// den text fett machen:
document.getElementById(pageName).style.fontWeight = "bolder";
// -->
</SCRIPT>

Hoffe meine gehirngespinste sind einigermassen verstaendlich (?) :mrgreen:

 

[flapo]

1. Benutzt du Frames?

2. Kannst du CSS?

 

[hisen313]

Habe, weil auch ich nicht dumm sterben möchte, das Experiment versucht nachzuvollziehen.
Aber ich weiß zum Beispiel nicht - weil blutige Anfängerin - wo man den Code einsetzt. In den head-Teil? Kurz und gut: ich bräuchte nähere Informationen, da mir anscheinend die Logig des Verbindens von HTML und Jacascript nicht klar ist.

Frames habe ich nicht benutzt, sondern Tabellen.
In einer CSS-Datei habe ich die Schriftarten und - größen festgelegt und auch Anweisungen, die dafür sorgen, dass beim Überscrollen der Links mit der mouse der Hintergrund derselben farbig wird.

 

[raphaelp]

der <SCRIPT> tag kommt direkt unterhalb deiner navigationsleiste. wie du die tags einfuegst, weisst du aber, oder ? Da du tabellen verwendest, solltest du die ID direkt in den <TD> tag einfuegen. Und von dumm sterben ist hier wohl bei weitem nicht die rede, wenn du schon mit CSS-hover elementen arbeitest!

 

[Mr. DHTML]

also wenn du mla ne einführung zu javascript brauchst, empfehle ich dir selfhtml!

 

[flapo]

Dann kannst du auf jeder Seite den Link so ändern dass er fett wird (Du hast ja gesagt, dass man das manuell machen kann)

[url="..."]Home[/url]
[url="..."][b]Links[/b][/url]
[url="..."]Impressum[/url]

Und auf der Home Seite wäre dann "home" einfach fett.

Wenn das nicht geht...

 

[hisen313]

Habe die Dinge manuell geändert und bin ganz froh ;Jump

Werde die Einführung von Stefan Münz zu javascript lesen, diese CSS-Dateil habe ich ehrlich gesagt irgendwo gefunden und meinen Vorstellungen angepaßt.

Bislang habe ich bei Self HTML ein paar tags gefunden und einfach kopiert und eingefügt und auf die "richtigen Dateien" verwiesen und andere Anpassungen vorgenommen und so nach und nach auch ein bißchen das Prinzip verstanden.
Aber vielleicht ist das mit dem Einfügen ja nicht immer so simpel :?: .

 

[raphaelp]

naja, wie du anhand des scriptes sehen konntest, ist das wirklich nicht immer so simpel :) ich erklaere dir noch schnell das prinzip des scriptes, damit du falls du dann javascript "kannst" gleich was zum probieren hast:

Das script liest das was in der adresszeile oben steht raus (window.location.href) und kuerzt es auf den dateinamen ohne endung ("http://www.html.de/viewtopic.php" wird zu "viewtopic"). Dann sucht es den tag mit dieser ID und setzt die schriftart innerhalb dieses tags auf "bold".

Ich bevorzuge meist die automatischen varianten, da man sich dann bei neuen seiten nichtmehr drum kuemmern muss. Das wuerde z.b. dann so weit gehen, dass man die ganze navigation auf nur ein element reduziert, einer sogenannten "schablone", und dieser schablone dann die dazugehoerigen links und texte mitgibt. Fuer den Besucher aendert sich dabei nix, aber wenn du eine neue Seite hinzufuegst, musst du nur an einer einzigen datei was machen und schon ist deine seite aktualisiert (egal ob sie jetzt 2 oder 2000 seiten hat!). Dies nur als ansporn, will dich damit nicht verwirren :)

 

[hisen313]

Langfristig klingt dein Vorschlag absolut vernünftig, ich habe damit also eine neue Beschäftigung für die nächste Nacht oder für später.
Vielen Dank für die Geduld und die Vorschläge.