Lexi Help
Die neuesten Themen
» Mein altes Forum zurückbekommen
von Bigtuber Gestern um 22:59

» Impressum
von #Frank Mi 28 Sep 2016 - 23:45

» [phpBB2] Im Beitrag Bild und Text nebeneinander anzeigen
von #Frank Mi 28 Sep 2016 - 23:43

» [phpBB2] Unicode Emojis im Forum
von Mariacher J.E. Mi 28 Sep 2016 - 22:07

» Themen-Icons
von Bigtuber Mi 28 Sep 2016 - 20:46

» [phpBB2] Schriftfarbe in der Expressantwort
von Bigtuber Mi 28 Sep 2016 - 20:09

» Themen fixieren
von inde Mi 28 Sep 2016 - 20:05

» [Update] Neues Theme der mobilen Version V2
von inde Mi 28 Sep 2016 - 13:34

» Begriff : "merken"
von Ray Di 27 Sep 2016 - 12:14

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Di 27 Sep 2016 - 11:07

» Servamp Forum
von Raine Kamiya Mo 26 Sep 2016 - 22:47

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Mo 26 Sep 2016 - 20:56

» Private Nachrichten
von inde Mo 26 Sep 2016 - 10:05

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde So 25 Sep 2016 - 22:24

» Ad Ware im Forum?
von inde So 25 Sep 2016 - 20:38

» [Sammelthread] Unangebrachte Werbung
von inde Fr 23 Sep 2016 - 9:00

Partner
free forum

[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

Lose-Kingz
Stammgast
Stammgast

Männlich Beiträge : 263
Anmeldedatum : 11.03.13

Nutzerprofil 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

Günther
Admin a.D.
Admin a.D.

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

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB3] Tab-Ansicht ohne Bewegung

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


Lose-Kingz
Stammgast
Stammgast

Männlich Beiträge : 263
Anmeldedatum : 11.03.13

Nutzerprofil 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

Günther
Admin a.D.
Admin a.D.

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

Nutzerprofil 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.


Lose-Kingz
Stammgast
Stammgast

Männlich Beiträge : 263
Anmeldedatum : 11.03.13

Nutzerprofil 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

Günther
Admin a.D.
Admin a.D.

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

Nutzerprofil 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.

Lose-Kingz
Stammgast
Stammgast

Männlich Beiträge : 263
Anmeldedatum : 11.03.13

Nutzerprofil 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-

Günther
Admin a.D.
Admin a.D.

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

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten