[JavaScript] aktueller link makieren

Metzelbude · 12. Januar 2009

aktueller link makieren

Hi,

suche eine einfach Lösung für das Hervorheben deer gerade besuchten Seite.

Ich klicke einen Link an, der bleibt so lange Fett bis ich einen anderen anklicke der dann natürlich auch Fett wird.

Hoffe mir kann jeamdn eine Lösung geben.

Gruß Metzelbude

Anzeige

⏰ Heute: Deals & Sale mit stark reduzierten Angeboten finden. ✅

powernator · 12. Januar 2009

AW: aktueller link makieren

Ich bin mir nicht sicher, ob man das über a:active lösen kann, musst du ausprobieren.

Ansonsten würde ich pers. es über JavaScript regeln.

Wenn du jQuery hast, könnte man es wie folgt lösen:

Code:

var active = false;
function hervorheben(id)
{
 if (active) $("#"+active).css("font-weight","regular");
 $("#"+id).css("font-weight","bold");
 active = id;
}

Die Links müssten dann wie folgt aussehen:

Code:

<a onclick="javascript:hervorheben('eins');" id="eins">Link nummer 1</a>
<a onclick="javascript:hervorheben('zwei');" id="zwei">Link nummero 2</a>

^ Ist nur ein Gedankengang, bin mir nicht sicher, ob es so funktioniert und gerade, wenn du mit jQuery arbeitest kann man es sicherlich schöner lösen

Metzelbude · 12. Januar 2009

AW: aktueller link makieren

ich werd das mal versuchen a:active ist nur für die zeit in der geklickt wird. also während die maustaste gedrückt ist.

schon mal danke

powernator · 12. Januar 2009

AW: aktueller link makieren

Okay, dann kannst du meinen Gedankengang bzgl. JavaScript (+ jQuery) weiterverfolgen und schön ausformulieren ^_^

Murdoc · 12. Januar 2009

AW: aktueller link makieren

a:active = link ist activ (focus), links bleibt nur so lange fett bis man mit der maus irgendwo anders hinklickt.

onclick="javascript:machwas();" is btw falsch, "javascript:" hat da nichts zu suchen.

HTML:

<html>
 <head>
 <title>Asdf</title>
 <style type="text/css">
 a.active { font-weight: bold; }
 </style>
 <script type="text/javascript" src="http://www.prototypejs.org/assets/2008/9/29/prototype-1.6.0.3.js"></script>
 <script type="text/javascript">
 function activate(node) 
 {
 $$('a.active').each(function(n) {
 n.removeClassName('active');
 });
 
 $(node).addClassName('active');
 }
 
 Event.observe(window, 'load', function() {
 $$('a.actable').each(function(n) {
 n.observe('click', function() {
 activate(this);
 });
 });
 });
 </script>
 </head>
 <body>
 <a href="#" class="actable">foo</a>
 <a href="#" class="actable">bar</a>
 </body>
</html>

ps: wenn du kein framework willst kann ich dir das script auch umschreiben.

Metzelbude · 12. Januar 2009

AW: aktueller link makieren

@murdoc: framework heißt dass es mit frames funzt? weil das funktioniert ja jetzt nur mit frames, rein logisch....

also wärs schon ganz cool wenn du mir das umschreiben könntest.
schon mal vielen dank

powernator · 12. Januar 2009

AW: aktueller link makieren

Original von Framework – Wikipedia

Ein Framework ist selbst noch kein fertiges Programm, sondern stellt den Rahmen, innerhalb dessen der Programmierer eine Anwendung erstellt, zur Verfügung, wobei u. a. durch die in dem Framework verwendeten Entwurfsmuster auch die Struktur der individuellen Anwendung beeinflusst wird. Beispielsweise unterstützten die MFC das Model-View-Controller-Muster.

Ein Framework gibt somit in der Regel die Anwendungsarchitektur vor. Dabei findet eine Umkehrung der Steuerung (Inversion of Control) statt: Der Programmierer registriert konkrete Implementierungen, die dann durch das Framework gesteuert und benutzt werden, statt – wie bei einer Klassenbibliothek – lediglich Klassen und Funktionen zu benutzen. Wird das Registrieren der konkreten Klassen nicht fest im Programmcode verankert, sondern wird „von außen“ konfiguriert, so spricht man auch von Dependency Injection.

Ein Framework definiert insbesondere den Kontrollfluss der Anwendung und die Schnittstellen für die konkreten Klassen, die vom Programmierer erstellt und registriert werden müssen. Frameworks werden also i. A. mit dem Ziel einer Wiederverwendung „architektonischer Muster“ entwickelt und genutzt. Da solche Muster nicht ohne die Berücksichtigung einer konkreten Anwendungsdomäne entworfen werden können, sind Frameworks meist domänenspezifisch oder doch auf einen bestimmten Anwendungstyp beschränkt. Beispiele sind Frameworks für grafische Editoren, Buchhaltungssysteme oder elektronische Warenhäuser im World Wide Web.

Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Sachen wie "$$('a.active').each(function(n) {" im Quellcode ermöglichen das Prototype Framework, mit reinem JavaScript müsste man es anders schreiben.

[JavaScript] aktueller link makieren

Videos zum Thema

Ähnliche Themen mit den Stichworten: JavaScript aktueller link

Annonce

Annonce

Nützliche Suchen

[JavaScript] aktueller link makieren

Videos zum Thema

Ähnliche Themen mit den Stichworten: JavaScript aktueller link