Forum - Super Kategorienauswahl für das Smiley-Menü

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). � Super Kategorienauswahl für das Smiley-Menü - Version 1-3

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 | Super Kategorienauswahl für das Smiley-Menü - Version 1-3 datum

17.03.2019 11:14 (zuletzt bearbeitet: 07.10.2023 09:35)

Wolfgang

Administrator

Informationen anzeigen

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

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

Super Kategorienauswahl für das Smiley-Menü - Version 1

Aktualisiert 16.09.2025

Möchte man viele Smileys zur Verfügung stellen, ist es ratsam sie zu ordnen oder sie zu kategorisieren!
Hierdurch werden die Smileys übersichtlicher dargestellt und gehen nicht in einem großen Durcheinander unter!
Eine Kategorienauswahl ist im Support schon vorgeschlagen worden, aber hierzu gibt es die unterschiedlichsten Vorstellungen!
Kein Wunder, denn es kommt immer auf den eigenen Geschmack und auf die Art des Forums an!

Was kann das nachfolgende Skript:

Mit dem folgenden Skript ist es möglich die vorhandenen Smiley-Gruppen in einem Menü unterzubringen,
hierzu muss man sich allerdings die ID's heraussuchen!
In den Templates (v1-4) sind die Smiley-Gruppen mit Mouseover ausgestattet!
Möchte man die Smiley-Gruppen ebenfalls mit einem "Klick" öffnen und schließen, bitte Xobor-Superklick installieren!
Funktioniert auch im Xobor (v6) mit dem hauseigenen Klick!
Das Auswahl-Menü ist beliebig minimier- und erweiterbar!

Installation für alle Templates & Mobil

In dem folgenden Skript müssen die "ID's" der Smiley-Gruppen dem eigenen Forum angepasst werden!
Über die "Rechte Maustaste" und "Element untersuchen" können die "ID's" ausfindig gemacht werden!

Möchte man die Smiley-Gruppen mit einem "Klick" öffnen und schließen, bitte Xobor-Superklick installieren!

Das Smiley-Menü kann komplett in der Iconbar untergebracht werden!
"HTML-Baustein" unter "HTML" anlegen!
Namen vergeben, z.B. "Klickmenü 1" und unter "HTML:" das folgende Skript eintragen!
Speichern nicht vergessen!

Wichtig:

Die Smiley-Gruppen werden automatisch ausgeblendet!
Sobald die ID's gefunden und eingetragen sind, werden die Smiley-Gruppen ausgeblendet!
(Rechte Maustaste > Untersuchen > "xob_icon_..." oder "xob_sub_..." oder "showSub('...')" oder "hideSub('..')").
Ist Xobor-Superklick installiert, wird er in der linken Leiste der Iconbar ganz nach unten geschoben.
Alle Gruppen oberhalb vom "Xobor-Superklick" sind Klick-Gruppen, alle unterhalb sind "Mouseover-Gruppen"!

Beschreibung:

In Zeile 48 wird das Smiley für das Auswahl-Menü angepasst!
Für Zeile 50, 54, 58, 62 werden nur die Nummern der Gruppen-ID's eingetragen,
in Zeile 51, 55, 59, 63 die Smileys für die Kategorien!
in Zeile 52, 56, 60, 64 die Titel der Kategorien!
In Zeile 83 (v6) und Zeile 91 (v1-4) werden die Smiley-Gruppen automatisch ausgeblendet!
In Zeile 3 kann die Startposition des Auswahl-Menüs mit "margin-left" korrigiert werden!

Option: Soll das Menü minimiert oder maximiert werden, müssen die Zeilen 47-65 (ID), Zeile 83, 85-88 (fürs V6) und Zeile 91, 93-96 (fürs v1-4) angepasst werden!

Das komplette Skript:

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
 
<style>
.smiley_move_1 {
  margin-left:-180px !important; 
  z-index:999996; 
  position:absolute; 
}
.smiley_kat_1 {
  width:200px;
  background:#ffffff;
  font-size:12px; 
  color:#000000;
  border:1px solid #000000;
  border-radius: 6px 6px 0 0;
  z-index:999998; 
  cursor:default; 
}
.smiley_kat_1 img {
  margin-right: 5px !important;
}
.smiley_kat_close_1 {
  font-weight:bold; 
  padding:5px 7px 10px 15px !important; 
  letter-spacing: 1px;
  cursor:pointer;
}
.smiley_kat_group_1 div {
  clear:both;
  padding:5px 5px 5px 10px !important; 
  display:flex;   
  align-items: center;
  cursor:pointer;
}
.icon_menue_click_1 .xob_icon {
  max-height:20px;
}
form .xob_subiconlist {
  background:#ffffff; 
  min-width:160px; 
  z-index:999999;
}
</style>
 
<div class="xob_icon_cont icon_menue_click_1"></div>
 
<script>
window.addEventListener('load', function(){
  // Anfang Eingabe 
  Menue = "//files.homepagemodules.de/b104774/bhnetfiles-jrax-1j-a684.png"    // Menue-Icon
 
  ID1_1 = "00000"; 
  ID1_2 = "//img.homepagemodules.de/grin.gif";
  ID1_3 = "Neue Xobor-Smileys";
 
  ID2_1 = "00000"; 
  ID2_2 = "//img.homepagemodules.de/grin.gif";
  ID2_3 = "Gemischte Smileys";
 
  ID3_1 = "00000"; 
  ID3_2 = "//img.homepagemodules.de/grin.gif";
  ID3_3 = "Gro&#223;e Smileys";
 
  ID4_1 = "00000"; 
  ID4_2 = "//img.homepagemodules.de/grin.gif";
  ID4_3 = "Schilder-Smileys";
  // Ende Eingabe
 
  $('.icon_menue_click_1').prepend(`
 
    <img class="xob_icon" src="`+Menue+`" title="Gro&#223;e Smiley-Auswahl, bitte anklicken!">
    <div class="smiley_move_1" style="display:none;">
      <div class="smiley_kat_1">
 
        <div class="smiley_kat_group_1"></div>
        <hr style="width:100%; margin:4px;">
        <div class="smiley_kat_close_1">Men&#252; schlie&#223;en</div>
 
      </div>
    </div>
 
  `);
 
    if ($('#usermodal').length){
      $(' #xob_icon_'+ID1_1+', #xob_icon_'+ID2_1+', #xob_icon_'+ID3_1+', #xob_icon_'+ID4_1+' ').closest('.hassub').hide();
      $('.smiley_kat_group_1').prepend(`
      <div onclick="xobor.mbt.modal('#xob_sub_`+ID1_1+`','Icon einf&#252;gen'); xobor.mbt.iconbar.loadIcons('#xob_sub_`+ID1_1+`');"><img src="`+ID1_2+`"> `+ID1_3+`</div>
      <div onclick="xobor.mbt.modal('#xob_sub_`+ID2_1+`','Icon einf&#252;gen'); xobor.mbt.iconbar.loadIcons('#xob_sub_`+ID2_1+`');"><img src="`+ID2_2+`"> `+ID2_3+`</div>
      <div onclick="xobor.mbt.modal('#xob_sub_`+ID3_1+`','Icon einf&#252;gen'); xobor.mbt.iconbar.loadIcons('#xob_sub_`+ID3_1+`');"><img src="`+ID3_2+`"> `+ID3_3+`</div>
      <div onclick="xobor.mbt.modal('#xob_sub_`+ID4_1+`','Icon einf&#252;gen'); xobor.mbt.iconbar.loadIcons('#xob_sub_`+ID4_1+`');"><img src="`+ID4_2+`"> `+ID4_3+`</div>
      `);
    } else {
      $(' #xob_icon_'+ID1_1+', #xob_icon_'+ID2_1+', #xob_icon_'+ID3_1+', #xob_icon_'+ID4_1+' ').css({'width':'0','position':'absolute'}); 
      $('.smiley_kat_group_1').prepend(`
      <div onclick="showSub('`+ID1_1+`');"><img src="`+ID1_2+`"> `+ID1_3+`</div>
      <div onclick="showSub('`+ID2_1+`');"><img src="`+ID2_2+`"> `+ID2_3+`</div>
      <div onclick="showSub('`+ID3_1+`');"><img src="`+ID3_2+`"> `+ID3_3+`</div>
      <div onclick="showSub('`+ID4_1+`');"><img src="`+ID4_2+`"> `+ID4_3+`</div>
      `);
    };
 
  $('.icon_menue_click_1').on('click',function(){
    $('.smiley_move_1').show();
  });
  $('.smiley_kat_close_1, .smiley_kat_group_1 div').on('click',function(){
   $('.smiley_move_1').hide(500);
  });
 
});
</script>
 

Schließen

Spoiler mit einem Klick öffnen und schließen!

Weitere interessante Links zur Iconbar:

  • Meine komplette Forum-Iconbar zum herunterladen
  • Beiträge nur für Mitglieder in der neuen Iconbar
  • Versteckte Kommentare in Forum-Beiträgen nutzen!
  • Smileys in der Schnellantwort
  • Glow - Leuchtender Text mit CSS3 "text-shadow"
  • Kleine Iconbar in der Bildergalerie
  • Kopiersperre / Markierungssperre / Eigenes Kontextmenü
  • Iconbar fixieren - gut für lange Beiträge
  • Xobor Superklick

Wichtig:

In der Grundausstattung sind die Smiley-Gruppen in den Templates (v1-4) mit Mouseover ausgestattet!
Möchte man die Smiley-Gruppen mit einem "Klick" öffnen und schließen, bitte Xobor-Superklick installieren!
Im neuen Xobor Template (v6) werden die Smiley-Gruppen bereits von Haus aus mit einem Klick geöffnet!

Bis dann und viel Erfolg beim Nachbauen!

Wolfgang

Nara und bienchen finden das Top!

Antworten

Moderations-Kommentar:

Komplett überarbeitet und minimiert!
Vereinfachte Eingabe der Smiley-Daten!
Fehler in der Menü-Ausblendung behoben!

#2 | Kategorienauswahl mit Sub-Menü - Version 2 datum

18.03.2019 13:09 (zuletzt bearbeitet: 07.10.2023 17:53)

Wolfgang

Administrator

Informationen anzeigen

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

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

Kategorienauswahl mit Sub-Menü - Version 2

Aktualisiert 16.09.2025

Hallo GabiHat man viele Smiley-Gruppen mit verschiedenen Themen, leistet ein Sub-Menü gute Dienste!
Auch hier muss nach ID's gesucht und angepasst werden!

Was kann das nachfolgende Skript:

Es ist jetzt möglich mehrere Sub-Menü mit beliebigen Smiley-Gruppen einzusetzen!
Hierzu muss man sich auch die ID's heraussuchen!
Das Smiley-Menü und die Smiley-Gruppen klappen wie gewohnt nach unten aufklappen auf!
Die Untermenüs öffnen sich per "Mouseover"!
In der Grundausstattung sind die Smiley-Gruppen mit Mouseover ausgestattet!
Möchte man die Smiley-Gruppen mit einem "Klick" öffnen und schließen, bitte "Xobor-Superklick" installieren!

Installation für alle Templates & Mobil

In dem folgenden Skript müssen auch hier die "ID's" der Smiley-Gruppen dem eigenen Forum angepasst werden!
Über die "Rechte Maustaste" und "Element untersuchen" können die "ID's" ausfindig gemacht werden!

Möchte man die Smiley-Gruppen mit einem "Klick" öffnen und schließen, bitte Xobor-Superklick installieren!

Das Smiley-Menü kann komplett in der Iconbar untergebracht werden!
"HTML-Baustein" unter "HTML" anlegen!
Namen vergeben, z.B. "Klickmenü 2" und unter "HTML:" das folgende Skript eintragen!
Speichern nicht vergessen!

Wichtig:

Die Smiley-Gruppen werden automatisch ausgeblendet!
Sobald die ID's gefunden und eingetragen sind, werden die Smiley-Gruppen ausgeblendet!
(Rechte Maustaste > Untersuchen > "xob_icon_..." oder "xob_sub_..." oder "showSub('...')" oder "hideSub('..')").
Ist Xobor-Superklick installiert, wird er in der linken Leiste der Iconbar ganz nach unten geschoben.
Alle Gruppen oberhalb vom "Xobor-Superklick" sind Klick-Gruppen, alle unterhalb sind "Mouseover-Gruppen"!

Beschreibung:

In Zeile 75 wird das Smiley für das Auswahl-Menü angepasst, in Zeile 77 für das erste Sub-Menü, in Zeile 96 für das zweite Sub-Menü!
Für Zeile 80, 84, 88, 92 werden nur die Nummern der Gruppen-ID's eingetragen,
in Zeile 81, 85, 89, 93 die Smileys für die Kategorien!
in Zeile 82, 86, 90, 94 die Titel der Kategorien, in Zeile 78 für die erste Kategorien-Gruppe, in Zeile 78 für das erste Sub-Menü, in Zeile 97 für das zweite Sub-Menü!
In Zeile 145, 164 (v6) und Zeile 153, 173 (v1-4) werden die Smiley-Gruppen automatisch ausgeblendet!
In Zeile 3 kann die Startposition des Auswahl-Menüs mit "margin-left" korrigiert werden!

Option: Soll das Menü minimiert oder maximiert werden, müssen die Zeilen 77-117 (ID's), Zeile 145, 164, 147-150, 166-170 (fürs V6) und Zeile 153, 173, 155-158, 175-179 (fürs v1-4) angepasst werden!

Das komplette Skript:

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
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
 
<style>
.smiley_move_3 {
  margin-left:-180px !important; 
  z-index:999996; 
  position:absolute; 
}
.smiley_kat_3 {
  width:200px;
  background:#ffffff;
  font-size:12px; 
  color:#000000;
  border:1px solid #000000;
  border-radius: 6px 6px 0 0;
  z-index:999998; 
  cursor:default; 
}
.smiley_kat_3 img {
  margin-right: 5px !important;
}
.smiley_kat_cont_3 {
  width:200px;
  margin-left: -200px !important;
  padding: 5px 0 !important;
  background:#ffffff; 
  font-size:12px; 
  color:#000000; 
  border:1px solid #000000; 
  border-radius: 6px 0 0 0;
  position:absolute;
  top:0; 
  display:none; 
  z-index:999997; 
  cursor:default; 
}
.smiley_kat_cont_3 div {
  clear:both;
  padding:5px 5px 5px 10px !important; 
  display:flex;   
  align-items: center;
  cursor:pointer;
}
.smiley_kat_cont {
  clear:both;
}
.smiley_kat_close_3 {
  font-weight:bold; 
  padding:5px 7px 10px 15px !important; 
  letter-spacing: 1px;
  cursor:pointer;
}
.smiley_kat_group_3 {
  display:flex;   
  align-items: center;
  margin: 5px !important;
  clear:both;
  cursor:pointer;
}
.icon_menue_click_3 .xob_icon {
  max-height:20px;
}
 
form .xob_subiconlist {
  background:#ffffff; 
  min-width:160px; 
  z-index:999999;
}
</style>
 
 
<div class="xob_icon_cont icon_menue_click_3"></div>
 
<script>
window.addEventListener('load', function(){
 
  Menue = "//img.homepagemodules.de/grin.gif"    // Men&#252;-Icon
 
  Menue1_1 = "//files.homepagemodules.de/b104774/bhnetfiles-jrax-1j-a684.png"   
  Menue1_2 = "Jahreszeiten"
 
  ID1_1 = "0000"; 
  ID1_2 = "//img.homepagemodules.de/grin.gif";
  ID1_3 = "Fr&#252;hling";
 
  ID2_1 = "0000"; 
  ID2_2 = "//img.homepagemodules.de/grin.gif";
  ID2_3 = "Sommer";
 
  ID3_1 = "0000"; 
  ID3_2 = "//img.homepagemodules.de/grin.gif";
  ID3_3 = "Herbst";
 
  ID4_1 = "0000"; 
  ID4_2 = "//img.homepagemodules.de/grin.gif";
  ID4_3 = "Winter";
 
  Menue2_1 = "//files.homepagemodules.de/b104774/bhnetfiles-jrax-1j-a684.png"
  Menue2_2 = "Festtage"
 
  ID5_1 = "0000"; 
  ID5_2 = "//img.homepagemodules.de/grin.gif";
  ID5_3 = "Ostern";
 
  ID6_1 = "0000"; 
  ID6_2 = "//img.homepagemodules.de/grin.gif";
  ID6_3 = "Pfingsten";
 
  ID7_1 = "0000"; 
  ID7_2 = "//img.homepagemodules.de/grin.gif";
  ID7_3 = "Weihnachten";
 
  ID8_1 = "0000"; 
  ID8_2 = "//img.homepagemodules.de/grin.gif";
  ID8_3 = "Neujahr";
 
  ID9_1 = "0000"; 
  ID9_2 = "//img.homepagemodules.de/grin.gif";
  ID9_3 = "Geburtstage";
 
 
$('.icon_menue_click_3').prepend(`
 
 <img class="xob_icon" src="`+Menue+`" title="Gro&#223;e Smiley-Auswahl, bitte anklicken!">
 
 <div class="smiley_move_3" style="display:none;">
    <div class="smiley_kat_3">
      <!-- Menue 1 -->
      <div class="smiley_kat_group_3"><img src="`+Menue1_1+`"> `+Menue1_2+` -&gt;
        <div class="smiley_kat_cont_3 M1"></div>
      </div>
      <!-- Menue 2 -->
      <div class="smiley_kat_group_3"><img src="`+Menue2_1+`"> `+Menue2_2+` -&gt;
        <div class="smiley_kat_cont_3 M2"></div>
      </div>
 
      <hr style="width:100%; margin:4px;">
      <div class="smiley_kat_close_3">Men&#252; schlie&#223;en</div>
 
    </div>
  </div>
 
`);
 
    // Menue 1
    if ($('#usermodal').length){
      $(' #xob_icon_'+ID1_1+', #xob_icon_'+ID2_1+', #xob_icon_'+ID3_1+', #xob_icon_'+ID4_1+' ').closest('.hassub').hide();
      $('.smiley_kat_cont_3.M1').prepend(`
      <div onclick="xobor.mbt.modal('#xob_sub_`+ID1_1+`','Icon einf&#252;gen'); xobor.mbt.iconbar.loadIcons('#xob_sub_`+ID1_1+`');"><img src="`+ID1_2+`"> `+ID1_3+`</div>
      <div onclick="xobor.mbt.modal('#xob_sub_`+ID2_1+`','Icon einf&#252;gen'); xobor.mbt.iconbar.loadIcons('#xob_sub_`+ID2_1+`');"><img src="`+ID2_2+`"> `+ID2_3+`</div>
      <div onclick="xobor.mbt.modal('#xob_sub_`+ID3_1+`','Icon einf&#252;gen'); xobor.mbt.iconbar.loadIcons('#xob_sub_`+ID3_1+`');"><img src="`+ID3_2+`"> `+ID3_3+`</div>
      <div onclick="xobor.mbt.modal('#xob_sub_`+ID4_1+`','Icon einf&#252;gen'); xobor.mbt.iconbar.loadIcons('#xob_sub_`+ID4_1+`');"><img src="`+ID4_2+`"> `+ID4_3+`</div>
      `);
    } else {
      $(' #xob_icon_'+ID1_1+', #xob_icon_'+ID2_1+', #xob_icon_'+ID3_1+', #xob_icon_'+ID4_1+' ').css({'width':'0','position':'absolute'}); 
      $('.smiley_kat_cont_3.M1').prepend(`
      <div onclick="showSub('`+ID1_1+`');"><img src="`+ID1_2+`"> `+ID1_3+`</div>
      <div onclick="showSub('`+ID2_1+`');"><img src="`+ID2_2+`"> `+ID2_3+`</div>
      <div onclick="showSub('`+ID3_1+`');"><img src="`+ID3_2+`"> `+ID3_3+`</div>
      <div onclick="showSub('`+ID4_1+`');"><img src="`+ID4_2+`"> `+ID4_3+`</div>
      `);
    };
 
    // Menue 2
    if ($('#usermodal').length){
      $(' #xob_icon_'+ID5_1+', #xob_icon_'+ID6_1+', #xob_icon_'+ID7_1+', #xob_icon_'+ID8_1+' ').closest('.hassub').hide();
      $('.smiley_kat_cont_3.M2').prepend(`
      <div onclick="xobor.mbt.modal('#xob_sub_`+ID5_1+`','Icon einf&#252;gen'); xobor.mbt.iconbar.loadIcons('#xob_sub_`+ID5_1+`');"><img src="`+ID5_2+`"> `+ID5_3+`</div>
      <div onclick="xobor.mbt.modal('#xob_sub_`+ID6_1+`','Icon einf&#252;gen'); xobor.mbt.iconbar.loadIcons('#xob_sub_`+ID6_1+`');"><img src="`+ID6_2+`"> `+ID6_3+`</div>
      <div onclick="xobor.mbt.modal('#xob_sub_`+ID7_1+`','Icon einf&#252;gen'); xobor.mbt.iconbar.loadIcons('#xob_sub_`+ID7_1+`');"><img src="`+ID7_2+`"> `+ID7_3+`</div>
      <div onclick="xobor.mbt.modal('#xob_sub_`+ID8_1+`','Icon einf&#252;gen'); xobor.mbt.iconbar.loadIcons('#xob_sub_`+ID8_1+`');"><img src="`+ID8_2+`"> `+ID8_3+`</div>
      <div onclick="xobor.mbt.modal('#xob_sub_`+ID9_1+`','Icon einf&#252;gen'); xobor.mbt.iconbar.loadIcons('#xob_sub_`+ID9_1+`');"><img src="`+ID9_2+`"> `+ID9_3+`</div>
      `);
    } else {
      $(' #xob_icon_'+ID5_1+', #xob_icon_'+ID6_1+', #xob_icon_'+ID7_1+', #xob_icon_'+ID8_1+', #xob_icon_'+ID9_1+' ').css({'width':'0','position':'absolute'}); 
      $('.smiley_kat_cont_3.M2').prepend(`
      <div onclick="showSub('`+ID5_1+`');"><img src="`+ID5_2+`"> `+ID5_3+`</div>
      <div onclick="showSub('`+ID6_1+`');"><img src="`+ID6_2+`"> `+ID6_3+`</div>
      <div onclick="showSub('`+ID7_1+`');"><img src="`+ID7_2+`"> `+ID7_3+`</div>
      <div onclick="showSub('`+ID8_1+`');"><img src="`+ID8_2+`"> `+ID8_3+`</div>
      <div onclick="showSub('`+ID9_1+`');"><img src="`+ID9_2+`"> `+ID9_3+`</div>
      `);
    };
 
 
  $('.icon_menue_click_3').on('click',function(){
    $('.smiley_move_3').show();
  });
 
  $('.smiley_kat_close_3, .smiley_kat_cont_3 div').on('click',function(){
    $('.smiley_move_3').hide(500);
  }); 
 
  $('.smiley_kat_group_3').hover(function(){
    $('.smiley_kat_cont_3',this).show();
    $('.smiley_kat_3').css('border-radius','0 6px 0 0');
  },function(){
    $('.smiley_kat_cont_3',this).hide(); 
    $('.smiley_kat_3').css('border-radius','6px 6px 0 0');
  });
 
});
</script>
 

Schließen

Spoiler mit einem Klick öffnen und schließen!

Bis dann und viel Erfolg beim Nachbauen!
Und besten Dank an Dich Gabriella, für Deine inspirierende Idee!

Wolfgang

Antworten

Moderations-Kommentar:

Beitrag komplett überarbeitet.
Neue Eingabezeilen.
Auswahlmenü platziert sich jetzt in allen Bereichen direkt unter der Iconbar!

#3 | Gemischte Kategorienauswahl mit Sub-Menü und normaler Kategorienauswahl! - Version 3 datum

19.03.2019 17:57 (zuletzt bearbeitet: 07.10.2023 17:53)

Wolfgang

Administrator

Informationen anzeigen

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

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

Gemischte Kategorienauswahl mit Sub-Menü und normaler Kategorienauswahl! - Version 3

Aktualisiert 16.09.2025

Zitat
Hallo Wolfgang,
ich wollte das grade in meinem Forum:https://www.gabistraumschloss.com/ versuchen.......

Lieber Gruss aus der Schweiz
Gabi

Hallo GabiEs hat sich gezeigt, dass Du Dir eine gemischte Kategorienauswahl vorstellst, also mit Sub-Menü und einer normalen Kategorienauswahl!
Die Idee ist zwar ziemlich speziell, aber genial!
Allerdings musst Du sie noch füllen, dass natürlich ganz schön viel Arbeit macht!

Folgende Funktionen sind mit dem folgenden Skript möglich:

Es ist jetzt möglich die gemischte Kategorienauswahl mit Sub-Menü zu vervielfachen!
Hierzu muss man sich auch die ID's heraussuchen!
Die Untermenüs öffnen sich per "Mouseover"!
In der Grundausstattung sind die Smiley-Gruppen mit Mouseover ausgestattet!
Möchte man die Smiley-Gruppen mit einem "Klick" öffnen und schließen, bitte "Xobor-Superklick" installieren!
Das Auswahl-Menü ist frei verschiebbar und mit unterschiedlichen Optionen ausgestattet!!
Es wird nur ein Iconeintrag für alle Templates benötigt!
Neu Es ist nur ein Eintrag für die ID notwendig! Alle wichtigen Daten, wie ID, Icon und Text können am Anfang nacheinander eingegeben werden!

Installation für alle Templates & Mobil

In dem folgenden Skript müssen auch hier die "ID's" der Smiley-Gruppen dem eigenen Forum angepasst werden!
Über die "Rechte Maustaste" und "Element untersuchen" können die "ID's" ausfindig gemacht werden!

Möchte man die Smiley-Gruppen mit einem "Klick" öffnen und schließen, bitte Xobor-Superklick installieren!

Das Smiley-Menü kann komplett in der Iconbar untergebracht werden!
"HTML-Baustein" unter "HTML" anlegen!
Namen vergeben, z.B. "Klickmenü 3" und unter "HTML:" das folgende Skript eintragen!
Speichern nicht vergessen!

Wichtig:

Die Smiley-Gruppen werden automatisch ausgeblendet!
Sobald die ID's gefunden und eingetragen sind, werden die Smiley-Gruppen ausgeblendet!
(Rechte Maustaste > Untersuchen > "xob_icon_..." oder "xob_sub_..." oder "showSub('...')" oder "hideSub('..')").
Ist Xobor-Superklick installiert, wird er in der linken Leiste der Iconbar ganz nach unten geschoben.
Alle Gruppen oberhalb vom "Xobor-Superklick" sind Klick-Gruppen, alle unterhalb sind "Mouseover-Gruppen"!

Beschreibung:

In Zeile 48 wird das Smiley für das Auswahl-Menü angepasst!
Für Zeile 50, 54, 58, 62 werden nur die Nummern der Gruppen-ID's eingetragen,
in Zeile 51, 55, 59, 63 die Smileys für die Kategorien!
in Zeile 52, 56, 60, 64 die Titel der Kategorien!
In Zeile 83 (v6) und Zeile 91 (v1-4) werden die Smiley-Gruppen automatisch ausgeblendet!
In Zeile 3 kann die Startposition des Auswahl-Menüs mit "margin-left" korrigiert werden!

Option: Soll das Menü minimiert oder maximiert werden, müssen die Zeilen 47-65 (ID), Zeile 83, 85-88 (fürs V6) und Zeile 91, 93-96 (fürs v1-4) angepasst werden!

Das komplette Skript:

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
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
 
<style>
.smiley_move_3 {
  margin-left:-180px !important; 
  z-index:999996; 
  position:absolute; 
}
.smiley_kat_3 {
  width:200px;
  background:#ffffff;
  font-size:12px; 
  color:#000000;
  border:1px solid #000000;
  border-radius: 6px 6px 0 0;
  z-index:999998; 
  cursor:default; 
}
.smiley_kat_3 img {
  margin-right: 5px !important;
}
.smiley_kat_cont_3 {
  width:200px;
  margin-left: -200px !important;
  padding: 5px 0 !important;
  background:#ffffff; 
  font-size:12px; 
  color:#000000; 
  border:1px solid #000000; 
  border-radius: 6px 0 0 0;
  position:absolute;
  top:0; 
  display:none; 
  z-index:999997; 
  cursor:default; 
}
.smiley_kat_cont_3 div, .smiley_kat_cont div {
  clear:both;
  padding:5px 5px 5px 10px !important; 
  display:flex;   
  align-items: center;
  cursor:pointer;
}
.smiley_kat_cont {
  clear:both;
}
.smiley_kat_close_3 {
  font-weight:bold; 
  padding:5px 7px 10px 15px !important; 
  letter-spacing: 1px;
  cursor:pointer;
}
.smiley_kat_group_3 {
  display:flex;   
  align-items: center;
  margin: 5px !important;
  clear:both;
  cursor:pointer;
}
.icon_menue_click_3 .xob_icon {
  max-height:20px;
}
 
form .xob_subiconlist {
  background:#ffffff; 
  min-width:160px; 
  z-index:999999;
}
</style>
 
 
<div class="xob_icon_cont icon_menue_click_3"></div>
 
<script>
window.addEventListener('load', function(){
 
  Menue = "//img.homepagemodules.de/grin.gif"    // Men&#252;-Icon
 
  Menue1_1 = "//files.homepagemodules.de/b104774/bhnetfiles-jrax-1j-a684.png"   
  Menue1_2 = "Jahreszeiten"
 
  ID1_1 = "10"; 
  ID1_2 = "//img.homepagemodules.de/grin.gif";
  ID1_3 = "Fr&#252;hling";
 
  ID2_1 = "70"; 
  ID2_2 = "//img.homepagemodules.de/grin.gif";
  ID2_3 = "Sommer";
 
  ID3_1 = "10"; 
  ID3_2 = "//img.homepagemodules.de/grin.gif";
  ID3_3 = "Herbst";
 
  ID4_1 = "70"; 
  ID4_2 = "//img.homepagemodules.de/grin.gif";
  ID4_3 = "Winter";
 
  Menue2_1 = "//files.homepagemodules.de/b104774/bhnetfiles-jrax-1j-a684.png"
  Menue2_2 = "Festtage"
 
  ID5_1 = "10"; 
  ID5_2 = "//img.homepagemodules.de/grin.gif";
  ID5_3 = "Ostern";
 
  ID6_1 = "10"; 
  ID6_2 = "//img.homepagemodules.de/grin.gif";
  ID6_3 = "Pfingsten";
 
  ID7_1 = "70"; 
  ID7_2 = "//img.homepagemodules.de/grin.gif";
  ID7_3 = "Weihnachten";
 
  ID8_1 = "70"; 
  ID8_2 = "//img.homepagemodules.de/grin.gif";
  ID8_3 = "Neujahr";
 
  ID9_1 = "10"; 
  ID9_2 = "//img.homepagemodules.de/grin.gif";
  ID9_3 = "Geburtstage";
 
  // Auswahl unter den Hauptkategorienn
  ID10_1 = "10"; 
  ID10_2 = "//img.homepagemodules.de/grin.gif";
  ID10_3 = "Kleine Smileys";
 
  ID11_1 = "70"; 
  ID11_2 = "//img.homepagemodules.de/grin.gif";
  ID11_3 = "Gro&#223;e Smileys";
 
  ID12_1 = "10"; 
  ID12_2 = "//img.homepagemodules.de/grin.gif";
  ID12_3 = "Schilder-Smileys";
 
 
 
$('.icon_menue_click_3').prepend(`
 
 <img class="xob_icon" src="`+Menue+`" title="Gro&#223;e Smiley-Auswahl, bitte anklicken!">
 
 <div class="smiley_move_3" style="display:none;">
    <div class="smiley_kat_3">
      <!-- Menue 1 -->
      <div class="smiley_kat_group_3"><img src="`+Menue1_1+`"> `+Menue1_2+` -&gt;
        <div class="smiley_kat_cont_3 M1"></div>
      </div>
      <!-- Menue 2 -->
      <div class="smiley_kat_group_3"><img src="`+Menue2_1+`"> `+Menue2_2+` -&gt;
        <div class="smiley_kat_cont_3 M2"></div>
      </div>
      <!-- Menue 3 -->
      <div class="smiley_kat_cont M3"></div>
 
      <hr style="width:100%; margin:4px;">
      <div class="smiley_kat_close_3">Men&#252; schlie&#223;en</div>
 
    </div>
  </div>
 
`);
 
    // Menue 1
    if ($('#usermodal').length){
      $(' #xob_icon_'+ID1_1+', #xob_icon_'+ID2_1+', #xob_icon_'+ID3_1+', #xob_icon_'+ID4_1+' ').closest('.hassub').hide();
      $('.smiley_kat_cont_3.M1').prepend(`
      <div onclick="xobor.mbt.modal('#xob_sub_`+ID1_1+`','Icon einf&#252;gen'); xobor.mbt.iconbar.loadIcons('#xob_sub_`+ID1_1+`');"><img src="`+ID1_2+`"> `+ID1_3+`</div>
      <div onclick="xobor.mbt.modal('#xob_sub_`+ID2_1+`','Icon einf&#252;gen'); xobor.mbt.iconbar.loadIcons('#xob_sub_`+ID2_1+`');"><img src="`+ID2_2+`"> `+ID2_3+`</div>
      <div onclick="xobor.mbt.modal('#xob_sub_`+ID3_1+`','Icon einf&#252;gen'); xobor.mbt.iconbar.loadIcons('#xob_sub_`+ID3_1+`');"><img src="`+ID3_2+`"> `+ID3_3+`</div>
      <div onclick="xobor.mbt.modal('#xob_sub_`+ID4_1+`','Icon einf&#252;gen'); xobor.mbt.iconbar.loadIcons('#xob_sub_`+ID4_1+`');"><img src="`+ID4_2+`"> `+ID4_3+`</div>
      `);
    } else {
      $(' #xob_icon_'+ID1_1+', #xob_icon_'+ID2_1+', #xob_icon_'+ID3_1+', #xob_icon_'+ID4_1+' ').css({'width':'0','position':'absolute'}); 
      $('.smiley_kat_cont_3.M1').prepend(`
      <div onclick="showSub('`+ID1_1+`');"><img src="`+ID1_2+`"> `+ID1_3+`</div>
      <div onclick="showSub('`+ID2_1+`');"><img src="`+ID2_2+`"> `+ID2_3+`</div>
      <div onclick="showSub('`+ID3_1+`');"><img src="`+ID3_2+`"> `+ID3_3+`</div>
      <div onclick="showSub('`+ID4_1+`');"><img src="`+ID4_2+`"> `+ID4_3+`</div>
      `);
    };
 
    // Menue 2
    if ($('#usermodal').length){
      $(' #xob_icon_'+ID5_1+', #xob_icon_'+ID6_1+', #xob_icon_'+ID7_1+', #xob_icon_'+ID8_1+' ').closest('.hassub').hide();
      $('.smiley_kat_cont_3.M2').prepend(`
      <div onclick="xobor.mbt.modal('#xob_sub_`+ID5_1+`','Icon einf&#252;gen'); xobor.mbt.iconbar.loadIcons('#xob_sub_`+ID5_1+`');"><img src="`+ID5_2+`"> `+ID5_3+`</div>
      <div onclick="xobor.mbt.modal('#xob_sub_`+ID6_1+`','Icon einf&#252;gen'); xobor.mbt.iconbar.loadIcons('#xob_sub_`+ID6_1+`');"><img src="`+ID6_2+`"> `+ID6_3+`</div>
      <div onclick="xobor.mbt.modal('#xob_sub_`+ID7_1+`','Icon einf&#252;gen'); xobor.mbt.iconbar.loadIcons('#xob_sub_`+ID7_1+`');"><img src="`+ID7_2+`"> `+ID7_3+`</div>
      <div onclick="xobor.mbt.modal('#xob_sub_`+ID8_1+`','Icon einf&#252;gen'); xobor.mbt.iconbar.loadIcons('#xob_sub_`+ID8_1+`');"><img src="`+ID8_2+`"> `+ID8_3+`</div>
      <div onclick="xobor.mbt.modal('#xob_sub_`+ID9_1+`','Icon einf&#252;gen'); xobor.mbt.iconbar.loadIcons('#xob_sub_`+ID9_1+`');"><img src="`+ID9_2+`"> `+ID9_3+`</div>
      `);
    } else {
      $(' #xob_icon_'+ID5_1+', #xob_icon_'+ID6_1+', #xob_icon_'+ID7_1+', #xob_icon_'+ID8_1+', #xob_icon_'+ID9_1+' ').css({'width':'0','position':'absolute'}); 
      $('.smiley_kat_cont_3.M2').prepend(`
      <div onclick="showSub('`+ID5_1+`');"><img src="`+ID5_2+`"> `+ID5_3+`</div>
      <div onclick="showSub('`+ID6_1+`');"><img src="`+ID6_2+`"> `+ID6_3+`</div>
      <div onclick="showSub('`+ID7_1+`');"><img src="`+ID7_2+`"> `+ID7_3+`</div>
      <div onclick="showSub('`+ID8_1+`');"><img src="`+ID8_2+`"> `+ID8_3+`</div>
      <div onclick="showSub('`+ID9_1+`');"><img src="`+ID9_2+`"> `+ID9_3+`</div>
      `);
    };
 
    // Menue 3
    if ($('#usermodal').length){
      $(' #xob_icon_'+ID9_1+', #xob_icon_'+ID10_1+', #xob_icon_'+ID11_1+', #xob_icon_'+ID12_1+' ').closest('.hassub').hide();
      $('.smiley_kat_cont.M3').prepend(`
      <div onclick="xobor.mbt.modal('#xob_sub_`+ID10_1+`','Icon einf&#252;gen'); xobor.mbt.iconbar.loadIcons('#xob_sub_`+ID10_1+`');"><img src="`+ID10_2+`"> `+ID10_3+`</div>
      <div onclick="xobor.mbt.modal('#xob_sub_`+ID11_1+`','Icon einf&#252;gen'); xobor.mbt.iconbar.loadIcons('#xob_sub_`+ID11_1+`');"><img src="`+ID11_2+`"> `+ID11_3+`</div>
      <div onclick="xobor.mbt.modal('#xob_sub_`+ID12_1+`','Icon einf&#252;gen'); xobor.mbt.iconbar.loadIcons('#xob_sub_`+ID12_1+`');"><img src="`+ID12_2+`"> `+ID12_3+`</div>
      `);
    } else {
      $(' #xob_icon_'+ID10_1+', #xob_icon_'+ID11_1+', #xob_icon_'+ID12_1+' ').css({'width':'0','position':'absolute'}); 
      $('.smiley_kat_cont.M3').prepend(`
      <div onclick="showSub('`+ID10_1+`');"><img src="`+ID10_2+`"> `+ID10_3+`</div>
      <div onclick="showSub('`+ID11_1+`');"><img src="`+ID11_2+`"> `+ID11_3+`</div>
      <div onclick="showSub('`+ID12_1+`');"><img src="`+ID12_2+`"> `+ID12_3+`</div>
      `);
    };
 
 
  $('.icon_menue_click_3').on('click',function(){
    $('.smiley_move_3').show();
  });
 
  $('.smiley_kat_close_3, .smiley_kat_cont div, .smiley_kat_cont_3 div').on('click',function(){
    $('.smiley_move_3').hide(500);
  }); 
 
  $('.smiley_kat_group_3').hover(function(){
    $('.smiley_kat_cont_3',this).show();
    $('.smiley_kat_3').css('border-radius','0 6px 0 0');
  },function(){
    $('.smiley_kat_cont_3',this).hide(); 
    $('.smiley_kat_3').css('border-radius','6px 6px 0 0');
  });
 
});
</script>
 

Schließen

Spoiler mit einem Klick öffnen und schließen!

Wichtig:

In der Grundausstattung sind die Smiley-Gruppen in den Templates (v1-4) mit Mouseover ausgestattet!
Möchte man die Smiley-Gruppen mit einem "Klick" öffnen und schließen, bitte Xobor-Superklick installieren!
Im neuen Xobor Template (v6) werden die Smiley-Gruppen bereits von Haus aus mit einem Klick geöffnet!

Bis dann und nochmal besten Dank für Dein Feedback!

Wolfgang

Antworten

Moderations-Kommentar:

Beitrag komplett überarbeitet.
Neue Eingabezeile.
Auswahlmenü platziert sich jetzt in allen Bereichen direkt unter der Iconbar!

#4 | Fehlersuche: Kategorienauswahl für das Smiley-Menü datum

23.09.2021 13:52 (zuletzt bearbeitet: 23.09.2021 13:57)

Habe jetzt das Problem, dass der Xobor Superklick nicht funktioniert und ich das jeweilige Fenster nicht mehr schließen kann. Die einzelnen Menüs werden angezeigt, kann sie dann öffnen, aber kein Schließ- oder Schiebesymbol ist da. Hab allerdings nicht alles in die Unterkategorien gepackt und diese Menüs funktionieren auch weiterhin mit Superklick.

Antworten

#5 | Update: Super Kategorienauswahl für das Smiley-Menü datum

16.10.2021 10:18 (zuletzt bearbeitet: 16.10.2021 10:23)

Update: Super Kategorienauswahl für das Smiley-Menü! / Version 1-3

Hallo Nara,
bin jetzt fertig!
Habe komplett alles angepasst und aktualisiert!
Funktioniert auch im neuen Xobor V6 !

Super Kategorienauswahl mit den Versionen 1-3 wurden aktualisiert!

Was hat sich im Laufe der 2 Jahre alles geändert und was kann die super Kategorienauswahl?

Die Kategorienauswahl ist frei verschiebbar, mit einem Klick zu öffnen und zu schließen!
Fürs Verschieben der Auswahl-Fenster ist eine Randbegrenzung eingebaut!
Läuft reibungslos auch im "Standard" und im neuen Browser "Vivaldi"!
Funktioniert jetzt auch im Business-Gästebuch (Nur das gegenseitige Auslösen funktioniert nicht)
Alle Menüs lassen sich vervielfachen, ohne Begrenzung der Sub-Menüs oder Gruppen!
Läuft auch im neuen Xobor (v6)!

Wichtig:

Die Kategorienauswahl arbeitet jetzt fehlerfrei mit "Xobor-Superklick in der Iconbar!" zusammen!

Die Superkategorienauswahl:

Version 1: Einfache und flinke Kategorienauswahl für das Smiley-Menü
Version 2: Kategorienauswahl mit Sub Menü!
Version 3: Gemischte Kategorienauswahl mit Submenü und normaler Kategorienauswahl!

Bis dann und gutes Gelingen beim Nachbau!
Wolfgang

Nara findet das Top!

Antworten

#6 | RE: Update: Super Kategorienauswahl für das Smiley-Menü datum

01.10.2023 18:42

Hallo zusammen!

Ich bin grad über das Thema hier gestolpert und bin seit einer gefühlten Ewigkeit am rumprobieren. :D
Mein Problem:

Wir haben das Gaia-Template und da haben wir das Problem, dass durch die Positionierung 'absolute' das erste Fenster mit den Kategorien immer an einer festen Stelle durch das margin sitzt.
Wenn man ein Gästebucheintrag machen möchte, welches im Gaia recht weit unten sitzt, sieht man diese Kategorie nicht mehr, da sie sehr weit oben im Fenster ist. In einem Antwortbereich sitzt sie wieder woanders.

Ich hatte dann versucht mit der Positionierung genau das zu umgehen und habe 'relative' stattdessen genommen, was zu dem Problem geführt hat, dass das Antowrtenfeld nach unten rutscht.#

Gibt es die Möglichkeit, das Fenster wie alle anderen Gruppierungsfenster unter die Iconbar zu setzen, ohne, dass es irgendwas verschiebt?

Liebe Grüße :)

Wolfgang findet das Top!

Antworten

#7 | Update: Super Kategorienauswahl für das Smiley-Menü datum

03.10.2023 20:15 (zuletzt bearbeitet: 03.10.2023 20:16)

Update: Super Kategorienauswahl für das Smiley-Menü

Hallo Bienchen.

Der Beitrag hat auch schon zwei Jahre hinter sich...
Habe eine Lösung gefunden und gleich den Beitrag umgeschrieben!
Jetzt kann man alle ID's, Icon und Titelbeschreibung gleich am Anfang eintragen und die ID's für ein Menü nur einmal!
Man braucht jetzt nicht mehr direkt im Skript etwas ändern!
Das Smiley-Fenster sollte jetzt auch immer unterhalb der Iconbar sich öffnen!

Alles in Beitrag #3 geändert!

PS:

Werde Beitrag #1 und #2 auch in die Hand nehmen!

Bis dann und gutes Gelingen
Wolfgang

Antworten

#8 | Fehlersuche: Super Kategorienauswahl für das Smiley-Menü datum

06.10.2023 09:40 (zuletzt bearbeitet: 06.10.2023 19:41)

Guten Morgen Wolfgang!

Danke, für die tolle Arbeit, ich bin immer wieder begeistert. ♥
Ich habe nun 4 Gruppen eingetragen, jedoch wird nur die erste ausgeblendet bei uns im Forum .. alle anderen sind noch sichtbar.. Woran liegt das?

Wolfgang findet das Top!

Antworten

#9 | Fehlersuche: Super Kategorienauswahl für das Smiley-Menü datum

06.10.2023 19:36 (zuletzt bearbeitet: 07.10.2023 09:36)

Wolfgang

Administrator

Informationen anzeigen

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

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

Fehlersuche: Super Kategorienauswahl für das Smiley-Menü

Hallo Bienchen.

Danke fürs Einbauen und Testen!

Fehler gefunden!

In Zeile 91 war noch ein Fehler.
Die Zeile ist fürs Ausblenden der vorhandenen Smiley-Menüs zuständig!
Der erste Code war noch richtig, der zweite, dritte und vierte, war fürs V6 gedacht!

Zeile 91 mit der folgenden Zeile austauschen!

1
 
$(' #xob_icon_'+ID1_1+', #xob_icon_'+ID2_1+', #xob_icon_'+ID3_1+', #xob_icon_'+ID4_1+' ').css({'width':'0','position':'absolute'});

Nachtrag (07.10.23):

Im V6 & Mobil war der gleiche Fehler!
Zeile 83 muss mit der folgenden Zeile ausgetauscht werden!
Nochmals minimiert!

1
 
$(' #xob_icon_'+ID1_1+', #xob_icon_'+ID2_1+', #xob_icon_'+ID3_1+', #xob_icon_'+ID4_1+' ').closest('.hassub').hide();

PS:

Habe es bereits in Beitrag #1 geändert!

Wolfgang

bienchen und Gabriella finden das Top!

Antworten

Moderations-Kommentar:

Nachtrag!

#10 | RE: Super Kategorienauswahl für das Smiley-Menü datum

06.10.2023 19:50 (zuletzt bearbeitet: 06.10.2023 19:57)

Wow! Dankeschön Wolfgang!
Ich bin immer wieder begeistert, wie schnell ihr die angefragten Sachen umsetzt und vor allem was für tolle Sachen ihr hier habt!

Danke für eure Mühe!

Wolfgang findet das Top!

Antworten

Externe Links mit Symbol - Links deutlicher darstellen! � � "Wer ist Online?" erweitern Teil (1-3) - Online-Zeitzähler!

�hnliche Themen

Antworten

Letzter Beitrag

Für die Iconbar: Smileys mit einstellbarer Größe!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

02.02.2020 15:37
von

Wolfgang • Zugriffe: 1347

Smileys direkt anzeigen
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Haviforumstreffpunkt 7 08.10.2019 00:06
Haviforumstreffpunkt • Zugriffe: 1097
Xobor-Superklick in der Iconbar: Version 1-5
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 7 25.09.2021 15:59
Wolfgang • Zugriffe: 3557
Samsung Magician - Neue Version! - Tuning für SSD's
Erstellt im Forum �rger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe? von Wolfgang 0 16.01.2017 17:12
Wolfgang • Zugriffe: 1300

Smileys für Themen-Markierungen einfügen und bearbeiten! - Teil 1+2
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

21.04.2025 18:20
von

Kipper-Spedition • Zugriffe: 2760

Große Farbauswahl / Super Color-Picker / Auch minimiert! - Teil 1-6
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 23 28.08.2022 12:59
Wolfgang • Zugriffe: 14772
Emsisoft Anti-Malware mit Dual-Scanner - Super Programm!
Erstellt im Forum Empfehlenswerte und interessante Links! von Wolfgang 0 18.04.2014 21:20
Wolfgang • Zugriffe: 4428
Jetzt! - Windows 7 SP1 in allen Versionen als Download!
Erstellt im Forum Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps. von Wolfgang 0 27.02.2012 22:13
Wolfgang • Zugriffe: 1621
Formatierbare Tooltipps oder Quickinfos - Version 1-5
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 7 13.05.2024 10:50
Wolfgang • Zugriffe: 11001

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

Das neue Template Xobor (v6). � Super Kategorienauswahl für das Smiley-Menü - Version 1-3

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%