Forum - Was mache ich hier falsch - Dropdownmenü in der Iconbar?

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 � Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! � Was mache ich hier falsch - Dropdownmenü in der Iconbar?

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. Die besten Links! Empfehlenswerte und interessante Links! Link - Suche. Verschiedenes Elektronik & Elektrotechnik - Fragen & Antworten 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 | Was mache ich hier falsch - Dropdownmenü in der Iconbar? datum

10.05.2024 14:18 (zuletzt bearbeitet: 10.05.2024 23:29)

Daishi

Informationen anzeigen

Beitr�ge:	389
Registriert seit:	08.01.2022

Homepage:	Nicht angegeben
Letzte Spende	Betrag 15 � Forum Spende
Sternzeichen	Steinbock
Likes	324

Hallo, Wolfgang, habe ganz schön getüftelt, bis ich da den Hintergrund hereinbekommen habe, und die Scripts funktionieren.

Die anderen muss ich noch erstellen, die gehen noch nicht und manche anpassen und umschreiben.

Die Codes sind noch nicht fertiggestellt.

Bild, wie es jetzt ausschaut:

Hier der Code dazu, wie ich es beim Menü gemacht habe:

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
 
<style>
select#menue1 {padding-left:5px;border-radius:4px;  background: linear-gradient(0deg, #aaaaaa 0%, #fff 50%, #aaaaaa 100%) !important;;border:1px solid #383838;cursor:pointer;}
#menue1 optgroup {background:#aaaaaa;cursor:default;}
#menue1 option {padding-left:10px;background:#aaaaaa;}
</style>
 
<select id="menue1" name="menue1" onChange="top.location = this.form.menue1.options[this.form.menue1.selectedIndex].value; this.form.menue1.options[0].selected = true;">
 
<option value="#" selected hidden>Menü</option>
<optgroup label="Admin">
<option value="javascript:insert('[Daishi - Admin]','')"title='Admin sein Stempel! bitte anklicken!'> Daishi - Admin</option>  
<optgroup label="Hilfstexte">
<option value="javascript:insert('[br][1tys-fk[1]][br][br][h2][u]Hallo xxxxxx','[/u][/h2][br]Herzlichen Glückwunsch zum Geburtstag,[br] alles Gute und viel Spaß im Forum![br][br][br][1tys-fj[1]][br][br][Daishi - Admin][br]Admin[br]')"title='Begrüßung! bitte anklicken!'> Begrüßung</option>   
<option value="javascript:insert('[br][1tys-fk[1]][br][br][h2][u]Hallo xxxxxx','[/u][/h2][br]Herzlichen Glückwunsch zum Geburtstag,[br] alles Gute und viel Spaß im Forum![br][br][br][1tys-fj[1]][br][br][Daishi - Admin][br]Admin[br]')"title='Geburtstag! bitte anklicken!'> Geburtstag</option>   
<optgroup label="Aktualisiert">
<option value="javascript:insert('[style=color:#ee8000;font-size:12px;font-weight:bold;]Aktualisiert 01.01.19[/style]','[img=110px]https://files.homepagemodules.de/b916726/a_16_0b880956.png[/img]')"title='Stempel mit automatischer Datumsangabe! bitte anklicken!'> Aktualisiert</option>  
<optgroup label="Stempel"><option value="javascript:insert('[Stempel]','')"title='Aktualisiert! bitte anklicken!'> Abgestempelt</option>
</optgroup>  
<optgroup label="Überschrift"> 
<option value="javascript:insert('[ueberschrift style]','[/ueberschrift style]')"title='Hier kann man Überschrift besonders und auffallend darstellen! bitte anklicken!'> Überschrift style</option> 
<option value="javascript:insert('[h1][style=color:#000070]','[/style][/h1][hr2]')"title='Überschrift sehr groß kann man einfügen bitte anklicken! mann kann auch den Text makieren und dann anklicken!'>h1 - sehr groß</option>
<option value="javascript:insert('[h2][style=color:#000070]','[/style][/h2][hr2]')"title='Überschrift groß kann man einfügen bitte anklicken! mann kann auch den Text makieren und dann anklicken!'>h2 - groß</option> 
<option value="javascript:insert('[h3][style=color:#000070]','[/style][/h3][hr2]')"title='Überschrift klein kann man einfügen bitte anklicken! mann kann auch den Text makieren und dann anklicken!'>h3 - klein</option> 
</optgroup>
<optgroup label="User einfügen Hover"> 
<option value="javascript:insert('[Wolfgang]','')"title='Hier kann man User einfügen! bitte anklicken!'> User Wolfgang</option>
<option value="javascript:insert('[Daishi Hover]','')"title='Hier kann man User einfügen! bitte anklicken!'> User Daishi</option>
</optgroup>
<optgroup label="Video Tabelle">
<option value="javascript:insert('[table|table][tr][td][Video]https://www.youtube.com/watch?v=MO4bmUs3kyg[/Video][/td][td][Video]https://www.youtube.com/watch?v=MO4bmUs3kyg[/Video][/td][td][Video]https://www.youtube.com/watch?v=MO4bmUs3kyg[/Video][/td][/tr][tr][td][Video]https://www.youtube.com/watch?v=MO4bmUs3kyg[/Video][/td][td][Video]https://www.youtube.com/watch?v=MO4bmUs3kyg[/Video][/td][td][Video]https://www.youtube.com/watch?v=MO4bmUs3kyg[/Video][/td][/tr][/table]','')"title='Video Tabelle! bitte anklicken!'> Video Tabelle</option>
</optgroup>
<optgroup label="HPM-Spoiler"> 
<option value="javascript:insert('[spoiler2=Thema]','[/spoiler2]')"title='Spoiler-Box Normal mit Namen und Schließen-Button!'>HPM-Spoiler</option>
<option value="javascript:insert('[spoiler4=https://files.homepagemodules.de/b104774/a_446_6cd74fb0.png = Text Spoiler-Titelleiste]Der Text zur inneren Grafik','[/spoiler4]')"title='Spoiler-Box mit Namen und HTML - Code und Schließen-Button!'>Spoiler HTML</option>
<option value="javascript:insert('[spoiler4=https://files.homepagemodules.de/b104774/a_447_9d981934.png = Text Spoiler-Titelleiste]Der Text zur inneren Grafik','[/spoiler4]')"title='Spoiler-Box mit Namen und Css - Code und Schließen-Button!'>Spoiler CSS</option>
<option value="javascript:insert('[spoiler4=https://files.homepagemodules.de/b104774/a_450_c6fe4e46.jpg = Text Spoiler-Titelleiste]Der Text zur inneren Grafik','[/spoiler4]')"title='Spoiler-Box mit Namen und Java - Code und Schließen-Button!'>Spoiler Java - Code</option>  
<option value="javascript:insert('[spoiler4=https://files.homepagemodules.de/b906480/a_11_0ca2e17c.png = Text Spoiler-Titelleiste]Der Text zur inneren Grafik','[/spoiler4]')"title='Spoiler-Box mit Namen und BB - Code und Schließen-Button!'>Spoiler BB - Code</option>  
<option value="javascript:insert('[spoiler4=https://files.homepagemodules.de/b104774/a_344_95d62af2.png = Text Spoiler-Titelleiste]Der Text zur inneren Grafik','[/spoiler4]')"title='Spoiler-Box mit Namen und E-mail und Schließen-Button!'>Spoiler E-mail</option> 
</optgroup>  
<optgroup label="Bild einfügen">
<option value="javascript:insert('[img=300px]','[/img]')"title='Bild einfügen mit Bildgröße größe kann verändert werden [.img=300px] ...  [./img]!'>Bild mit größe</option> 
<option value="javascript:insert('[img_mod=300px]','[/img]')"title='Bild einfügen mit mit Modal bitte anklicken!!'>Modal-einfügen</option>
</optgroup>  
<optgroup label="Tool-tipp-text">
<option value="javascript:insert('[tooltipp_text] � Tooltipp-Text � [/tooltipp_text]','[/tooltipp_ende]')"title='Tooltipp-Text einfügen  bitte anklicken!!'>Tooltipp-Text-einfügen</option>  
</optgroup>  
<optgroup label="Zum Geburtstag">
<option value="javascript:insert(`[Geburtstag=HAPPY=BIRTHDAY=WERTER USER=https://files.homepagemodules.de/b104774/a_471_0b886575.png=Alles Gute zum Geburtstag]`,``)"title='Geburtstag mit Feuerwerk einfügen  bitte anklicken!'>Geburtstag mit Feuerwerk</option>  
</optgroup>
<optgroup label="Tooltipps & hilfe &&&">  
<option value="javascript:insert('[.Info]','[/.Info]')"title='Hier kann man Informationen besonders und auffallend darstellen! bitte anklicken!'> Info-Tooltipps</option> 
<option value="javascript:insert('[Hilfe]','[/Hilfe]')"title='Hier können Fragen besonders und auffallend darstellt werden! bitte anklicken!'> Hilfe-Tooltipps</option>
<option value="javascript:insert('[Fehler]','[/Fehler]')"title='Hier kann man die Fehlermeldungen auffällig hervorheben! bitte anklicken!'> Fehler-Tooltipps</option>  
<option value="javascript:insert('[Warnung]','[/Warnung]')"title='Hier kann mit der Warnungen besonders hervorheben kann! bitte anklicken!'> Warn-Tooltipps</option>  
<option value="javascript:insert('[Verwarnung]','[/Verwarnung]')"title='Hier kann mit der Verwarnung besonders hervorheben kann! bitte anklicken!'> Verwarnung-Tooltipps</option>  
<option value="javascript:insert('[Achtung]','[/Achtung]')"title='Hier kann mit der Achtung besonders hervorheben kann! bitte anklicken!'> Achtung-Tooltipps</option>  
<option value="javascript:insert('[Geheim]','[/Geheim]')"title='Mit dem folgenden Foren-Code wird eine Nachricht abgeschattet, nicht gleich sichtbar dargestellt! Wird die abgeschattete Nachricht markiert, ist sie lesbar! Gut einsetzbar bei Rätselaufgaben, bei Frage- und Antwortspielen.!'> Geheim-Tooltipps</option>  
</optgroup>
<optgroup label="Textumrandungen">
<option value="javascript:insert('[Textumrandung-silber]','[/Textumrandung-silber]')"title='Hier kann man den Text umranden! einfach den text makieren und hier bitte anklicken!'> Textumrandung silber</option> 
</optgroup>  
<optgroup label="Nur für Mitglieder">
<option value="javascript:insert('[User]','[/end]')"title='Hier kann man den Text für Gäste verstecken! einfach den text makieren und hier bitte anklicken!'> Text Gäste verstecken</option> 
<option value="javascript:insert('[center][Fehler, Beitrag][Info]Bitte melden Sie sich an! Dieser Beitrag ist nur für Mitglieder![/end][/Fehler, Beitrag][/center][/end] ','')"title='Hier sehen die Gäste eine Information mit Bild. Bitte melden Sie sich an! Dieser Beitrag ist nur für Mitglieder! einfach hier bitte anklicken!'> Text Information mit Bild</option> 
</optgroup>  
<optgroup label="Vergrößerung eines Bildes">
<option value="javascript:insert('[tooltipp_text][img=300px]https://files.homepagemodules.de/b104774/f46t1197p2706n121_bdLBIYKE.jpg[/img][/tooltipp_text][img=100px]https://files.homepagemodules.de/b104774/f46t1197p2706n121_bdLBIYKE.jpg[/img]','[/tooltipp_ende]')"title='Hier kann man zur Vergrößerung eines Bildes hier bitte anklicken!'> Vergrößerung eines Bildes</option> 
</optgroup>
<optgroup label="Hintergrund"> 
<option value="javascript:insert('[bg10]','[/end]')">Blau</option> <option value="javascript:insert('[bg11]','[/end]')">Rot</option> 
<option value="javascript:insert('[bg13]','[/end]')">Grün</option> 
<option value="javascript:insert('[bg15]','[/end]')">Weiß</option> 
<option value="javascript:insert('[background-color=#eeeeee]','[/background]')">Farbe variabel</option> 
<option value="javascript:insert('[background-image=http://bild.server.de]','[/background]')">Bild variabel</option> 
</optgroup>  
<optgroup label="Diashow"> 
<option value="javascript:insert('[diashow]\n\n[url=http://www.server.de][img=200px]http://www.server.de/kleines_bild1.jpg[/img][/url] [url=http://www.server.de][img=200px]http://www.server.de/kleines_bild2.jpg[/img][/url]','\n[/diashow]')">Diashow</option> 
</optgroup>   
<optgroup label="Schatten"> 
<option value="javascript:insert('[schatten=200px;12px]','[/schatten]')">Schlagschatten</option> 
</optgroup>  
<optgroup label="Einlaufender Text"> 
<option value="javascript:insert('[move2]','[/move]')">Von rechts</option> 
</optgroup>  
<optgroup label="Bild-Textfluss"> 
<option value="javascript:insert('[style=float:left;padding-right:10px;][img]','[/img][/style] TEXT TEXT')">Float Left</option> 
<option value="javascript:insert('[style=float:right;padding-left:8px;padding-right:10px][img]','[/img][/style][right]TEXT TEXT[/right]')">Float Right</option> 
</optgroup>  
<optgroup label="Scroll-Balken"> 
<option value="javascript:insert('[scroll2=250px;100%]','[/scroll2]')">Horizontal scrollen</option> 
</optgroup>  
 
  
</select>
 

Schließen

Den Code habe ich jetzt für die Schriftart gemacht, der geht aber nicht, was mache ich hier Falsch? Möchte den Hintergrund auch in Schriftgröße einfügen.

Bekam es zwar hin, dann war Hintergrund Farbe drin, aber die Codes gingen nicht, bin hier völlig am verzweifeln.
gebe ich hier etwas falsces ein?

Code für Schriftart:

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
 
<style>
select#menue1 {padding-left:5px;border-radius:4px;  background: linear-gradient(0deg, #aaaaaa 0%, #fff 50%, #aaaaaa 100%) !important;;border:1px solid #383838;cursor:pointer;}
#menue1 optgroup {background:#aaaaaa;cursor:default;}
#menue1 option {padding-left:10px;background:#aaaaaa;}
</style>
 
<select id="fontfamily" name="fontfamily" onChange="top.location = this.form.fontfamily.options[this.form.fontfamily.selectedIndex].value; this.form.fontfamily.options[0].selected = true;">
 
<option value="#" selected hidden>fontfamily</option>
 
<option selected>Schriftart</option>  <optgroup label="&nbsp;"></optgroup>   
<option value="javascript:insert('[style=font-family:verdana]','[/style]')">Standard</option>  
<option value="javascript:insert('[style=font-family:monospace;font-size:16px]','[/style]')">Monospace</option>  
<option value="javascript:insert('[style=font-family:blackadder itc;font-size:16px]','[/style]')">Blackadder ITC</option>  
<option value="javascript:insert('[style=font-family:bradley hand itc;font-size:17px]','[/style]')">Bradley Hand</option>  
<option value="javascript:insert('[style=font-family:harrington;font-size:16px]','[/style]')">Harrington</option>  
<option value="javascript:insert('[style=font-family:juice itc;font-size:16px]','[/style]')">Juice Itc</option>  
<option value="javascript:insert('[style=font-family:lucida handwriting]','[/style]')">Lucida Handwriting</option>  
<option value="javascript:insert('[style=font-family:monotype corsiva;font-size:17px]','[/style]')">Monotype Corsiva</option>  
<option value="javascript:insert('[style=font-family:old english text mt;font-size:16px]','[/style]')">Old English Text</option> 
<option value="javascript:insert('[style=font-family:pristina;font-size:16px]','[/style]')">Pristina</option>   
<option>------------</option>   
<option value="javascript:insert('[style=font-family:???????;font-size:16px]','[/style]')">Variabel</option> 
 
</select>
 

Schließen

Jetzt wollte ich hier nur Fragen, was ich falsch mache, habe jetzt schon 6 Kannen Kaffee getrunken, und 7 Schachteln Zigaretten geraucht.

Meine Freundin meinte, ich soll es mal mit Wiskey versuchen, wenn es in den nächsten 2 Stunden nicht klappt.

Ich bedanke mich recht herzlich für eine Antwort, was ich hier falsch oder wo ich eine falsche Eingabe gemacht habe.

Mit herzlichen Grüßen

Daishi

Daishi

Antworten

#2 | RE: Was mache ich hier falsch? datum

10.05.2024 18:14 (zuletzt bearbeitet: 10.05.2024 23:30)

Daishi

Informationen anzeigen

Beitr�ge:	389
Registriert seit:	08.01.2022

Homepage:	Nicht angegeben
Letzte Spende	Betrag 15 � Forum Spende
Sternzeichen	Steinbock
Likes	324

Hallo, Wolfgang hat sich erledigt, habe den Fehler gefunden.

1
 
&nbsp;<select id="fontsizes" name="fontsizes" onChange="javascript:top.location = this.form.fontsizes.options[this.form.fontsizes.selectedIndex].value; this.form.fontsizes.options[0].selected = true;">

Das war der alte Code, den hat er nicht angenommen, musste es umschreiben.

1
2
3
4
5
6
7
8
9
 
<style>
select#Schriftgröße {padding-left:5px;border-radius:4px;  background: linear-gradient(0deg, #aaaaaa 0%, #fff 50%, #aaaaaa 100%) !important;;border:1px solid #383838;cursor:pointer;}
#Schriftgröße optgroup {background:#aaaaaa;cursor:default;}
#Schriftgröße option {padding-left:10px;background:#aaaaaa;}
</style>
 
<select id="menue1" name="fontsizes" onChange="top.location = this.form.fontsizes.options[this.form.fontsizes.selectedIndex].value; this.form.fontsizes.options[0].selected = true;">
 
<option value="#" selected hidden>fontsizes</option>
 

Bei dem neuen Code musste ich anstatt ( "fontsizes" ) ( "menue1" ) angeben, deswegen ging das alles nicht, jetzt funktioniert es.

Verstehe nur nicht, warum der Original-Code als Script nicht funktionierte, Farbe drinnen und die Skripte funktionierten nicht.

Jetzt funktioniert alles bestens.

Verstehe nicht, warum man immer so Probleme hat, wenn man etwas ändert und dann noch einiges ändern muss.

Auf jeden Fall haben die 2 Gläser Whiskey gereicht, um den Fehler zu finden.

Ich bedanke mich sehr herzlich für die Bemühungen und um die Fehlersuche und die Hilfen.

Mit herzlichen Grüßen

Daishi

Daishi

Wolfgang findet das Top!

Antworten

Profil: Last Online & Registrierungs-Datum anzeigen lassen � � Habe mal eine Frage? Was habe ich hier falsch gemacht? Mobile Navigation fürs Forum!

�hnliche Themen

Antworten

Letzter Beitrag

Was mache ich hier falsch? - Präsentation von News & Tipps!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Daishi

22.06.2024 09:13
von

Daishi • Zugriffe: 730

Habe mal eine Frage? Was habe ich hier falsch gemacht? Mobile Navigation fürs Forum!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Daishi

19.05.2024 21:35
von

Daishi • Zugriffe: 254

Für die Iconbar: Wählbares + aktuelles Datum in Beiträgen einfügen!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

06.09.2024 21:08
von

Wolfgang • Zugriffe: 466

Iconbar stylisch und moderner machen
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Daishi 12 29.05.2024 08:59
Daishi • Zugriffe: 574

Versuche den HTML - Code zu teilen - Spoiler für die Iconbar
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Daishi

15.02.2025 22:36
von

Anne • Zugriffe: 1227

Multi-Dialog-Assistent für die Iconbar
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang 20 16.11.2024 08:53
Anne • Zugriffe: 10428
Iconbar & Navileiste fixieren - Teil 1(2)
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang 14 Gestern 16:56
nobody • Zugriffe: 2796
Iconbar "Textbaustein"
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Julia Ady Eden 2 16.08.2015 02:02
Julia Ady Eden • Zugriffe: 996
DropDown Menü für die Iconbar - Mit "select"
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang 9 07.02.2024 12:42
Anne • Zugriffe: 15178

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 €

65%