Teammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» Die Heidekriger (WaCa) mit Punktesystemvon Rama So 21 Apr 2024 - 20:44
» Forum löschen, Probleme mit Gründeraccount
von 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
Beiträge mit den meisten Reaktionen des Monats
Problem mit Tab/ 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
Problem mit Tab/ ChangeOnglet
Hallo alle zusammen,
und wie immer vielen Dank im Voraus für alle Hilfen. (Und falls das schon wieder in der falschen Kategorie ist- Entschuldigung von mir an das Team und einfach verschieben.)
Mein Problem:
Den Code Bei diesem Thema habe ich einem Testforum ausprobiert. Dort hat er klasse funktioniert. Jetzt habe ich versucht den Codein meinem richtigen Forum einzusetzen. Das Ergebniss könnt ihr im Forum beim Kopfteil sehen. Ich habe sämtliche Code dreimal ausgetauscht, aber das Ergebniss bleibt das gleiche.
Hier sind nochmal die Codes:
Der im Kopfteil:
Der im CSS
Also, was habe ich falsch gemacht? Kann mir jemand helfen?
und wie immer vielen Dank im Voraus für alle Hilfen. (Und falls das schon wieder in der falschen Kategorie ist- Entschuldigung von mir an das Team und einfach verschieben.)
Mein Problem:
Den Code Bei diesem Thema habe ich einem Testforum ausprobiert. Dort hat er klasse funktioniert. Jetzt habe ich versucht den Codein meinem richtigen Forum einzusetzen. Das Ergebniss könnt ihr im Forum beim Kopfteil sehen. Ich habe sämtliche Code dreimal ausgetauscht, aber das Ergebniss bleibt das gleiche.
Hier sind nochmal die Codes:
Der im Kopfteil:
- 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>
<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></div></ul></div>
Der im 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;}
- 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';
}
}
}
}
Also, was habe ich falsch gemacht? Kann mir jemand helfen?
Living Sun- Lehrling
- Beiträge : 33
Anmeldedatum : 08.01.13
Re: Problem mit Tab/ ChangeOnglet
Hallo,
du hast den CSS-Code mit einer Trennlinie von den vorhergehenden Einträgen abgetrennt:
Wenn du in ein Stylesheet Bereiche einsetzen möchtest, die nicht interpretiert werden sollen, dann mache das bitte als Kommentar gekennzeichnet:
http://www.css4you.de/wscss/css02.html#comment
Das gilt auch für die restlichen Trennlinien, die du dort eingesetzt hast. Nach jeder einzelnen Trennlinie wird die darauffolgende CSS-Zuweisung nicht interpretiert, das kannst du selbst überprüfen.
Liebe Grüße
Günther
du hast den CSS-Code mit einer Trennlinie von den vorhergehenden Einträgen abgetrennt:
- Code:
____________________________________
/*changeOnglet*/
.mon_onglet{
...
Deshalb erfolgt keine Klassenzuweisung zu den einzelnen Tabs der Klasse "mon_onglet".____________________________________.mon_onglet{...
Wenn du in ein Stylesheet Bereiche einsetzen möchtest, die nicht interpretiert werden sollen, dann mache das bitte als Kommentar gekennzeichnet:
http://www.css4you.de/wscss/css02.html#comment
Das gilt auch für die restlichen Trennlinien, die du dort eingesetzt hast. Nach jeder einzelnen Trennlinie wird die darauffolgende CSS-Zuweisung nicht interpretiert, das kannst du selbst überprüfen.
Liebe Grüße
Günther
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: Problem mit Tab/ ChangeOnglet
Ups! Danke Günther! Jetzt weiß ich auch warum der ein oder andere CSS ebenfalls nicht funktioniert hat.
Aufjedenfall klappt es jetzt, vielen Dank.
Dir noch einen schönen Tag, LS
Aufjedenfall klappt es jetzt, vielen Dank.
Dir noch einen schönen Tag, LS
Living Sun- Lehrling
- Beiträge : 33
Anmeldedatum : 08.01.13
Re: Problem mit Tab/ ChangeOnglet
Bitte, gerne.
-closed-
-closed-
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Ähnliche Themen
» [phpBB2] Tabs - ChangeOnglet
» [phpBB2] ChangeOnglet Spalten - 4 Reiter gehen auf, 4 nicht
» [phpBB2] ChangeOnglet/Tabelle mit Tabs auf ganze Forenbreite
» Tab-Ansicht - ChangeOnglet Spalten/Menüs werden falsch angezeigt
» [phpBB2] ChangeOnglet / Tabelle mit Tabs - Nächster Reiter öffnet sich nicht
» [phpBB2] ChangeOnglet Spalten - 4 Reiter gehen auf, 4 nicht
» [phpBB2] ChangeOnglet/Tabelle mit Tabs auf ganze Forenbreite
» Tab-Ansicht - ChangeOnglet Spalten/Menüs werden falsch angezeigt
» [phpBB2] ChangeOnglet / Tabelle mit Tabs - Nächster Reiter öffnet sich nicht
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