[GastForen Programmierung/Entwicklung JavaScript Brauche Script - zahle gut. :-)

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Brauche Script - zahle gut. :-)

Bernhard Werner
Beiträge gesamt: 5114

21. Jan 2007, 00:56
Beitrag # 1 von 3
Bewertung:
(2087 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo zusammen,

ich möchte auf quarkuser.net deutlicher machen, welche Seite gerade betrachtet wird.

Wird z.B. diese Seite aufgerufen, soll links im Menü der Punkt '6.x-XTensions' ausgezeichnet werden (z.B. Fett).

Da ich das Menü per SSI einbinde muss das wohl mit IDs gelöst werden.
Demnach bekommt jeder Link im Menü eine feste ID zugewiesen:

<li><a id="6xxt" href="/QXP-Downloads/Mac_6x-XTensions/">6.x-XTensions</a></li>

Im body-Tag der eigentlichen html-Datei wird das Script mit Übergabe der Variablen gestartet:

<body onload="wobinich('6xxt')">

Nun fehlt mir nur noch das dazugehörige JavaScript. ;-)

Ich habe schon das probiert:

function wobinich(id) {
(document.getElementById(id)) {document.getElementById(id).style="bold";}
}

Das will aber nicht - ich habe aber auch keine Ahnung davon... :-(

Da gibt es doch bestimmt eine einfache Lösung für. Muss nicht für lau sein - ich sollte so und so mal wieder etwas für HDS spenden.

Dank und Gruß
Bernhard

(Dieser Beitrag wurde von Bernhard Werner am 21. Jan 2007, 01:00 geändert)
X

Brauche Script - zahle gut. :-)

SabineP
Beiträge gesamt: 7586

21. Jan 2007, 10:50
Beitrag # 2 von 3
Beitrag ID: #271628
Bewertung:
(2060 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Bernhard,

das kannst Du mit CSS machen. Lies mal hier nach:
http://www.hilfdirselbst.ch/..._P251261.html#251261

ganesh hat auf der zweiten Seite noch ein Beispiel gepostet:
http://www.hilfdirselbst.ch/..._P251262.html#251262


Du gibst jedem <li> eine ID und jedem <body> eine andere ID.

Beispielcode für Deine Seite http://www.quarkuser.net/QXP-Downloads/Mac_6x-XTensions/


Code
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> New Document </title>
<style type="text/css">

#individuelle-id-fuer-diese-seite #navi #mainnav #subnav4 #l1{font-weight:bold}

</style>
</head>

<body id="individuelle-id-fuer-diese-seite">
<div id="navi">
<ul id="mainnav">
<li><a href="#QuarkXPress" onclick="zeigen('subnav1')">QuarkXPress</a>
<ul id="subnav1" class="subnav">
<li><a href="/Tipps_und_Tricks/">Tipps und Tricks&nbsp;&#124; QXP&nbsp;6&nbsp;& 7</a></li>
<li><a href="/Mythos_Preferences-Ordner/">Mythos Pref&shy;er&shy;ences-Ordner&nbsp;&#124; QXP&nbsp;6&nbsp;& 7</a></li>
<li><a href="/QXP_7-Tastaturkuerzel/">Tastatur&shy;k&uuml;rzel von xpressio&nbsp;&#124; QXP&nbsp;7</a></li>
</ul>
</li>
<li><a href="#XTs" onclick="zeigen('subnav2')">XTs</a>
<ul id="subnav2" class="subnav">
<li><a href="/Badias_OpenNow/">Badias OpenNow&nbsp;&#124; QXP&nbsp;6</a></li>
<li><a href="/Badias_ReplaceInPlace/">Badias ReplaceInPlace&nbsp;&#124; QXP&nbsp;6</a></li>
</ul>
</li>
<li><a href="#AppleScripts" onclick="zeigen('subnav3')">AppleScripts</a>
<ul id="subnav3" class="subnav">
<li><a href="/AppleScripts_von_Hans_Haesler/">Apple&shy;Scripts von Hans H&auml;sler</a></li>
<li><a href="/Ueberarbeitetes_AppleScript-Menue_von_Hans_Haesler/">&Uuml;ber&shy;arbeitetes AppleScript-Men&uuml;</a></li>
<li><a href="/PlainText-Copy/">PlainText-Copy</a></li>
<li><a href="/Skalieren_in_1-Prozent-Schritten/">Skalieren in 1%-Schritten</a></li>
</ul>
</li>
<li><a href="#Downloads_Mac" onclick="zeigen('subnav4')">Down&shy;loads &#124; Mac</a>
<ul id="subnav4" class="subnav">
<li><a href="/QXP-Downloads/Mac_Specials/">Specials</a></li>
<li><a href="/QXP-Downloads/Mac_7x/">7.x</a></li>
<li><a href="/QXP-Downloads/Mac_6x-Updates/">6.x-Updates</a></li>
<li><a href="/QXP-Downloads/Mac_6x-Demos/">6.x-Demos</a></li>
<li id="l1"><a href="/QXP-Downloads/Mac_6x-XTensions/">6.x-XTensions</a></li>
<li><a href="/QXP-Downloads/Mac_5x/">5.x</a></li>
<li><a href="/QXP-Downloads/Mac_4x-Updates/">4.x-Updates</a></li>
<li><a href="/QXP-Downloads/Mac_4x-XTensions/">4.x-XTensions</a></li>
<li><a href="/QXP-Downloads/Mac_3x/">3.x</a></li>
</ul>
</li>
<li><a href="#Downloads_Windows" onclick="zeigen('subnav5')">Down&shy;loads &#124; Win</a>
<ul id="subnav5" class="subnav">
<li><a href="/QXP-Downloads/Windows_Specials/">Specials</a></li>
<li><a href="/QXP-Downloads/Windows_7x/">7.x</a></li>
<li><a href="/QXP-Downloads/Windows_6x-Updates/">6.x-Updates</a></li>
<li><a href="/QXP-Downloads/Windows_6x-Demos/">6.x-Demos</a></li>
<li><a href="/QXP-Downloads/Windows_6x-XTensions/">6.x-XTensions</a></li>
<li><a href="/QXP-Downloads/Windows_5x/">5.x</a></li>
<li><a href="/QXP-Downloads/Windows_4x-Updates/">4.x-Updates</a></li>
<li><a href="/QXP-Downloads/Windows_4x-XTensions/">4.x-XTensions</a></li>
</ul>
</li>
<li><a href="#MacOS_X" onclick="zeigen('subnav6')">Mac OS X</a>
<ul id="subnav6" class="subnav">
<li><a href="/Tastenkuerzel_zuweisen/">Tasten&shy;k&uuml;rzel zuweisen</a></li>
<li><a href="/Fenster_auffrischen/">Fenster auf&shy;frischen</a></li>
<li><a href="/Programmzuordnungen/">Programm-Zuordnungen</a></li>
</ul>
</li>
<li><a href="#Sonstiges" onclick="zeigen('subnav7')">Sonstiges</a>
<ul id="subnav7" class="subnav">
<li><a href="/Links/">Links</a></li>
<li><a href="/Forum/">QXP-Forum bei HilfDirSelbst.ch</a></li>
</ul>
</li>
</ul>
</div>

</body>
</html>


Gruß Sabine


als Antwort auf: [#271619]

Brauche Script - zahle gut. :-)

Bernhard Werner
Beiträge gesamt: 5114

21. Jan 2007, 12:29
Beitrag # 3 von 3
Beitrag ID: #271632
Bewertung:
(2044 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sabine,

vielen Dank! Funktioniert bestens. Die Überweisung ging eben raus. :-)

Habe die Formatierung {font-weight:bold} ausgelagert, damit es 'global' editierbar bleibt.

Gruß
Bernhard


als Antwort auf: [#271628]