[phpBB3] Tab-Ansicht ohne Bewegung

von Lose-Kingz Mo 1 Jul 2013 - 14:59

Hallo!

Ich habe mir diesen Beitrag angsehen und auch alles durchgelesen und habe es auch so eingefügt. Nur leider gehen bei mir die Tabs nicht. Wenn ich z.B auf Link 2 oder Link 3 klicke, dann passiert nicht.

Hier ne Livedemo: http://losekingz.forumieren.com/page_html?mode=preview

Und das hier sind die Codes die ich eingefügt habe:

#HTML:

Code:: <div id="mes_onglets"> <ul><li id="o_1" class="mon_onglet selected" onclick="changeOnglet(this);">Herzlich Willkommen 1</li> <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Wichtige Links 2</li> <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Chatbox 3</li> <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Partnerforen 4</li> <li id="o_5" class="mon_onglet" onclick="changeOnglet(this);">News 5</li> <div class="clear"><div id="mes_contenus"> <div id="co_1" class="mon_contenu">Hallo lieber Besucher der <a href="/forum">Movie World</a>,<br> <br> wir freuen uns, dass Du zu uns gefunden hast, solltest Du interessiert an Filmen, Fernsehen und Schauspielern bist, dann bist Du hier genau richtig!<br> <br> Du kannst Dich ganz einfach <a href="/register">registrieren</a>, falls Du bereits registriert bist, so <a href="login">logge</a> Dich doch <a href="login">ein</a>!<br> <br> Vielen Dank, das Team 8)</div> <div id="co_2" class="mon_contenu" style="display: none;">Das ist der Text des zweiten Fensters.</div> <div id="co_2" class="mon_contenu" style="display: none;">Das ist der Text des zweiten Fensters.</div> <div id="co_2" class="mon_contenu" style="display: none;">Das ist der Text des zweiten Fensters.</div> <div id="co_2" class="mon_contenu" style="display: none;">Das ist der Text des zweiten Fensters.</div> </div></div></ul></div>

#Javascript:

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'; } } } }

Ich hoffe ihr könnt mir weterhelfen um das Problem zu finden.

von Günther Mo 1 Jul 2013 - 17:03

Hallo,

warum hast du die Codes in einer HTML-Seite eingesetzt?
Wenn du das Script über die JS-Verwaltung einsetzt und den CSS-Code in das Stylesheet, dann muss der HTML-Code direkt im Forum platziert werden, wo er dann auch sichtbar werden soll (z.B. Startseitennachricht, Portalmodul ...). Bei einer HTML-Seite werden Script und CSS nicht geladen, wenn sie über die JS-Verwaltung und das Stylesheet eingesetzt wurden. Wink

Hier findest du das nochmals alles gut erklärt, wo du welchen Code einsetzen musst:
https://hilfe.forumieren.com/t34498-punbb-tabelle#225937

Liebe Grüße
Günther

von Lose-Kingz Mo 1 Jul 2013 - 17:12

Genau dieses Tutorial habe ich auch benutzt:

https://hilfe.forumieren.com/t30208-tab-ansicht-changeonglet-spalten-menus-werden-falsch-angezeigt

von Günther Mo 1 Jul 2013 - 17:18

Das ist ja auch alles richtig - nur hast du die Codes nicht an den richtigen Stellen eingesetzt.
Lies dir meinen Beitrag und den verlinkten Thread bitte nochmals durch und setze die Codes an den entsprechenden Stellen ein - von einer HTMl-Seite wird dort nirgends etwas geschrieben. Wink

von Lose-Kingz Mo 1 Jul 2013 - 17:33

Wollte eigentlich sowas haben, auf Extra HTML und dann in der Navigation verlinken. Aber wie es aussieht klappt das ja hier nicht.

[phpBB3] Tab-Ansicht ohne Bewegung 121240241

[phpBB3] Tab-Ansicht ohne Bewegung 121240241

von Günther Mo 1 Jul 2013 - 17:37

Wenn du die Tab-Tabelle nicht in das Forum einsetzen möchtest, sondern direkt in eine HTMl-Seite, dann kannst du zum Einsetzen des Javascripts nicht die JS-Verwaltung und zum Einsetzen des CSS nicht das CSS-Stylesheet im Adminbereich verwenden.
Du müsstest die HTML-Seite stattdessen richtig coden und sowohl das JS als auch das CSS, wie es HTML-Standard ist, in den Kopfbereich der Seite einsetzen.

Falls dir dazu HTML-Grundlagen fehlen, kann ich dir folgende Tutorials empfehlen:
http://wiki.selfhtml.org/wiki/Startseite

von Lose-Kingz Mo 1 Jul 2013 - 17:42

Ok danke für die Info.

von Günther Mo 1 Jul 2013 - 17:43

Bitte.

-closed-

	Neue Beiträge seit dem letzten Besuch.	
	Textbausteine des MODERATIONSTOOL	
	AB > PFAD > GENERATOR	
	FORUM > PFAD > GENERATOR	
	Unterstützung Lösungs-Probleme	
	Auffällige User	
	Der Runde Tisch	
	HÄUFIG GESTELLTE FRAGEN	

[phpBB3] Tab-Ansicht ohne Bewegung

[phpBB3] Tab-Ansicht ohne Bewegung

Re: [phpBB3] Tab-Ansicht ohne Bewegung

Re: [phpBB3] Tab-Ansicht ohne Bewegung

Re: [phpBB3] Tab-Ansicht ohne Bewegung

Re: [phpBB3] Tab-Ansicht ohne Bewegung

Re: [phpBB3] Tab-Ansicht ohne Bewegung

Re: [phpBB3] Tab-Ansicht ohne Bewegung

Re: [phpBB3] Tab-Ansicht ohne Bewegung