Fragen und Antworten » Benutzerabhängiges Headerbild

07.11.2018 21:42

Andreas Lipske
#1 Benutzerabhängiges Headerbild

Hallo zusammen,
mit folgenden Code in der Fußzeile ist es möglich, für bestimmte Mitglieder ein zugewiesenes Headerbild anzuzeigen.

$(function(){
if(tuserID==20){
document.getElementById("logo_andreas").src="https://Bildname.png";}
});
</script>

Diese Funktionalität hätte ich gern für eine bestimmte Benutzergruppe, z.B. Gäste
(Für Gäste soll also ein anderes Headerbild angezeigt werden, als für die anderen Benutzergruppen)

Wie sieht dafür der HTML-Code aus ?

Besten Dank vorab für Eure Hilfestellung

Gruß Andreas

Antworten

Beitrag melden

#2

07.11.2018 22:06

Mike48
#2 RE: Benutzerabhängiges Headerbild

Mike48

Für Business

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<script>
  if($('#link_login').length) {
    /* fuer angemeldetet Mitglieder */
    $(function(){
      if(tuserID==20){
        document.getElementById("logo_andreas").src="https://Bildname.png";
      }
    });
  }else{
    /*
     * hier das Bild fuer die nicht angemeldeten Gaeste einbauen */
     * document.getElementById("logo_andreas").src="https://Bildname.png";
     */
  }
</script>
 

www.friends-of-xobor.de (621181 - V4 Template)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden

#3

08.11.2018 09:22 (zuletzt bearbeitet: 08.11.2018 09:27)

Mike48
#3 RE: Benutzerabhängiges Headerbild

Mike48

Die if Abfrage im Script in Beitrag #2 ist falsch herum.
Die Abfrage ob angemeldet oder nicht müsste in allen Templates funktionieren wenn der originale Login Button in der Navi ist.

1
2
3
4
5
6
7
8
9
10
11
 
<script>
  if($('#link_login').length) {
    /* Hier Code fuer
     * nicht angemeldete Gaeste
     */
  }else{
    /* Hier Code fuer
     * angemeldetet Mitglieder
     */
  }
<script>
 

www.friends-of-xobor.de (621181 - V4 Template)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden

#4

08.11.2018 09:36 (zuletzt bearbeitet: 08.11.2018 09:37)

Mike48
#4 RE: Benutzerabhängiges Headerbild

Mike48

Diese Abfrage ist unabhängig vom Login-Button.
Die Variable tuserID hat nur einen Wert wenn der User angemeldet ist

1
2
3
4
5
6
7
8
9
10
11
 
<script>
  if($(tuserID).length) {
    /* Hier Code fuer
     * angemeldetet Mitglieder
     */
  }else{
    /* Hier Code fuer
     * nicht angemeldete Gaeste
     */
  }
<script>
 

www.friends-of-xobor.de (621181 - V4 Template)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden

#5

08.11.2018 09:43

Mike48
#5 RE: Benutzerabhängiges Headerbild

Mike48

Wenn man das für bestimmte Usergruppen machen will, macht das besser mit einem Plugin.

www.friends-of-xobor.de (621181 - V4 Template)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden

#6

08.11.2018 13:45

Andreas Lipske
#6 RE: Benutzerabhängiges Headerbild

Andreas Lipske

Hallo Mike,
da ich kein gelernter Informatiker bin, und meine Page nur ein privates Hobby darstellt, hast du mich nun total verwirrt .

Daher bitte ich dich, den kompletten Code einmal ohne /*Beschreibung*/ darzustellen.

Dort, wo der Bildname für Gäste stehen soll, schreib einfach "Gastbild.png"
Dort, wo der Bildname für die angemeldeten Mitglieder stehen soll, schreib einfach "Standartbild.png"

Ich glaube, wenn ich den kompletten Code ohne Beschreibung sehe, verstehe ich ihn auch besser

Danke vorab !

Antworten

Beitrag melden

#7

08.11.2018 15:22 (zuletzt bearbeitet: 08.11.2018 15:28)

Mike48
#7 RE: Benutzerabhängiges Headerbild

Mike48

Gelernter Informatiker bin auch nicht und meine Foren sind auch nur ein privates Hobby.
Hier kann man sich aber ein wenig in die Materie einarbeiten wenn man will.
https://wiki.selfhtml.org/wiki/Startseite

Ich hätte keine Lust für jede Kleinigkeit immer andere fragen zu müssen

Da ich nicht in deinem Forum bin, kann ich nicht sehen wie die ID "logo_andreas" zustande kommt.
An dieser Stelle wird in deinem Script das Headerbild für den User mit der ID 20 (andreas) eingefügt. Diese ID gibt es ja nicht bei Gästen.

1
2
3
4
5
6
7
8
9
10
11
12
 
<script>
  if($(tuserID).length) {
    // angemeldetet User (Mitglieder)
    $(function(){
      if(tuserID==20){
        document.getElementById("logo_andreas").src="https://Bildname.png";
      }
    });
  }else{
    // nicht angemeldete User (Gaeste)
  }
<script>
 

www.friends-of-xobor.de (621181 - V4 Template)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden

#8

08.11.2018 18:55 (zuletzt bearbeitet: 08.11.2018 18:58)

Mike48
#8 RE: Benutzerabhängiges Headerbild

Mike48

Ich habe es noch etwas umgebaut. Es war nicht aller Code in der ready-Funktion.

1
2
3
4
5
6
7
8
9
10
11
12
 
<script>
  $(function(){  // DOM fertig geladen
    if($(tuserID).length) {  // abfragen ob angemeldet oder nicht
      // angemeldete User (Mitglieder)
      if(tuserID==20){  // die ID des Mitglied abfragen
        document.getElementById("logo_andreas").src="https://Bildname.png";
      }
    }else{
      // nicht angemeldete User (Gaeste)
    }
  });
<script>
 

www.friends-of-xobor.de (621181 - V4 Template)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden

#9

10.11.2018 12:41 (zuletzt bearbeitet: 10.11.2018 12:41)

Mike48
#9 RE: Benutzerabhängiges Headerbild

Mike48

Die id="logo_andreas" ist scheinbar immer an der Stelle wo das Headerbild eingefügt werden soll.

daraus ergibt sich dann folgendes Script

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<script>
  $(function(){  // DOM fertig geladen
    if($(tuserID).length) {  // abfragen ob angemeldet oder nicht
      // angemeldete User (Mitglieder)
      if(tuserID==20){  // die ID des Mitglied abfragen
        document.getElementById("logo_andreas").src="https://Bildname_Mitglieder.png";
      }
    }else{
      // nicht angemeldete User (Gaeste)
      document.getElementById("logo_andreas").src="https://Bildname_Gaeste.png";
    }
  });
<script>
 

www.friends-of-xobor.de (621181 - V4 Template)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden

#10

10.11.2018 13:40 (zuletzt bearbeitet: 10.11.2018 14:03)

Mike48
#10 RE: Benutzerabhängiges Headerbild

Mike48

Headerbilder je Usergruppe kann man mit einem kleinen Plugin machen.
Plugin erstellen mit dem Element "Untere Leiste" Footer und folgendes Script einfügen.
In diesem Script wird die ID "thelogo" für die Position des Headerbldes verwendet. Die ID wird verwendet, wenn das Headerbild über den Wizard für die Kopfzeile eingefügt wurde.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<script>
  $(function(){  // DOM fertig geladen
    var idata = {target_id:tuserID, target_type: "5"};
    xobor.plugin("hier_eigene_PluginID_eintragen").getDeep(idata,function(res){
      var usergrpID = res.groupid;
      switch (usergrpID) {
        case 48806:
          document.getElementById("thelogo").src="https://Bildname_UsergruppenID_48801.png";
          break;
        case 48809:
          document.getElementById("thelogo").src="https://Bildname_UsergruppenID_48802.png";
          break;
        default:
          document.getElementById("thelogo").src="https://Bildname_default.png";
          break;
      }
    });
  });
<script>
 

Hier im Beispiel für die 2 Usergruppen mit den IDs 48801 und 48802 und eins für alle anderen Usergruppen im default Zweig.

Die Usergruppe kann man im Admin ermitteln wenn man die Usergruppe aufruft.
Admin → Benutzer → Gruppen → die entsprechende Gruppe auswählen

Dann kann man in der Adresszeile die ID ablesen