Das Forum der Foren
Willkommen im offiziellen Supportforum von Forumieren!

Um alle Vorteile unseres Forums zu nutzen, melden Sie sich bitte an. Wenn Sie bereits Mitglied sind loggen Sie sich ein.


Erstellen Sie ein kostenloses Forum wie dieses hier.
Forenaustausch

Alle Anzeigen ansehen

Regeln und nützliche Hinweise
Lexi Help
Die neuesten Themen
» [#10418] meine Mailadresse ändern und Auswirkungen auf servimg
von inde Gestern um 21:51

» [phpBB3] Profile mit mehreren Icons?
von inde Gestern um 19:39

» [#10378] Guthaben mit Paypal bezahlt und nach 2 Tagen nicht in der Guthabenverw
von inde Mo 24 Jul 2017 - 16:47

» World-of-Horses
von inde So 23 Jul 2017 - 16:56

» Yorkshire Terrier Forum
von inde So 23 Jul 2017 - 16:55

» Hundeforum unter hundis.frei-forum.com
von inde So 23 Jul 2017 - 16:53

» Das Raubtierreich - Das Haustier-Talk- und Fotografie-Forum
von Emily Stein So 23 Jul 2017 - 15:22

» Naruto - SnK
von Aiko-Chan So 23 Jul 2017 - 12:07

» Weimaraner-Forum "Der vielseitige Weimaraner"
von Emily Stein So 23 Jul 2017 - 1:57

» My-Ponyclub
von Emily Stein So 23 Jul 2017 - 1:54

» Pflanzen-Samentauschbörse
von Emily Stein So 23 Jul 2017 - 1:54

» [Warrior Cats] FlammenClan
von Emily Stein So 23 Jul 2017 - 1:44

» Katzen Forum LoveCats
von Emily Stein So 23 Jul 2017 - 1:42

» Dogs and more
von Emily Stein So 23 Jul 2017 - 1:42

» Zauberhaftes WarriorCats Forum - Sternenlicht
von Emily Stein So 23 Jul 2017 - 1:41

» Tier-Linkliste
von Emily Stein So 23 Jul 2017 - 1:40

www.forumieren.de

[phpBB3] Tab-Ansicht ohne Bewegung

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [phpBB3] Tab-Ansicht ohne Bewegung

Beitrag von Lose-Kingz am 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.


Zuletzt von Lose-Kingz am Mo 1 Jul 2013 - 17:43 bearbeitet; insgesamt 1-mal bearbeitet
avatar
Lose-Kingz
Stammgast
Stammgast

Männlich Beiträge : 263
Anmeldedatum : 11.03.13
keine
phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB3] Tab-Ansicht ohne Bewegung

Beitrag von Günther am 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:
http://hilfe.forumieren.com/t34498-punbb-tabelle#225937

Liebe Grüße
Günther
avatar
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Firefox phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB3] Tab-Ansicht ohne Bewegung

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

avatar
Lose-Kingz
Stammgast
Stammgast

Männlich Beiträge : 263
Anmeldedatum : 11.03.13
keine
phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB3] Tab-Ansicht ohne Bewegung

Beitrag von Günther am 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
avatar
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Firefox phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB3] Tab-Ansicht ohne Bewegung

Beitrag von Lose-Kingz am 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.

avatar
Lose-Kingz
Stammgast
Stammgast

Männlich Beiträge : 263
Anmeldedatum : 11.03.13
keine
phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB3] Tab-Ansicht ohne Bewegung

Beitrag von Günther am 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
avatar
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Firefox phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB3] Tab-Ansicht ohne Bewegung

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

Ok danke für die Info.
avatar
Lose-Kingz
Stammgast
Stammgast

Männlich Beiträge : 263
Anmeldedatum : 11.03.13
keine
phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB3] Tab-Ansicht ohne Bewegung

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

Bitte. Smile
-closed-
avatar
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Firefox phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten