Statistik |
Beiträge: 145.161 (Täglich: 18,73 )
Themen: 16.814
Mitglieder: 13.213
Neuestes Mitglied: Vorruhestaendler.
Ausl. d. letzten Minute: 79%
Ausl. d. letzten 5 Minuten: 77%
Ausl. d. letzten 15 Minuten: 88%
Aktulle Uhrzeit: 06:41
Freier Webspace: 4.13 TB
PHP-Version: 7.4.33
|
|
|
|
|
Top-Button mit Dropdown Menü |
Tappi
wBB2-User
Zeige Tappi auf Karte
Dabei seit: 30.05.2007
Beiträge: 1.865
2 Filebase-Einträge
Alter: 43 Jahre
Herkunft: Ostwestfalen wBB-Version: wBB2.3 PHP-Version: 7.4 und 8.0 MySQL-Version: MariaDB 10.5.19 Wo bist du gehostet?: Rootserver von www.ip-projects.de
Bewertung:
Level: 51 [?]
Erfahrungspunkte: 11.871.795
Nächster Level: 13.849.320
|
|
Top-Button mit Dropdown Menü |
|
Ich werd noch wahnsinnig
Mein Code den ich nun verwende, für die Grafikanzeige mit Dropdown im Header, nutze ich auch bei der Anzeige der Werbebanner.
Ohne Tabelle sieht es grausig aus, mit Tabelle ist es schon besser nur rutscht es nach links ... es sollte aber wenigstens mit der Grafik abschließen. (siehe Bild) Irgendwie habe ich ein Blackout
code: |
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:
|
<script language="javascript">
function _switch(object) {
if(document.getElementById(object).style.display == "none"){
document.getElementById(object).style.display = "block";
}
else{
document.getElementById(object).style.display = "none";
}
}
</script>
<p align="center">
<a href = "musikinfomenu.html" onClick = "_switch('musikinfomenu'); return false;"><img src="https://www.retter-radio.de/radioforum/images/Feuerwehr/top_button/musik-info.png"></a><br />
</p>
<div style="display:none;" id="musikinfomenu">
<table border="0" width="20%">
<tr>
<td>
<p align="left">
<a href="vgadbook2.php{$SID_ARG_1ST}">Musiker Datenbank</a><br/>
<a href="vgadbook.php{$SID_ARG_1ST}">Stilkunde Datenbank</a><br/>
<a href="musiker_geburtstagskalendar.php">Musiker Geburtstagskalender</a><br/>
<a href="musiker_todestagekalendar.php">Musiker Todestagekalender</a><br/>
<a href="lexicon.php{$SID_ARG_1ST}">Musiklexikon</a><br/>
<a href="lex.php{$SID_ARG_1ST}">Tanzstilkunde Datenbank</a><br/>
<a href="jgs_portal_links.php?kat_id=18{$SID_ARG_1ST}">Bandverzeichnis</a><br/>
</p>
</td>
</tr>
</table>
</div>
|
|
Anbei ein Bild, was ich meine, ich habe mal einen ganz dünnen gelben Strich gemalt, wo die Unteren Links beginnen sollen
Und ist es machbar, das man dieses auch mit einem Mausover ausstatten kann, also das man nicht erst drauf klicken muss?
__________________
Ich bin Ostwestfale: STUR . HARTNÄCKIG . KÄMPFERISCH
|
|
10.02.2024 16:56 |
|
|
Tappi
wBB2-User
Zeige Tappi auf Karte
Dabei seit: 30.05.2007
Beiträge: 1.865
2 Filebase-Einträge
Alter: 43 Jahre
Herkunft: Ostwestfalen wBB-Version: wBB2.3 PHP-Version: 7.4 und 8.0 MySQL-Version: MariaDB 10.5.19 Wo bist du gehostet?: Rootserver von www.ip-projects.de
Bewertung:
Level: 51 [?]
Erfahrungspunkte: 11.871.795
Nächster Level: 13.849.320
Themenstarter
|
|
Ich werd echt noch bekloppt
Jetzt habe ich es schon mal geschafft zwei Button nebeneinander zu haben, und das auch die Menü Links mit der Grafik beginnen ..... ABER (siehe Bilder)
Irgendwie habe ich wirklich ein Blackout, wo bitte habe ich denn den Fehler
Oder muss ich noch eine Tabelle erstellen oder gar noch mehr
Die Button sollen, wenn ein Menü geöffnet wird da bleiben wo sie sind, und nicht nach unten rutschen. Oder wenn beide offen sind, das die dann versetzt sind ....
UND der Button User Menü soll nicht angezeigt werden, wenn man als Gast im Forum ist, aber erstmal sollte es optisch gut aussehen und sich nicht so versetzen
Den Code vergessen:
code: |
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:
|
<table border="0" width="17%">
<tr>
<td>
<script language="javascript">
function _switch(object) {
if(document.getElementById(object).style.display == "none"){
document.getElementById(object).style.display = "block";
}
else{
document.getElementById(object).style.display = "none";
}
}
</script>
<p align="center">
<a href = "musikinfomenu.html" onClick = "_switch('musikinfomenu'); return false;"><img src="https://www.retter-radio.de/radioforum/images/Feuerwehr/top_button/musik-info.png"></a>
</p>
<div style="display:none;" id="musikinfomenu">
<p align="left">
<a href="vgadbook2.php{$SID_ARG_1ST}">Musiker Datenbank</a><br/>
<a href="vgadbook.php{$SID_ARG_1ST}">Stilkunde Datenbank</a><br/>
<a href="musiker_geburtstagskalendar.php">Musiker Geburtstagskalender</a><br/>
<a href="musiker_todestagekalendar.php">Musiker Todestagekalender</a><br/>
<a href="lexicon.php{$SID_ARG_1ST}">Musiklexikon</a><br/>
<a href="lex.php{$SID_ARG_1ST}">Tanzstilkunde Datenbank</a><br/>
<a href="jgs_portal_links.php?kat_id=18{$SID_ARG_1ST}">Bandverzeichnis</a><br/>
</p>
</div>
</td>
<td>
<script language="javascript">
function _switch(object) {
if(document.getElementById(object).style.display == "none"){
document.getElementById(object).style.display = "block";
}
else{
document.getElementById(object).style.display = "none";
}
}
</script>
<p align="center">
<a href = "usermenu.html" onClick = "_switch('usermenu'); return false;"><img src="https://www.retter-radio.de/radioforum/images/Feuerwehr/top_button/usermenu.png"></a>
</p>
<div style="display:none;" id="usermenu">
<p align="left">
<a href="usercp.php{$SID_ARG_1ST}">Profil bearbeiten</a><br/>
<a href="pms.php{$SID_ARG_1ST}">Private Nachrichten</a><br/>
<a href="memberslist.php{$SID_ARG_1ST}">Mitglieder</a><br/>
<a href="userpage_userlist.php{$SID_ARG_1ST}">Userpage</a><br/>
<a href="maple.php{$SID_ARG_1ST}">Mitglieder Karte</a><br/>
</p>
</div>
</td>
</tr>
</table>
|
|
Dateianhänge: |
bild1.png (42 KB, 48 mal heruntergeladen) bild2.png (43,41 KB, 46 mal heruntergeladen) bild3.png (38 KB, 47 mal heruntergeladen)
|
__________________
Ich bin Ostwestfale: STUR . HARTNÄCKIG . KÄMPFERISCH
|
|
10.02.2024 17:11 |
|
|
Tappi
wBB2-User
Zeige Tappi auf Karte
Dabei seit: 30.05.2007
Beiträge: 1.865
2 Filebase-Einträge
Alter: 43 Jahre
Herkunft: Ostwestfalen wBB-Version: wBB2.3 PHP-Version: 7.4 und 8.0 MySQL-Version: MariaDB 10.5.19 Wo bist du gehostet?: Rootserver von www.ip-projects.de
Bewertung:
Level: 51 [?]
Erfahrungspunkte: 11.871.795
Nächster Level: 13.849.320
Themenstarter
|
|
Ich sag ja, habe ein Blackout gehabt
Jetzt habe ich es so, wie es sein soll (abgesehen vom automatischen aufploppen) und das der Button "User Menü" nur angezeigt wird, wenn man auch angemeldet ist, ihn also als Gast nicht sehen kann.
Das muss ich noch austüfteln, mit diesem if the else aber das bekomme ich denke ich hin.
Wichtig war mir erstmal dieses Grundgerüst
Bleibt nur die Frage, ob es beim Mausover aufploppen kann und andere Frage, wie ist es bei den Mobilnutzern, ploppt es da auch auf oder ist es dann schon auf
EDIT: Doch nicht fertig ... nun habe ich unter den Button extrem viel Luft, wenn ich drauf klicke und das Menü aufgeht (siehe Bilder)
Habe den Code im Header noch drin stehen, aber erstmal auskommentiert
code: |
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:
|
<table border="0" width="17%">
<tr>
<td>
<script language="javascript">
function _switch(object) {
if(document.getElementById(object).style.display == "none"){
document.getElementById(object).style.display = "block";
}
else{
document.getElementById(object).style.display = "none";
}
}
</script>
<p align="center">
<a href = "musikinfomenu.html" onClick = "_switch('musikinfomenu'); return false;"><img src="https://www.retter-radio.de/radioforum/images/Feuerwehr/top_button/musik-info.png"></a>
</p>
</td>
<td>
<script language="javascript">
function _switch(object) {
if(document.getElementById(object).style.display == "none"){
document.getElementById(object).style.display = "block";
}
else{
document.getElementById(object).style.display = "none";
}
}
</script>
<p align="center">
<a href = "usermenu.html" onClick = "_switch('usermenu'); return false;"><img src="https://www.retter-radio.de/radioforum/images/Feuerwehr/top_button/usermenu.png"></a>
</p>
</td>
</tr>
<tr>
<td>
<div style="display:none;" id="musikinfomenu">
<p align="left">
<a href="vgadbook2.php{$SID_ARG_1ST}">Musiker Datenbank</a><br/>
<a href="vgadbook.php{$SID_ARG_1ST}">Stilkunde Datenbank</a><br/>
<a href="musiker_geburtstagskalendar.php">Musiker Geburtstagskalender</a><br/>
<a href="musiker_todestagekalendar.php">Musiker Todestagekalender</a><br/>
<a href="lexicon.php{$SID_ARG_1ST}">Musiklexikon</a><br/>
<a href="lex.php{$SID_ARG_1ST}">Tanzstilkunde Datenbank</a><br/>
<a href="jgs_portal_links.php?kat_id=18{$SID_ARG_1ST}">Bandverzeichnis</a><br/>
</p>
</div>
</td>
<td>
<div style="display:none;" id="usermenu">
<p align="left">
<a href="usercp.php{$SID_ARG_1ST}">Profil bearbeiten</a><br/>
<a href="pms.php{$SID_ARG_1ST}">Private Nachrichten</a><br/>
<a href="memberslist.php{$SID_ARG_1ST}">Mitglieder</a><br/>
<a href="userpage_userlist.php{$SID_ARG_1ST}">Userpage</a><br/>
<a href="maple.php{$SID_ARG_1ST}">Mitglieder Karte</a><br/>
</p>
</div>
</td>
</tr>
</table>
|
|
__________________
Ich bin Ostwestfale: STUR . HARTNÄCKIG . KÄMPFERISCH
|
|
10.02.2024 17:41 |
|
|
Tappi
wBB2-User
Zeige Tappi auf Karte
Dabei seit: 30.05.2007
Beiträge: 1.865
2 Filebase-Einträge
Alter: 43 Jahre
Herkunft: Ostwestfalen wBB-Version: wBB2.3 PHP-Version: 7.4 und 8.0 MySQL-Version: MariaDB 10.5.19 Wo bist du gehostet?: Rootserver von www.ip-projects.de
Bewertung:
Level: 51 [?]
Erfahrungspunkte: 11.871.795
Nächster Level: 13.849.320
Themenstarter
|
|
Hätte da noch diesen Code hier, aus dem Forum von coolguppi ausgeliehen
Problem ist nur, das ploppt bei mir nach oben auf, anstatt nach unten
Das nächste Problem ist, es ist nur mit einer Maus machbar, am Mobiltelefon passiert da nix
code: |
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:
|
<script type="text/javascript">
///Contents for menu 1 Adminmenü
var menu1=new Array()
menu1[0]=' <img src="images/gamestylev2/icon.gif" width="11px" height="11px" border="0" /> <a href="/acp/index.php" target="_blank" ><span style="text-decoration: none;">Admin CP</span></a><br />'
///Contents for menu 2 Usermenü
var menu2=new Array()
menu2[0]=' <img src="images/gamestylev2/icon.gif" width="11px" height="11px" border="0" /> <a href="usercp.php"><span style="text-decoration: none;">UserCP</span></a><br />'
menu2[1]=' <img src="images/gamestylev2/icon.gif" width="11px" height="11px" border="0" /> <a href="pms.php"><span style="text-decoration: none;">PN-Box</span></a><br />'
menu2[2]=' <img src="images/gamestylev2/icon.gif" width="11px" height="11px" border="0" /> <a href="guthabenbankseite.php"><span style="text-decoration: none;">Guthaben</span></a><br />'
menu2[3]=' <img src="images/gamestylev2/icon.gif" width="11px" height="11px" border="0" /> <a href="jgs_galerie.php"><span style="text-decoration: none;">Galerie</span></a><br />'
menu2[4]=' <img src="images/gamestylev2/icon.gif" width="11px" height="11px" border="0" /> <a href="abwesendlist.php"><span style="text-decoration: none;">abwesende User</span></a><br />'
menu2[5]=' <img src="images/gamestylev2/icon.gif" width="11px" height="11px" border="0" /> <a href="shop_street.php"><span style="text-decoration: none;">Einkaufen</span></a><br />'
///Contents for menu 4 Infomenü
var menu4=new Array()
menu4[0]=' <img src="images/gamestylev2/icon.gif" width="11px" height="11px" border="0" /> <a href="memberslist.php"><span style="text-decoration: none;">Mitglieder</span></a><br />'
menu4[1]=' <img src="images/gamestylev2/icon.gif" width="11px" height="11px" border="0" /> <a href="team.php"><span style="text-decoration: none;">Forenteam</span></a><br />'
menu4[2]=' <img src="images/gamestylev2/icon.gif" width="11px" height="11px" border="0" /> <a href="misc.php?action=faq"><span style="text-decoration: none;">Hilfe</span></a><br />'
menu4[3]=' <img src="images/gamestylev2/icon.gif" width="11px" height="11px" border="0" /> <a href="search.php"><span style="text-decoration: none;">Suche</span></a><br />'
menu4[4]=' <img src="images/gamestylev2/icon.gif" width="11px" height="11px" border="0" /> <a href="calendar.php"><span style="text-decoration: none;">Kalender</span></a><br />'
menu4[5]=' <img src="images/gamestylev2/icon.gif" width="11px" height="11px" border="0" /> <a href="impressum.php"><span style="text-decoration: none;">Impressum</span></a><br />'
var menuwidth='165px' //default menu width
var menubgcolor='#ffffff' //menu bgcolor
var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?
/////No further editting needed
var ie4=document.all
var ns6=document.getElementById&&!document.all
if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')
function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function headshowhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}
function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}
function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)
if (ie4||ns6){
headshowhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}
return clickreturnvalue()
}
function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}
function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}
function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}
function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}
function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}
if (hidemenu_onclick=="yes")
document.onclick=hidemenu
</script>
<a href="usercp.php" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '250px')" onMouseout="delayhidemenu()"><img src="https://www.retter-radio.de/radioforum/images/Feuerwehr/top_button/usermenu.png" border="0" /></a>
<a href="members.php" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu4, '250px')" onMouseout="delayhidemenu()"><img src="https://www.retter-radio.de/radioforum/images/Feuerwehr/top_button/musik-info.png" border="0" /></a>
</style>
|
|
__________________
Ich bin Ostwestfale: STUR . HARTNÄCKIG . KÄMPFERISCH
|
|
12.02.2024 01:01 |
|
|
Tappi
wBB2-User
Zeige Tappi auf Karte
Dabei seit: 30.05.2007
Beiträge: 1.865
2 Filebase-Einträge
Alter: 43 Jahre
Herkunft: Ostwestfalen wBB-Version: wBB2.3 PHP-Version: 7.4 und 8.0 MySQL-Version: MariaDB 10.5.19 Wo bist du gehostet?: Rootserver von www.ip-projects.de
Bewertung:
Level: 51 [?]
Erfahrungspunkte: 11.871.795
Nächster Level: 13.849.320
Themenstarter
|
|
|
12.02.2024 19:31 |
|
|
Tappi
wBB2-User
Zeige Tappi auf Karte
Dabei seit: 30.05.2007
Beiträge: 1.865
2 Filebase-Einträge
Alter: 43 Jahre
Herkunft: Ostwestfalen wBB-Version: wBB2.3 PHP-Version: 7.4 und 8.0 MySQL-Version: MariaDB 10.5.19 Wo bist du gehostet?: Rootserver von www.ip-projects.de
Bewertung:
Level: 51 [?]
Erfahrungspunkte: 11.871.795
Nächster Level: 13.849.320
Themenstarter
|
|
|
14.02.2024 23:27 |
|
|
|
|
|
|