Teammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» Forum löschen, Probleme mit Gründeraccountvon Skouliki Di 9 Apr 2024 - 14:03
» [AwsomeBB] LogIn Farbe Weiß auf weiß
von Skouliki Sa 30 März 2024 - 21:14
» kann man noch Blogs hier erstellen?
von Joost Mi 27 März 2024 - 18:40
» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54
» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48
» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44
» Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03
» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41
» Neuer User kann sich anmelden.
von Skouliki Mi 20 März 2024 - 8:38
» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07
» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51
» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50
» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33
» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53
» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52
» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47
» [Tutorial - alle Versionen] (De)aktiviert die Anzeige von Signaturen aus Eurem Profil
von Eto Do 15 Feb 2024 - 22:17
» Datenback-Dump?
von Skouliki Mo 12 Feb 2024 - 22:02
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Skouliki in PN's werden nicht mehr rot eingefärbt ( 1 )
» Beitrag von Skouliki in PN's werden nicht mehr rot eingefärbt
( 1 )
» Beitrag von Halbmondfarn in Einstellen der Profilfelder funktioniert nicht
( 1 )
» Beitrag von Eto in Einstellen der Profilfelder funktioniert nicht
( 1 )
» Beitrag von Halbmondfarn in Einstellen der Profilfelder funktioniert nicht
( 1 )
[phpBB2] Tabs - ChangeOnglet
2 verfasser
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1 • Teilen
[phpBB2] Tabs - ChangeOnglet
Huhu,
Nachdem ich versucht habe, auf jede erdenkliche Weise eine derartige Tab-Funktion in meinem Forum einzubauen, bin ich auf die Idee gekommen, mal hier im Forum zu suchen. So weit, so gut, Suche benutzt, folgendes gefunden:
https://hilfe.forumieren.com/t30208-tab-ansicht-changeonglet-spalten-menus-werden-falsch-angezeigt
Sah gut aus, genau nach dem, was ich gesucht habe. Habe also die Codes von allem da übernommen:
Nur leider sieht das ganze jetzt so aus:
Jetzt meine Frage, was kann man dagegen tun?
Die Ideen, die ich bisher hatte, sind:
1. Es liegt daran, dass es in einem Beitrag ist. Aber das müsste doch eigentlich gehen, die Beiträge können ja auch html.
2. Es liegt am CSS, das das Forum verwendet - da beißt sich irgendwas. Leider kenne ich mich damit nicht aus, das hat wer anders gemacht. Ich würde auch ungern nur zum Testen das ganze CSS löschen, da der gesamte Forenstyle darauf basiert.
3. Es liegt an phpBB2. Im anderen Beitrag steht nicht drin, was für das genutzt wird.
Kann mir da wer helfen? ^^"
Nachdem ich versucht habe, auf jede erdenkliche Weise eine derartige Tab-Funktion in meinem Forum einzubauen, bin ich auf die Idee gekommen, mal hier im Forum zu suchen. So weit, so gut, Suche benutzt, folgendes gefunden:
https://hilfe.forumieren.com/t30208-tab-ansicht-changeonglet-spalten-menus-werden-falsch-angezeigt
Sah gut aus, genau nach dem, was ich gesucht habe. Habe also die Codes von allem da übernommen:
- Codes:
- CSS:
- Code:
/*changeOnglet*/
.mon_onglet{
float: left;
padding: 2px 10px;
margin-right: 5px;
color: #00aeff;
background: #6edaf5;
background-image:url(http://t2.gstatic.com/images?q=tbn:ANd9GcTs6i4kVC8k8AOvIiK45rhv89g8WQLp8kU6RjCitXA1URCkugC4);
border: 1px solid #000;
cursor: pointer;
margin-bottom: -1px;
list-style: none;
font-size:90%;
}
.mon_onglet:hover{
background: #39dbf0;
}
.mon_onglet_selected{
float: left;
padding: 2px 10px;
margin-right: 5px;
color: #000;
background: #6edaf5;
background-image:url(http://t2.gstatic.com/images?q=tbn:ANd9GcTs6i4kVC8k8AOvIiK45rhv89g8WQLp8kU6RjCitXA1URCkugC4);
border-top: 1px solid #000;
border-right: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #08b1ff;
cursor: pointer;
margin-bottom: -1px;
list-style: none;
font-size:90%;}
.clear{
clear: both;
}
.mon_contenu{
color: #000;
background: #6edaf5;
background-image:url(http://t2.gstatic.com/images?q=tbn:ANd9GcTs6i4kVC8k8AOvIiK45rhv89g8WQLp8kU6RjCitXA1URCkugC4);
border: 1px solid #000;
padding: 10px;
line-height: normal;
font-size: 11px;}
#mes_contenus, #mes_onglets{
width: 100%;
margin: auto;}
Javascript (aktiviert auf allen Seiten, Java generell aktiviert):- Code:
function changeOnglet(_this){
var getOnglets = document.getElementById('mes_onglets').getElementsByTagName('li');
for(var i = 0; i < getOnglets.length; i++){
if(getOnglets[i].id){
if(getOnglets[i].id == _this.id){
getOnglets[i].className = 'mon_onglet_selected';
document.getElementById('c' + _this.id).style.display = 'block';
}
else{
getOnglets[i].className = 'mon_onglet';
document.getElementById('c' + getOnglets[i].id).style.display = 'none';
}
}
}
}
Im Beitrag selbst (ja, das soll in einem Beitrag sein statt auf der Startseite - macht das einen Unterschied? html ist natürlich aktiviert)- Code:
<div id="mes_onglets">
<ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Reiter 1</li>
<li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Reiter 2</li>
<li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Reiter 3</li>
<li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Reiter 4</li>
<li id="o_5" class="mon_onglet" onclick="changeOnglet(this);">Reiter 5</li>
<li id="o_6" class="mon_onglet" onclick="changeOnglet(this);">Reiter 6</li>
<li id="o_7" class="mon_onglet" onclick="changeOnglet(this);">Reiter 7</li>
<li id="o_8" class="mon_onglet" onclick="changeOnglet(this);">Reiter 8</li>
<li id="o_9" class="mon_onglet" onclick="changeOnglet(this);">Reiter 9</li>
<li id="o_10" class="mon_onglet" onclick="changeOnglet(this);">Reiter 10</li>
<li id="o_11" class="mon_onglet" onclick="changeOnglet(this);">Reiter 11</li>
<div class="clear"><div id="mes_contenus">
<div id="co_1" class="mon_contenu">Das ist der Text des ersten Fensters.</div>
<div id="co_2" class="mon_contenu" style="display: none;">Das ist der Text des zweiten Fensters.</div>
<div id="co_3" class="mon_contenu" style="display: none;">Das ist der Text des dritten Fensters.</div>
<div id="co_4" class="mon_contenu" style="display: none;">Das ist der Text des vierten Fensters.</div>
<div id="co_5" class="mon_contenu" style="display: none;">Das ist der Text des fünften Fensters.</div>
<div id="co_6" class="mon_contenu" style="display: none;">Das ist der Text des sechsten Fensters.</div>
<div id="co_7" class="mon_contenu" style="display: none;">Das ist der Text des siebenten Fensters.</div>
<div id="co_8" class="mon_contenu" style="display: none;">Das ist der Text des achten Fensters.</div>
<div id="co_9" class="mon_contenu" style="display: none;">Das ist der Text des neunten Fensters.</div>
<div id="co_10" class="mon_contenu" style="display: none;">Das ist der Text des zehnten Fensters.</div>
<div id="co_11" class="mon_contenu" style="display: none;">Das ist der Text des elften Fensters.</div>
</div></div></ul></div>
Nur leider sieht das ganze jetzt so aus:
- Bild:
Jetzt meine Frage, was kann man dagegen tun?
Die Ideen, die ich bisher hatte, sind:
1. Es liegt daran, dass es in einem Beitrag ist. Aber das müsste doch eigentlich gehen, die Beiträge können ja auch html.
2. Es liegt am CSS, das das Forum verwendet - da beißt sich irgendwas. Leider kenne ich mich damit nicht aus, das hat wer anders gemacht. Ich würde auch ungern nur zum Testen das ganze CSS löschen, da der gesamte Forenstyle darauf basiert.
3. Es liegt an phpBB2. Im anderen Beitrag steht nicht drin, was für das genutzt wird.
Kann mir da wer helfen? ^^"
Zuletzt von Sheep007 am Do 11 Jul 2013 - 13:37 bearbeitet; insgesamt 1-mal bearbeitet
Sheep007- Lehrling
- Beiträge : 8
Anmeldedatum : 25.12.09
Re: [phpBB2] Tabs - ChangeOnglet
Hast du auch das dazu notwendige Java Script eingesetzt?
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: [phpBB2] Tabs - ChangeOnglet
Javascript (aktiviert auf allen Seiten, Java generell aktiviert):
- Code:
function changeOnglet(_this){
var getOnglets = document.getElementById('mes_onglets').getElementsByTagName('li');
for(var i = 0; i < getOnglets.length; i++){
if(getOnglets[i].id){
if(getOnglets[i].id == _this.id){
getOnglets[i].className = 'mon_onglet_selected';
document.getElementById('c' + _this.id).style.display = 'block';
}
else{
getOnglets[i].className = 'mon_onglet';
document.getElementById('c' + getOnglets[i].id).style.display = 'none';
}
}
}
}
Sagte ich doch, hab ich im Adminbereich eingesetzt und aktiviert, auf allen Seiten. Oder meinst du damit etwas anderes?
Sheep007- Lehrling
- Beiträge : 8
Anmeldedatum : 25.12.09
Re: [phpBB2] Tabs - ChangeOnglet
Ne, das meinte ich schon, aber in einem Beitrag wird das nicht Funktionieren. Dazu ist das eigentlich nicht gedacht.
Dieser Art von Funktionen sind nur für die Stellen gedacht, die auch im Tuto angegeben sind.
In Beiträgen Funktioniert das nicht.
Dieser Art von Funktionen sind nur für die Stellen gedacht, die auch im Tuto angegeben sind.
In Beiträgen Funktioniert das nicht.
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: [phpBB2] Tabs - ChangeOnglet
Wieso man das in "Themen/Beiträge" dann trotzdem aktivieren kann, ist mir schleierhaft... Aber okay, danke sehr. Damit ist das geklärt (: Ich kann ja auch ne html-Seite basteln und die dann mit iframe einbinden oder so, wird schon klappen.
Kann geschlossen werden.
Kann geschlossen werden.
Sheep007- Lehrling
- Beiträge : 8
Anmeldedatum : 25.12.09
Ähnliche Themen
» [phpBB2] ChangeOnglet/Tabelle mit Tabs auf ganze Forenbreite
» [phpBB2] ChangeOnglet / Tabelle mit Tabs - Nächster Reiter öffnet sich nicht
» [phpBB2] ChangeOnglet Spalten - 4 Reiter gehen auf, 4 nicht
» [phpBB2] Slideshow + Textarea mit Tabs zentriert?
» Organic Tabs
» [phpBB2] ChangeOnglet / Tabelle mit Tabs - Nächster Reiter öffnet sich nicht
» [phpBB2] ChangeOnglet Spalten - 4 Reiter gehen auf, 4 nicht
» [phpBB2] Slideshow + Textarea mit Tabs zentriert?
» Organic Tabs
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten