Xobor(v6) - Dark Design: FAQ-Link (Fußleiste) nach Klick auf Impressum nicht mehr sichtbar.

16.04.2023 14:16 (zuletzt bearbeitet: 16.04.2023 14:23)
#1 Xobor(v6) - Dark Design: FAQ-Link (Fußleiste) nach Klick auf Impressum nicht mehr sichtbar.
avatar
Mitglied



Fehler:
Der Fehler tritt nur im V6 Dark auf!
Der FAQ-Link in der Fußleiste ist nach einem Klick auf "Impressum" oder "FAQ" nicht mehr sichtbar.
Bei den anderen X6-Templates fällt es nicht auf, weil die anderen FAQ-Links über "active" mit keiner Schriftfarbe verbunden sind.

Steckt eine Idee dahinter?
Ich könnte mir vorstellen, dass die Idee dahinter ein Ausblenden der aktiven Links beinhalten sollte!
Das heist, das der Link nach dem Anklicken ausgeblendet wird.
Wäre eine interessante Idee, denn man klickt ja nicht ein zweites Mal auf den Link der gerade angezeigten Seite!
Leider nicht vollständig umgesetzt.
Oder war hier etwas anderes gemeint?

1. Einfache Vorab-Lösung :
Durch das Löschen der Class "active" bleibt die Schriftfarbe weiß!
Wird in "Admin > Layout > Farben & Einstellungen > Eigenes HMTL/JS > Eigenes Javascript" kopiert.

1
 
  $('#footernav .nav-link.active').removeClass('active');
 



2. Vorab-Lösung mit Ausblenden der aktiven Links:
Wenn man die aktiven Links ausblenden möchte, sollte das auch für alle Links in der Fußleiste gelten.
Wird in "Admin > Layout > Farben & Einstellungen > Eigenes HMTL/JS > Eigenes Javascript" kopiert.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<script>
window.addEventListener('load', function ( ) {
$('#impressum_link').on('click', function() {
location.href='/faq.php#impressum';
location.reload();
});
 
if (document.location.href.indexOf('faq.php') > -1){
if (document.location.href.indexOf('faq.php#impressum') === -1){
$('#faq_link').addClass('active');
$('#impressum_link').removeClass('active');
} else {
$('#faq_link').removeClass('active');
$('#impressum_link').addClass('active');
};
};

if (document.location.href.indexOf('userlist.php') > -1){
$('#member_link').addClass('active');
};

$('#footernav .nav-link.active').remove();
});
</script>
 



VG
Wolfgang

23.04.2023 17:48
#2 RE: Xobor(v6) - Dark Design: FAQ-Link (Fußleiste) nach Klick auf Impressum nicht mehr sichtbar.
avatar
Mitglied



Habe ein bessere Lösung gefunden!

Hier werden die Links, wie auch oben in der Navi-Leiste mit einer Hintergrundfarbe versehen!
Man kann dadurch deutlich sehen, welche Link gerade aktiv angezeigt wird!

Vorablösung fürs V4, V6 & Mobil:


Das komplette Skript kann der Einfachheit wegen für das Template (v4) in die "Kopf- oder Fußzeile", für das neue Xobor V6 & Mobil nach "Eigenes Javascript" kopiert werden.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
<script>
window.addEventListener('load', function ( ) {
// Bug V6 - "active" entfernen
$('#footernav .nav-link.active').removeClass('active');

// Seiten-Reload fürs Impressum
$('#impressum_link').on('click', function() {
location.href='/faq.php#impressum';
location.reload();
});

if (document.location.href.indexOf('faq.php') > -1){
if (document.location.href.indexOf('faq.php#impressum') === -1){
// FAQ-Link aktiv setzen
$('#faq_link').addClass('activ');
} else {
// Impressum-Link aktiv setzen
$('#impressum_link').addClass('activ');
};
};

// Mitglieder-Link aktiv setzen
if (document.location.href.indexOf('userlist.php') > -1){
$('#member_link').addClass('activ');
};

// Datenschutz-Link aktiv setzen
if (document.location.href.indexOf('datenschutz.html') > -1){
$('#privacy_link').addClass('activ');
};

// Fürs V4: User Online-Link aktiv setzen
if (document.location.href.indexOf('useronline.php') > -1){
$('#useronline_link').addClass('activ');
};

// Hintergrundfarbe bei aktiven Link - Xobor (v6) & Mobil
$('#footernav .nav-link.activ').attr('style','background-color: rgba(255, 255, 255, 0.5); color: #555555; font-weight:bold;');

// Hintergrundfarbe bei aktiven Link - Business (v4)
$('.footer .activ').attr('style','background-color: rgba(255, 255, 255, 0.5);').find('a').attr('style','color: #222222; font-weight:bold;');
});
</script>
 




VG
Wolfgang

24.04.2023 10:31 (zuletzt bearbeitet: 24.04.2023 10:31)
avatar  Ingmar
#3 RE: Xobor(v6) - Dark Design: FAQ-Link (Fußleiste) nach Klick auf Impressum nicht mehr sichtbar.
avatar
Technik

Wie du schon festgestellt hast fehlt hier das CSS, um beim aktiven Tab den Hintergrund anzupassen:

1
2
3
 

.nav-link.active{color:$nav-bg-color !important; background: $nav-font-color !important;}
 
 



Wir mit dem nächsten Update so eingespielt. Danke für die Meldung.

Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
24.04.2023 15:40 (zuletzt bearbeitet: 24.04.2023 15:40)
#4 RE: Xobor(v6) - Dark Design: FAQ-Link (Fußleiste) nach Klick auf Impressum nicht mehr sichtbar.
avatar
Mitglied

Wow,
kurz und knapp, klasse!
Aber.....

Funktioniert leider nicht für den Link "Mitgliederliste", der ja auch in der Fußleiste steckt!
Hier wird die class "active" nicht gesetzt.....

Frage:
Gibt es hier auch eine superkurze Lösung?


Nochmal besten Dank
Wolfgang

24.04.2023 20:05
avatar  Ingmar
#5 RE: Xobor(v6) - Dark Design: FAQ-Link (Fußleiste) nach Klick auf Impressum nicht mehr sichtbar.
avatar
Technik

Ja, auch das ist bereits intern behoben. Das Update dazu wird zeitnah online gehen.

Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!