Forum - FAQ verbessern und interessanter gestalten

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages �

Das neue Template Xobor (v6). � FAQ verbessern und interessanter gestalten - (v4, v6 + Mobil)

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News. Stellen Sie Ihr eigene Webseite vor. Betriebssystem MS Windows & andere Betriebssysteme Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps. MS Windows 11, 10, 8 und 7 - Fragen & Antworten. Linux, Ubuntu und andere Betriebssysteme. �rger mit dem PC, Laptop oder Tablet? �rger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe? �rger mit dem PC, Laptop oder Tablet - Fragen & Antworten? Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten. XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! Das neue Template Xobor (v6). Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie. Wasserstoff - Energietr�ger der Zukunft. Elektronik & Elektrotechnik Elektronik & Elektrotechnik - Fragen und Antworten Elektronik & Elektrotechnik - Praxis - Highlights Die besten Links! Empfehlenswerte und interessante Links! Link - Suche. Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones. Lob, Kritik & Verbesserungsvorschl�ge. Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit. Alles, was noch so �brig bleibt. Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel.

#1 | FAQ verbessern und interessanter gestalten - (v4, v6 + Mobil) datum

02.06.2018 08:24 (zuletzt bearbeitet: 18.12.2024 13:02)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3816
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Wolfgang hat heute Geburtstag!

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1643

FAQ verbessern und interessanter gestalten - (v4, v6 + Mobil)!
Aktualisiert 21.05.25

FAQ und Impressum werden zusammen angezeigt

In einem unveränderten Template wird die Hilfe (FAQ) zusammen mit dem Impressum auf einer Seite angezeigt, sehr unschön und rechtlich gesehen nicht optimal!
Das folgende Skript schafft Abhilfe!

Die neue Forum-Hilfe (FAQ) weist folgende Verbesserungen und Änderungen auf

Die Suchmaschine zeigt ab 3 Buchstaben ein Suchergebnis an!
Es gibt mehrere Kategorien, wie Grundlagen, Foren-Codes und Impressum!
Klick man auf ein Thema oder eine Kategorie, spring die Seite zum Leseanfang!
Die Pfeilgrafiken in den Ecken und der Wegweiser führen ebenfalls zum Anfang!
Die Suche wird bei unzulässigen Suchwörtern und Zeichen automatisch gesperrt!
Ergebnisse und Fehlermeldungen werden oberhalb der Hilfe angezeigt!
Farben für Hintergrund und Schrift werden im V4 dem Template entsprechend angepasst!
Pfadangeben werden passend korrigiert!
Darstellung der Hilfe für mobile Endgeräte komplett überarbeitet!

Durch das folgende Skript werden Impressum und FAQ getrennt angezeigt, auch der Pfad weiter oben wird angepasst!
Funktioniert jetzt auch im Xobor (v6) & Mobil!

Installation - Business (v4), Xobor (v6) & Mobil

Installation per Plugin!

Plugin unter "FAQ / Hilfe / Impressum - Footer" anlegen !
Wichtig! Im Plugin muss rechts oben das "Unterstützte Template" markiert werden! Business - Template (144) & Mobil - Template (177), Auswahl mit Mausklick oder Strg + Mausklick!

Weil das Skript zu groß ist, findet man es im Anhang am Ende des Beitrages!
Inhalt der Textdatei aus dem Anhang (Neues FAQ mit verbesserter Suchmaschine v5.txt) kopieren und ins Plugin einfügen!

Schließen

Spoiler mit einem Klick öffnen und schließen!

BeschreibungDas folgende JavaScript dient nur der Beschreibung.
Das komplette Skript befindet sich im Anhang und ermöglicht die neue FAQ-Seite in die vorhanden "Impressum /FAQ-Seite" einzubauen!

In Zeile 4-27 steckt die Steuerung und die Scroll-Funktion für die Spoiler!
Zeile 67-122 ist für die Suche zuständig!
In Zeile 124-177 sind alle Zusatzfunktionen enthalten!
Zeile 176+177 lässt die Spendenbox ausblenden!
Zeilen 146 blendet das neue FAQ im Impressum aus!
Zeilen 151 blendet optional die Cookie-Informationen und die Datenschutzerklärungen im Impressum aus!
Zeilen 155 blendet das Impressum und das alte FAQ im neuen FAQ aus!
Zeilen 159 blendet die Datenschutzerklärungen im neuen FAQ aus!
Zeile 166 blendet das neue FAQ in der Datenschutzerklärung aus!
In Zeile 127 wird die Scroll-Funktion über die Pfeile zum Seitenanfang ausgelöst!

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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
 
<script>
window.addEventListener('load', function ( ) {
  // Seite einblenden
  $('.page_faq, .faq').css('visibility','visible');
  $('html,body').delay(300).animate({scrollTop:$('#breadcrumbs').offset().top -100}, 1000);
      
/*** Steuerung ***/
  //$("#searchbox-new").focus(); 
  $("#help-right-new").html($(".we h3").html());
 
  $("#help-ul-new .gl").on('click',function() {
    $("#help-ul-new li").removeClass("ta"); 
    $("#help-right-new").html($(".gu h3").html());
    $("ul#help-ul-new li.gu").addClass("ta");
  });
 
  $("#help-ul-new .cd").on('click',function() {
    $("#help-ul-new li").removeClass("ta"); 
    $("#help-right-new").html($(".co h3").html()); 
    $("ul#help-ul-new li.co").addClass("ta");
  });
 
  $("#help-ul-new .ip").on('click',function() {
    $("#help-ul-new li").removeClass("ta"); 
    $("#help-right-new").html($(".im h3").html());
    $("ul#help-ul-new li.im").addClass("ta");
  });
 
  function doBindings(){
    $("#help-ul-new li").on('click',function(event) {
      if($(this).hasClass("gr")) {
        if($(this).hasClass("ga")) {
          event.preventDefault(); 
          $(this).removeClass("ga");				
          $(this).find(".vi").css("display", "none");
          if($("ul#help-ul-new li.gr p.gc").hasClass("search_hit-new")){
            $("#help-right-new").html("<p>Fragenstellung in den Kategorien</p>Wählen Sie auf der linken Seite eine markierte Frage aus!");
          } else {
            $("#help-right-new").html("<p>Fragenstellung in den Kategorien</p>Wählen Sie auf der linken Seite eine Frage aus!");
          };
          $("#help-ul-new li").removeClass("ta");
        }else {
          $.each($(".vi"),function(){ 
          $(this).hide();
          $(this).closest("li").removeClass("ga");
        });
 
        $(this).addClass("ga");
        $(this).find(".vi").css("display", "block"); 
      }	
      $('html,body').animate({scrollTop: $('#search-box-new').offset().top -80}, 1000); //Sprung nach oben! 				   
    }else {
      $('html,body').animate({scrollTop: $('#search-box-new').offset().top -80}, 1000); //Sprung nach oben!
      if($(this).hasClass("ta")) { } else { 
        $("#help-ul-new li").removeClass("ta"); 
        $(this).addClass("ta");
      }
      var helpcontent = $(this).find("h3").html();
      $("#help-right-new").empty();
      $("#help-right-new").html(helpcontent);
    }
    return false;
    });
  };
 
/*** search functions ***/
function doSearch(search){
  if(search.length > 2) {
    reg = new RegExp(search,"igm");
    rep = "<span class='searchres-new'>"+search+"</span>";
    newtext = $content.replace(reg, rep);	
  if($content == newtext){ 
    $searchable.html($content);
    $searchres.html("nicht gefunden!").css({"padding":"2px","width":"130px"});
  } else {
 if (search.toUpperCase().match(/(\<|\>|\=|"|\/|\*|\?|\||\\|\.|\+|TD |A H)|(('|TA|TAR|TARG|TARGE|TARGET|TABLE|ABLE|TAB|TABL|BLE|ABL|HR|HRE|HREF|REF|CO|COL|COLO|COLOR|OLOR|LOR|OLO|CL|CLA|CLAS|CLASS|LASS|ASS|LAS|FON|FONT|ONT|FONT |ONT |NT |WID|WIDT|WIDTHh|IDTH|DTH|IDT|SMA|SMAL|SMALL|MALL|ALL|MAL|SPA|SPAN|SPAN |PAN|PAN |AN |AN S|N S|ST| STY| STYL| STYLE|STY|STYL|STYLE|TYLE|YLE|TYL|')\b)/g)||search.toUpperCase()=='BIG'||search.toUpperCase()=='PRE'){
 
      $searchable.html($content);
      $searchres.html("Zeichen unzulässig! Bitte weiterschreiben!").css({"padding":"2px","width":"280px"});
    } else {
      $searchable.html(newtext);
      $searchres.html($(".searchres-new").length + " Suchergebnisse").css({"padding":"2px","width":"150px"});
    };
    $("#help-right-new").html("<p>Fragenstellung in den Kategorien</p>Um den Suchbegriff zu finden, wählen Sie auf der linken Seite eine markierte Frage aus!");
    $("#help-ul-new li").removeClass("ta");
    		
    $searchable.children("li").each(function(){
      rescount =$(this).find(".searchres-new").length;
      if (rescount){
        $link = $(this).children(":first");
        $link.addClass("search_hit-new");
        if($(this).hasClass("gr")){
          $(this).addClass("ga");
        };
        if($(this).hasClass("to")){ 
          $("#help-ul-new li").removeClass("ta");
        };
        $("#help-ul-new .gl,#help-ul-new .cd,#help-ul-new .ip").on('click',function() {
          $("#help-right-new").html("<p>Fragenstellung in den Kategorien</p>Wählen Sie auf der linken Seite eine markierte Frage aus!");
        });
        
        $sub = $(this).find(".vi");
        $sub.show().find(".to").each(function(){
          rescount = $(this).find(".searchres-new").length;
          if (rescount){
            $link = $(this).children(":first");
            $link.addClass("search_hit-new");	
          };			
        });
      };
    });
  }
    doBindings();
  } else {
    $searchres.html("min. 3 Zeichen").css({"padding":"2px","width":"130px"});
  }
  }     
    doBindings();
 
  $searchres = $("#searchres-new");
  $searchable = $("#help-ul-new"); 
  $content = $searchable.html();      
  
   /*** Zusätzliche Funktionen ***/ 
  // Scroll-Funktion
  $('.scroll_faql, .scroll_faqr').on('click', function() {
    $('html,body').animate({scrollTop: $('#search-box-new').offset().top -80}, 1000);
  });
  
  // Such-Funktion
  $('#searchbox-new').on('keyup', function() {
     doSearch(this.value);
  });
 
  // Klick Impressum
  $('#impressum_link').on('click', function() {
    window.location.href='/faq.php#impressum';
    location.reload();
  });
  
  // Seitenerkennung FAQ / Impressum
  if (document.location.href.indexOf('faq.php') > -1){ 
    if(location.hash== "#impressum") {
      //Impressum
      if(!$('#impressum-new').length){$('#footernav').addClass('fixed-bottom');};
      $('#search-box, #search-box-new, #faq').hide().next().hide();
      $('.breadcrumb-item.active, #breadcrumbs strong').html('Impressum');
      $('#breadcrumbs small').html('Hier finden Sie Kontaktdaten und weiter Hinweise.');
      
      // Spoiler Datenschutzerklärung + Cookieinformationen ausblenden
      $('#privacydiv, #privacy, #cookies, #cookiesdiv').hide();
    } else {
      $('.breadcrumb-item.active, #breadcrumbs strong').html('FAQ (Häufig gestellte Fragen)');
      $('#breadcrumbs small').html('Hier finden Sie Antworten auf die wichtigsten Fragen zum Forum.');
      $('#impressum-new, #impressum, #faq').hide();
      $('#search-box').hide().next().hide();
      
      // Spoiler Datenschutzerklärung ausblenden
      $('#privacydiv, #privacy').hide();
    };
  };
  
  // Neues Impressum auf der Datenschutzseite ausblenden
  if (document.location.href.indexOf('datenschutz.html') > -1){ 
    $('.breadcrumb-item.active, #breadcrumbs strong').html('Datenschutzerklärung (DSGVO)');
    $('#search-box, #search-box-new').hide().next().hide();
  };
  
  // Scroll-Stop
  $('html, body').on('mousedown mousewheel wheel keyup touchstart', function(e) {
    //e.preventDefault();
    $('html, body').stop( true, false );
  });
  
  // Spendenbox ausblenden!
  $('#donationbox_table').closest('.box').hide();
  $('#donationbox').hide();
});
</script>
 

Schließen

BeschreibungDie folgende CSS dient nur der Beschreibung.
Das komplette Skript befindet sich im Anhang und ermöglicht die neue FAQ-Seite in die vorhanden "Impressum /FAQ-Seite" einzubauen!

Farben der FAQ-SeiteGrundsätzlich werden die Farben im V4 über Variablen dem Forum angepasst!
Es kann notwendig sein, einige Änderungen im Style vorzunehmen!

Hier kommen die wichtigsten Einstellungen

Da die kleine Suchmaschine erst ab 3 Buchstaben ein Suchergebnis anzeigt, wurden alle notwendigen "classes" auf 2 Buchstaben reduziert. Dadurch bringen Sucheingaben, die einer "class " ähneln, die Suchmaschine nicht durcheinander!
In Zeile 3-32 werden die Formatierungen für die FAQ-Tabelle bestimmt, Zeile 34-38 für das Suchfenster, Zeile 39 für die gefundenen Themenzeilen und Zeile 41-43 für die Tabellen im Div-Format!
In Zeile 50-61 werden speziell fürs V6 & Mobil Farben und Formatierungen angepasst!
Zeile 56 ermöglicht die Einstellung der maximale Breite!
Verwendet man das Dark-Design im V6 & Mobil, sind die Einträge in Zeile 59-61 notwendig und müssen auskommentiert 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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
 
<!-- Das neue FAQ -->
<style>
.scroll_faqr img {float:right; margin-right:10px; cursor:pointer; z-index:1000;}
.scroll_faql img {float:left; margin-right:10px; cursor:pointer; z-index:1000;}
.to p {font-size:14px; font-weight:bold; text-decoration: none; margin:0; overflow:auto; line-height:19px;}
.to p:hover {color: {{global_box_header_background|rgb_lightness(120)}} !important; cursor:pointer; text-decoration: none !important;}
  
ul#help-ul-new ul {margin-left: 10px; margin-top: 5px;}
ul#help-ul-new h3{ display: none;}
ul#help-ul-new li {padding-left: 10px;}
ul#help-ul-new li {padding: 0 0 6px 20px; cursor:pointer; list-style: none !important;}
ul#help-ul-new li.to {background: url("https://files.homepagemodules.de/b2001010/a_1035_e687c84c.png") no-repeat; background-size: 24px; background-position: -1px -3px; text-align:left; margin-bottom:5px;}
ul#help-ul-new li.ta p {color: {{global_box_header_background|rgb_lightness(120)}} !important; cursor:pointer;}
ul#help-ul-new li.gr {background: url("https://files.homepagemodules.de/b2001010/a_1034_2a087843.png") no-repeat; background-size: 20px; background-position: 0 -2px;}
ul#help-ul-new li.ga {background: url("https://files.homepagemodules.de/b2001010/a_1036_575ff550.png") no-repeat; background-size: 20px; background-position: 0 -2px;}
ul#help-ul-new li.gr p.gc {cursor:pointer; font-weight:bold}
ul#help-ul-new li.gr p.gc:hover {cursor:pointer; color: {{global_box_header_background|rgb_lightness(120)}} !important;}
ul#help-ul-new li.ga p.gc {font-weight:bold;}
ul#help-ul-new li.gr ul.vi { display: none; margin:0px; padding:0px;}
ul#help-ul-new li.gr ul.vi li {margin:0; padding-left:20px;}
 
td#help-left-new {font-size:14px; color: {{global_box_header_background|rgb_lightness(75)}}; border-right: 2px solid {{global_box_header_background|rgb_lightness(95)}}; padding: 10px 0 0 10px; vertical-align:top; text-align:left; hyphens: auto; min-width: 160px; width:30%;}
td#help-left-new ul {margin:0 10px 0 0; padding-left: 0;}
td#help-left-new li.gr p {margin:0 0 5px 0;}
td#help-right-new {font-size:14px !important; padding: 10px 0 0 20px; vertical-align:top; height:500px;}
td#help-right-new a {text-decoration: underline; font-weight: normal;}
td#help-right-new a:hover {font-weight:bold;}
td#help-right-new ul {padding-left:20px;}
td#help-right-new table {color: #000000; margin:2px 5px;}
td#help-right-new table td {padding:10px; background: #eeeeee;}
td#help-right-new pre {font-size:14px; font-weight:bold; white-space:normal; line-height:25px; width:auto; hyphens: auto; background: none; box-shadow: none; clear:both; display:block;}
td#help-right-new p {font-weight:bold; margin-bottom: 10px; border-bottom: 2px solid {{global_box_header_background|rgb_lightness(95)}}; color: {{global_box_header_background|rgb_lightness(120)}};}
  
.searchres-new {background-color:{{global_box_header_background}}; color:{{global_boxheader_fontcolor}}; border-radius:2px; padding:0 2px; font-style:normal; }
#searchres-new {background-color:#eeeeee; border-radius:5px; font-size:small; color: {{global_box_header_background|rgb_lightness(75)}}; display:inline-block; margin-top: 5px;}
#searchbox-new {background: url("https://files.homepagemodules.de/b2001010/a_1021_181316ed.png") no-repeat scroll 5px center transparent; padding:3px 3px 3px 35px; margin:0; color: #000000; background-color:#ffffff; width:200px; cursor:pointer; border:4px double #222222  !important;}
#searchbox-new:hover {font-weight:bold;}
#search-box-new {text-align:center; padding:9px; width:100%; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.search_hit-new {font-style: oblique; color:#aaaaaa !important;}
  
.tablediv { display: flex; flex-wrap: wrap;}
.tablediv div, .tablediv2 div {width:27vw; max-width: 44%; min-width:118px; border: 1px solid #aaaaaa; margin:0 2px 10px 0; background:#ffffff; padding:5px 10px; color:#383838;}
.tablediv2 div {max-width: 90%;}
  
.page_faq, .faq {visibility:hidden;}
</style>
 
{{template==177.start}}
<style>
.to p:hover, ul#help-ul-new li.ta p, ul#help-ul-new li.gr p.gc:hover, td#help-right-new a, td#help-right-new p  {color: #4578A1 !important;}
td#help-right-new p {border-bottom:2px solid #dddddd;}
td#help-left-new {border-right:2px solid #dddddd; color:#383838;}
.searchres-new {background-color: #4578A1; color:#ffffff;} 
#searchres-new {color:#383838;}
 
.faq .col {flex: none; max-width: 90%; display:inline-block; margin:auto;}
 
/* Xobor (v6 - Dark) */
/* td#help-right-new pre {color:#eeeeee;}
#faq_link {color:#f5f5f5 !important;}
.to p, ul#help-ul-new li.gr p.gc {color: #f5f5f5;}*/
</style>
{{template==177.end}}
 

Schließen

Spoiler mit einem Klick öffnen und schließen!

Die neue FAQ-Forumhilfe in AktionForum-FAQ in Aktion: Die Hilfe (FAQ) von Hilfe-Tricks-Tipps.de

Nachtrag - Update!

Das Skript funktioniert auch allein ohne "Datenschutzerklärung und Eigenes Impressum"!
Das Impressum und die FAQ-Seite werden getrennt angezeigt, sind über die Links in der Fußleiste erreichbar!
Das Plugin "Externe Inhalte einbinden" wird nicht mehr behindert und ausschließlich nur im "FAQ" angezeigt!
Optional ist die Spendenbox ausgeblendet und wird nur auf der Forum Übersicht angezeigt!
Optional werden auch Datenschutzerklärung und Cookie Informationen im Impressum ausgeblendet!
Optional wird die Datenschutzerklärung auch im FAQ ausgeblendet und nur über die Verlinkung in der Fußleiste erreicht!
Automatische Scroll-Funktion optimiert!
Seite wird so lange ausgeblendet, bis alle erforderlichen Skripte geladen sind!
Fehler in der Spoiler-Funktion behoben!

Weitere wichtige LinksDatenschutzerklärung: Datenschutzerklärung übersichtlich!
Eigenes Impressum: Eigenes Impressum für die Webseite
Mobil - Bessere Übersicht: Datenschutzerklärung & Co übersichtlicher darstellen

Rechtliche Anforderung: Dürfen Impressum und Datenschutz-Ausführungen auf einer Seite untergebracht werden?
Aus dem Support: DSGVO - Datenschutz im Forum
Aus dem Support: Viele Fragen zum Thema DSGVO

Und gutes Gelingen!
Wolfgang

Wolfgang hat folgende Dateien an diesen Beitrag angeh�ngt

Neues FAQ mit verbesserter Suchmaschine v5.txt

Daishi findet das Top!

Antworten

Moderations-Kommentar:

Beitrag komplett überarbeitet!
Kleine Formatänderung im Eingabefeld

#2 | Vorhandenes FAQ für das V6 übersichtlich gestalten! datum

10.04.2021 16:10 (zuletzt bearbeitet: 18.12.2024 13:02)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3816
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Wolfgang hat heute Geburtstag!

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1643

Vorhandenes FAQ für das V6 übersichtlich gestalten!
Aktualisiert 04.02.24

Was kann das Skript?

Das FAQ im V6 & Mobil bleibt so erhalten, ist nur der Übersicht wegen mit kleinen Themen-Spoilern ausgestattet.
Sie werden nach Aufruf der Seite alle geschlossen dargestellt ! Ein Klick auf die Titelleiste öffnet und schließt den Spoiler! Das FAQ ist dadurch übersichtlich und gut einsehbar!
Im FAQ werden nur die Fragen angezeigt. Ein Klick auf die Frage, öffnet die Antwort!
Alle Fragen sind zur besseren Erkennung, zusätzlich mit Plus- und Minuszeichen ausgestattet.
Geöffnete Antworten bleiben auch offen stehen!
Alle Spoiler sind mit einer automatischen Scroll-Funktion ausgestattet, damit die gezeigten Antworten und Informationen immer in Lesehöhe stehen!
Arbeitet gut mit der Spoiler-Funktion "Datenschutzerklärung & Co" aus Beitrag #4 zusammen!

Installation nur fürs Xobor (v6) & Mobil

Die folgenden Zeilen brauchen nur nach Eigenes Javascript kopiert werden!
Zeile 12 behebt einen kleinen Tabellenfehler (leerer <tr>-Tag).
Zeile 13 klappt die Antworten im FAQ zu.
Zeile 14+19 liefern die zusätzliche Plus- & Minuszeichen vor den Fragen.
Zeile 17 öffnen und schließen die Antworten im FAQ!
Zeile 20 ist für die Scroll-Funktion zuständig
Ist der Spendenaufruf aktiviert, kann durch Zeile 53 der Spendenaufruf während der Anzeige der Datenschutzerklärung ausgeblendet werden!
Zeile 38 blendet das FAQ im Impressum aus!
Zeile 42 blendet optional die Cookie-Informationen und Datenschutzerklärungen im Impressum aus!
Zeile 44 blendet das Impressum im FAQ aus!
Zeile 48 blendet optional die Datenschutzerklärungen im FAQ aus!
Zeile 37 behebt einen kleinen Bag im V6 und schiebt die Fußleiste nach unten!

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
44
45
46
47
48
49
50
51
52
53
54
55
56
 
<style>
  /* Seite ausblenden */
  .faq {visibility:hidden;}
</style>
 
<script>
window.addEventListener('load', function (){
  // Seite einblenden
  $('.faq').css('visibility','visible');
  $('html,body').animate({scrollTop:$('#breadcrumbs').offset().top -100}, 1000);
 
  $('#faq .card-body tr:empty').remove();
  $('#faq .card-body td.faq_q').closest('tr').next().hide();
  $('#faq .card-body td.faq_q').prepend('<img class="x1" style="margin:-5px 5px 0 0;" src="//files.homepagemodules.de/b104774/a_83_b849fb24.png"><img class="x2" style="display:none; margin:-5px 5px 0 0;" src="//files.homepagemodules.de/b104774/a_82_ce352773.png">').css('cursor','pointer')
 
  $(document.body).on('click','#faq .card-body tr',function(){
    $(this).next().toggle();
    $(this).next().find('td').css('padding-left','21px');
    $('.x1,.x2',this).toggle();
    $('html,body').delay(100).animate({scrollTop:$(this).offset().top - 100},600);
  });
 
  // Spoiler Datenschutzerklärung beim Aufruf öffnen
  if (document.location.href.indexOf('datenschutz.html') > -1){
    $('.breadcrumb-item.active, #breadcrumbs strong').html('Datenschutzerklärung (DSGVO)'); 
  };
 
  // Aufruf Impressum
  $('#impressum_link').on('click', function() {
    window.location.href='/faq.php#impressum';
    location.reload();
  });
 
  // Funktion Öffnen/Schließen für FAQ & Impressum
  if (document.location.href.indexOf('faq.php') > -1){ 
    if(location.hash== "#impressum") {
      if(!$('#impressum-new').length){$('#footernav').addClass('fixed-bottom');};
      $('#faq').hide();
      $('.breadcrumb-item.active, #breadcrumbs strong').html('Impressum');
 
      // Spoiler Datenschutzerklärung + Cookieinformationen ausblenden
      $('#privacy, #cookies').hide();
    } else {
      $('#impressum').hide();
      $('.breadcrumb-item.active, #breadcrumbs strong').html('FAQ (Häufig gestellte Fragen)');
 
      // Spoiler Datenschutzerklärung ausblenden
      $('#privacy').hide();
    };
  };
 
  // Spendenbox ausblenden!
  $('#donationbox').hide();
 
});
</script>
 

Schließen

Nachtrag - Update!

Das Skript funktioniert auch allein ohne "Datenschutzerklärung und Eigenes Impressum"!
Das Impressum und die FAQ-Seite werden getrennt angezeigt, sind über die Links in der Fußleiste erreichbar!
Das Plugin "Externe Inhalte einbinden" wird nicht mehr behindert und ausschließlich nur im "FAQ" angezeigt!
Optional ist die Spendenbox ausgeblendet und wird nur auf der Forum Übersicht angezeigt!
Optional werden auch Datenschutzerklärung und Cookie Informationen im Impressum ausgeblendet!
Optional wird die Datenschutzerklärung auch im FAQ ausgeblendet und nur über die Verlinkung in der Fußleiste erreicht!
Automatische Scroll-Funktion optimiert!
Seite wird so lange ausgeblendet, bis alle erforderlichen Skripte geladen sind!

Bis dann und besten Dank an River für die Unterstützung

Wolfgang

Scannerxy und 844er finden das Top!

Antworten

Moderations-Kommentar:

Beitrag komplett überarbeitet!

#3 | RE: FAQ verbessern und interessanter gestalten - (v4 + v6) datum

23.02.2022 14:32 (zuletzt bearbeitet: 26.03.2023 15:51)

Hallo Wolfgang, habe es bei mir installiert, funktioniert einwandfrei. Ich benutze das Business Template (v4). Mach weiter so, sieht sehr schön und sehr übersichtlich aus.
Super Arbeit die du machst, mega Lob.

Daishi

Antworten

#4 | Fehlersuche: FAQ verbessern und interessanter gestalten - (v4 + v6) datum

09.07.2023 10:31 (zuletzt bearbeitet: 25.02.2024 18:01)

Hallo Wolfgang, habe bei mir die neue Version installiert.

Ich benutze Business-Template (v4)

Foren-Adresse: www.servicecrewloreth.de

Foren-Nummer: 906480

Anhang: Neue FAQ mit verbesserter Suchmaschine v4.txt

Mir ist aufgefallen, dass man als Gast, den Link in der Fußleiste anklicken kann, wird aber als Gast nichts angezeigt. Nur die Suche.

Wenn man als Mitglied eingeloggt ist, geht die FAQ Seite, da wird sie angezeigt.

Jetzt eine Frage, habe ich bei der Installation ein Fehler gemacht oder muss ich irgendwo im Admin Menü noch etwas einstellen?

Getestet mit Microsoft Edge und Firefox.

Grüße Daishi

Daishi

Wolfgang findet das Top!

Antworten

#5 | Fehlersuche: FAQ verbessern und interessanter gestalten - (v4 + v6) datum

09.07.2023 11:46 (zuletzt bearbeitet: 09.07.2023 11:54)

Fehlersuche: FAQ verbessern und interessanter gestalten - (v4 + v6)

Hallo Daishi,
besten Dank fürs Feedback und das Testen!

Ich habe das Skript überprüft und festgestellt, dass es als Plugin nur unter "FAQ / Hilfe / Impressum - Footer" funktioniert, nicht unter "Unter Leiste - Header"!
Habe es bereits in Beitrag #1 unter Installation vermerkt!

Nochmals besten Dank!
Wolfgang

Daishi findet das Top!

Antworten

#6 | RE: Fehlersuche: FAQ verbessern und interessanter gestalten - (v4 + v6) datum

09.07.2023 12:13 (zuletzt bearbeitet: 09.07.2023 13:48)

Danke sehr Wolfgang fürs schnelle Nachschauen, und das Korrigieren, ich habe es geändert und es funktioniert jetzt, als Gast, wenn man auf den Link klickt.

Getestet mit Microsoft Edge und Firefox.

Grüße Daishi

Daishi

Wolfgang findet das Top!

Antworten

Das neue Template Xobor (v6) - alles so neu - alles so einfach ? � � Externe Links mit Symbol - Links deutlicher darstellen!

�hnliche Themen

Antworten

Letzter Beitrag

Layout für Bilderkommentare anpassen und verbessern - Mit Mouseover-Effekt - Nur V4
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

11.09.2025 10:40
von

Dankeschön • Zugriffe: 211

Präsentationskalender - Darstellung interessanter Themen - Teil 1+2
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

09.04.2024 00:35
von

Wolfgang • Zugriffe: 2479

Zusätzliche Antwort- und Bearbeitungsleiste für Beiträge im V4 + V6
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

10.10.2025 11:27
von

Dankeschön • Zugriffe: 739

Xobor (v6): "Springe zu Seite" verbessern
Erstellt im Forum Das neue Template Xobor (v6). von creator 1 27.08.2021 17:59
Wolfgang • Zugriffe: 953
Tastenkombinationen (Shortcuts) fürs eigene Forum (v4 + v6) - Mit Hover-Effeketen
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 15 28.03.2025 21:58
Dankeschön • Zugriffe: 2041

Business-Template V4: Login-Box im Portal ausblenden!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

22.08.2020 12:12
von

Wolfgang • Zugriffe: 952

Business Template V4: Speichern in "Beitrag bearbeiten" verbessern!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

02.06.2020 19:24
von

Wolfgang • Zugriffe: 870

Navigations-Pfad verbessern und anpassen - Teil 1-3!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

13.06.2024 11:12
von

Wolfgang • Zugriffe: 2956

Samsung Galaxy: Funktion Fingerabdruck-Scanner verbessern!
Erstellt im Forum Tricks & Tipps f�r Smartphones und iPhones. von Wolfgang 0 16.04.2016 17:11
Wolfgang • Zugriffe: 1115

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages �

Das neue Template Xobor (v6). � FAQ verbessern und interessanter gestalten - (v4, v6 + Mobil)

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 45 €

93%