ilch Forum » Ilch Clan 1.1 » Allgemein » Switch Box

Geschlossen
  1. #31
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.635
    Beitragswertungen
    1193 Beitragspunkte
    Das war schon der richtige Ansatz! Die ID in Verbindung mit dem Javascript muss geändert werden!

    Beispielsweise:

    <script type="text/javascript">
        var BoxA = 2;
        var chosenBoxA = 1;
        function toggleBoxA (toBoxA) {
            toBoxA = isNaN(toBoxA) ? 0 : toBoxA;
            if (toBoxA < 1 || toBoxA > BoxA) {
                toBoxA = (chosenBoxA < BoxA) ? chosenBoxA + 1 : 1;
            }
            document.getElementById('BoxA_'+chosenBoxA).style.display = 'none';
            document.getElementById('BoxA_'+toBoxA).style.display = '';
            chosenBoxA = toBoxA;
        }
    </script>
    <?php
    defined ('main') or die ('no direct access');
    echo '<div id="BoxA_1"></div>';             
    echo '<div id="BoxA_2" style="display:none"></div>';
    ?>


    und....

    <script type="text/javascript">
        var BoxB = 2;
        var chosenBoxB = 1;
        function toggleBoxB (toBoxB) {
            toBoxB = isNaN(toBoxB) ? 0 : toBoxB;
            if (toBoxB < 1 || toBoxB > BoxB) {
                toBoxB = (chosenBoxB < BoxB) ? chosenBoxB + 1 : 1;
            }
            document.getElementById('BoxB_'+chosenBoxB).style.display = 'none';
            document.getElementById('BoxB_'+toBoxB).style.display = '';
            chosenBoxB = toBoxB;
        }
    </script>
    <?php
    defined ('main') or die ('no direct access');
    echo '<div id="BoxB_1"></div>';             
    echo '<div id="BoxB_2" style="display:none"></div>';
    ?>


    und so weiter ...
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  2. #32
    User Pic
    Vauxhall Mitglied
    Registriert seit
    07.08.2008
    Beiträge
    129
    Beitragswertungen
    0 Beitragspunkte
    Oki habs gemacht aber es funzt ne.
    Wenn ich dan auf die Buttons klicke switcht die 2 box mit usw.

    Erste Box

          <script type="text/javascript">
              var Box = 3;
              var chosenBox = 1;
              function toggleBox (toBox) {
                  toBox = isNaN(toBox) ? 0 : toBox;
                  if (toBox < 1 || toBox > Box) {
                      toBox = (chosenBox < Box) ? chosenBox + 1 : 1;
                  }
                  document.getElementById('Box_'+chosenBox).style.display = 'none';
                  document.getElementById('Box_'+toBox).style.display = '';
                  chosenBox = toBox;
              }
          </script>
          <?php
          defined ('main') or die ('no direct access');
           
          echo'
          <div id="Box_1">
          <div id="Menu">
          <a href="javascript:void(0);" onclick="toggleBox(1);"><img src="http://www.legend-of-german.de/include/designs/legend_blue/Bilder/buttonps.png" border="0" alt="Public Server"></a>
          <a href="javascript:void(0);" onclick="toggleBox(2);"><img src="http://www.legend-of-german.de/include/designs/legend_blue/Bilder/buttonws.png" border="0" alt="War Server"></a>
          </div>
          <div id="Inhalt">{_boxes_pubserver}</div>
          </div>
          ';
                         
          echo '
          <div id="Box_2" style="display:none">
          <div id="Menu">
         <a href="javascript:void(0);" onclick="toggleBox(1);"><img src="http://www.legend-of-german.de/include/designs/legend_blue/Bilder/buttonps.png" border="0" alt="Public Server"></a>
          <a href="javascript:void(0);" onclick="toggleBox(2);"><img src="http://www.legend-of-german.de/include/designs/legend_blue/Bilder/buttonws.png" border="0" alt="War Server"></a>
          </div>
          <div id="Inhalt">{_boxes_warserver}</div>
          </div>
          ';
          ?>


    2 Box

    <script type="text/javascript">
        var BoxB = 2;
        var chosenBoxB = 1;
        function toggleBoxB (toBoxB) {
            toBoxB = isNaN(toBoxB) ? 0 : toBoxB;
            if (toBoxB < 1 || toBoxB > BoxB) {
                toBoxB = (chosenBoxB < BoxB) ? chosenBoxB + 1 : 1;
            }
            document.getElementById('BoxB_'+chosenBoxB).style.display = 'none';
            document.getElementById('BoxB_'+toBoxB).style.display = '';
            chosenBoxB = toBoxB;
        }
    </script>
          <?php
          defined ('main') or die ('no direct access');
           
          echo'
          <div id="Box_2">
          <div id="Menu">
          <a href="javascript:void(0);" onclick="toggleBox(1);"><img src="http://www.legend-of-german.de/include/designs/legend_blue/Bilder/buttont.png" border="0" alt="Toplist"></a>
          <a href="javascript:void(0);" onclick="toggleBox(2);"><img src="http://www.legend-of-german.de/include/designs/legend_blue/Bilder/buttonp.png" border="0" alt="Partner Sites"></a>
          </div>
          <div id="Inhalt">{_boxes_allianz3}</div>
          </div>
          ';
                        
          echo '
          <div id="Box_2" style="display:none">
          <div id="Menu">
         <a href="javascript:void(0);" onclick="toggleBox(1);"><img src="http://www.legend-of-german.de/include/designs/legend_blue/Bilder/buttont.png" border="0" alt="Toplist"></a>
          <a href="javascript:void(0);" onclick="toggleBox(2);"><img src="http://www.legend-of-german.de/include/designs/legend_blue/Bilder/buttonp.png" border="0" alt="Partner Sites"></a>
          </div>
          <div id="Inhalt">{_boxes_allianz}</div>
          </div>
          ';
          ?>


    Was kann ich da tuhen oder was is da schief gelaufen?

    Page
    0 Mitglieder finden den Beitrag gut.
  3. #33
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.635
    Beitragswertungen
    1193 Beitragspunkte
    In der zweiten Box muss es heißen:

    <div id="BoxB_1">
    und
    <div id="BoxB_2 style="display:none">

    ...siehe ganz genau meinen vorherigen Code!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  4. #34
    User Pic
    Vauxhall Mitglied
    Registriert seit
    07.08.2008
    Beiträge
    129
    Beitragswertungen
    0 Beitragspunkte
    Oki Danke jetzt funzt es und jetzt hab ich das auch verstanden wie man die 2 und 3 und 4 box machen kann so.

    Danke @ Lord

    Erste Box

          <script type="text/javascript">
              var Box = 3;
              var chosenBox = 1;
              function toggleBox (toBox) {
                  toBox = isNaN(toBox) ? 0 : toBox;
                  if (toBox < 1 || toBox > Box) {
                      toBox = (chosenBox < Box) ? chosenBox + 1 : 1;
                  }
                  document.getElementById('Box_'+chosenBox).style.display = 'none';
                  document.getElementById('Box_'+toBox).style.display = '';
                  chosenBox = toBox;
              }
          </script>
          <?php
          defined ('main') or die ('no direct access');
           
          echo'
          <div id="Box_1">
          <div id="Menu">
          <a href="javascript:void(0);" onclick="toggleBox(1);"><img src="http://www.legend-of-german.de/include/designs/legend_blue/Bilder/buttonps.png" border="0" alt="Public Server"></a>
          <a href="javascript:void(0);" onclick="toggleBox(2);"><img src="http://www.legend-of-german.de/include/designs/legend_blue/Bilder/buttonws.png" border="0" alt="War Server"></a>
          </div>
          <div id="Inhalt">{_boxes_pubserver}</div>
          </div>
          ';
                         
          echo '
          <div id="Box_2" style="display:none">
          <div id="Menu">
         <a href="javascript:void(0);" onclick="toggleBox(1);"><img src="http://www.legend-of-german.de/include/designs/legend_blue/Bilder/buttonps.png" border="0" alt="Public Server"></a>
          <a href="javascript:void(0);" onclick="toggleBox(2);"><img src="http://www.legend-of-german.de/include/designs/legend_blue/Bilder/buttonws.png" border="0" alt="War Server"></a>
          </div>
          <div id="Inhalt">{_boxes_warserver}</div>
          </div>
          ';
          ?>


    Zweite Box

    <script type="text/javascript">
        var Box{B} = {2};
        var chosenBox{B} = 1;
        function toggleBox{B} (toBox{B}) {
            toBox{B} = isNaN(toBox{{B}) ? 0 : toBox{B};
            if (toBox{B} < 1 || toBox{B} > Box{B}) {
                toBox{B} = (chosenBox{B} < Box{B}) ? chosenBox{B} + 1 : 1;
            }
            document.getElementById('Box{B}_'+chosenBox{B}).style.display = 'none';
            document.getElementById('Box{B}_'+toBox{B}).style.display = '';
            chosenBox{B} = toBox{B};
        }
    </script>
          <?php
          defined ('main') or die ('no direct access');
           
          echo'
          <div id="Box{B}_1">
          <div id="Menu">
          <a href="javascript:void(0);" onclick="toggleBox{B}(1);"><img src="http://www.legend-of-german.de/include/designs/legend_blue/Bilder/buttont.png" border="0" alt="Toplist"></a>
          <a href="javascript:void(0);" onclick="toggleBox{B}(2);"><img src="http://www.legend-of-german.de/include/designs/legend_blue/Bilder/buttonp.png" border="0" alt="Partner Sites"></a>
          </div>
          <div id="Inhalt">{_boxes_allianz3}</div>
          </div>
          ';
                        
          echo '
          <div id="Box{B}_2" style="display:none">
          <div id="Menu">
         <a href="javascript:void(0);" onclick="toggleBox{B}(1);"><img src="http://www.legend-of-german.de/include/designs/legend_blue/Bilder/buttont.png" border="0" alt="Toplist"></a>
          <a href="javascript:void(0);" onclick="toggleBox{B}(2);"><img src="http://www.legend-of-german.de/include/designs/legend_blue/Bilder/buttonp.png" border="0" alt="Partner Sites"></a>
          </div>
          <div id="Inhalt">{_boxes_allianz}</div>
          </div>
          ';
          ?>


    Das {B} zeigt die änderungen für die 2. Box.
    So wie ich das verstanden habe kann man stadt dem B auch A oder sonst für ein Buchstaben nutzen nur halt ohne die {} und ohne Leer Zeichen.

    Denke das ist so richtig Lord oder?


    Zuletzt modifiziert von Vauxhall am 19.03.2010 - 10:36:43
    0 Mitglieder finden den Beitrag gut.
  5. #35
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.635
    Beitragswertungen
    1193 Beitragspunkte
    Genau!

    Nur zur Info:
    var Box = 2;
    bedeutet 2 Auswahlfelder in der Box
    var Box = 3;
    sozusagen 3 Auswahlfelder in der Box
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  6. #36
    User Pic
    MagistYata Mitglied
    Registriert seit
    22.12.2007
    Beiträge
    861
    Beitragswertungen
    6 Beitragspunkte
    Wenn ich das Tab Contentscript (siehe erste Seite Chapter) benutze, kann ich dann auch den Conteninhalt ausgeben lassen?
    Ich habe einiges ausprobiert. Mit IFrame kann ich zwar die ganze Seite einbinden, aber die brauche ich ja nicht, sondern nur den Inhalt der Contentbox.
    Streß ist Lebensdiebstahl
    0 Mitglieder finden den Beitrag gut.
  7. #37
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    ich versteh jetzt nicht ganz was du meinst. aber boxen kannst du doch ganz leicht mir {_boxes_DEINEBOX} einbinden...
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  8. #38
    User Pic
    whazza Mitglied
    Registriert seit
    18.10.2009
    Beiträge
    1.160
    Beitragswertungen
    35 Beitragspunkte
    Ich habe auch mal eine frage wollte jetzt nicht extra ein neuen Post aufmachen.
    Und zwar habe ich diesen code für eine switch box

    	<script type="text/javascript">
        var boxes = 5;
        var chosenBox = 1;
        function toggleBoxes (toShow) {
            toShow = isNaN(toShow) ? 0 : toShow;
            if (toShow < 1 || toShow > boxes) {
                toShow = (chosenBox < boxes) ? chosenBox + 1 : 4;
            }
            document.getElementById('box_'+chosenBox).style.display = 'none';
            document.getElementById('box_'+toShow).style.display = '';
            chosenBox = toShow;
        }
    </script>
    
    <div align="center">
    <p><a href="javascript:void(0);" onclick="toggleBoxes(1);"><b><u><img src="/include/images/boxen_buttons/cz-gg.jpg"/></u></b></a></p>
    <p><a href="javascript:void(0);" onclick="toggleBoxes(2);"><b><u><img src="/include/images/boxen_buttons/cs-wc3ft.jpg"/></u></b></a></p>
    <p><a href="javascript:void(0);" onclick="toggleBoxes(3);"><b><u><img src="/include/images/boxen_buttons/cs_awp-off.jpg"/></u></b></a></p>
    <p><a href="javascript:void(0);" onclick="toggleBoxes(4);"><b><u><img src="/include/images/boxen_buttons/cs-buzzkill.jpg"/></u></b></a></p>
    <p><a href="javascript:void(0);" onclick="toggleBoxes(5);"><b><u><img src="/include/images/boxen_buttons/kampflager.jpg"/></u></b></a></p>
    </div>
    <br />
    <div id="box_1">{_boxes_server_cz}</div>
    <div id="box_2" style="display:none">{_boxes_server_wc3ft}</div>
    <div id="box_3" style="display:none">{_boxes_server_no_awe}</div>
    <div id="box_4" style="display:none">{_boxes_server_buzz}</div>
    <div id="box_5" style="display:none">{_boxes_server_awe}</div>


    Er zeigt mir die 5 Bilder an aber das Switchen geht nicht so wie es soll, es gehen immer nur die ersten zwei dann wieder holt sich das immer wieder.

    Woran könnte das liegen.
    ez-skinz.com
    Unmögliches wird sofort erledigt, auf Wunsch wird auch gehext. Nur Wunder dauern etwas länger.
    0 Mitglieder finden den Beitrag gut.
  9. #39
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.635
    Beitragswertungen
    1193 Beitragspunkte
    <script type="text/javascript">
        var Boxes = 5;
        var chosenBoxes = 1;
        function toggleBoxes (toShow) {
            toShow = isNaN(toShow) ? 0 : toShow;
            if (toShow < 1 || toShow > Boxes) {
                toShow = (chosenBoxes < Boxes) ? chosenBoxes + 1 : 1;
            }
            document.getElementById('box_'+chosenBoxes).style.display = 'none';
            document.getElementById('box_'+toShow).style.display = '';
            chosenBoxes = toShow;
        }
    </script>
     
    <div align="center">
    <p><a href="javascript:void(0);" onclick="toggleBoxes(1);"><b><u><img src="/include/images/boxen_buttons/cz-gg.jpg"/></u></b></a></p>
    <p><a href="javascript:void(0);" onclick="toggleBoxes(2);"><b><u><img src="/include/images/boxen_buttons/cs-wc3ft.jpg"/></u></b></a></p>
    <p><a href="javascript:void(0);" onclick="toggleBoxes(3);"><b><u><img src="/include/images/boxen_buttons/cs_awp-off.jpg"/></u></b></a></p>
    <p><a href="javascript:void(0);" onclick="toggleBoxes(4);"><b><u><img src="/include/images/boxen_buttons/cs-buzzkill.jpg"/></u></b></a></p>
    <p><a href="javascript:void(0);" onclick="toggleBoxes(5);"><b><u><img src="/include/images/boxen_buttons/kampflager.jpg"/></u></b></a></p>
    </div>
    <br />
    <div id="box_1">{_boxes_server_cz}</div>
    <div id="box_2" style="display:none">{_boxes_server_wc3ft}</div>
    <div id="box_3" style="display:none">{_boxes_server_no_awe}</div>
    <div id="box_4" style="display:none">{_boxes_server_buzz}</div>
    <div id="box_5" style="display:none">{_boxes_server_awe}</div>
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  10. #40
    User Pic
    whazza Mitglied
    Registriert seit
    18.10.2009
    Beiträge
    1.160
    Beitragswertungen
    35 Beitragspunkte
    das geht leider auch nicht
    nwa-hesse.de/index.php
    ez-skinz.com
    Unmögliches wird sofort erledigt, auf Wunsch wird auch gehext. Nur Wunder dauern etwas länger.
    0 Mitglieder finden den Beitrag gut.
  11. #41
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.635
    Beitragswertungen
    1193 Beitragspunkte
    Bei mir geht es! Probier es mal so, habe nur die Namen geändert, falls Du Überschneidungen hast!

    <script type="text/javascript">
        var Switch = 5;
        var chosenSwitch = 1;
        function toggleSwitch (toShow) {
            toShow = isNaN(toShow) ? 0 : toShow;
            if (toShow < 1 || toShow > Switch) {
                toShow = (chosenSwitch < Switch) ? chosenSwitch + 1 : 1;
            }
            document.getElementById('link_'+chosenSwitch).style.display = 'none';
            document.getElementById('link_'+toShow).style.display = '';
            chosenSwitch = toShow;
        }
    </script>
     
    <div align="center">
    <p><a href="javascript:void(0);" onclick="toggleSwitch(1);"><b><u><img src="/include/images/boxen_buttons/cz-gg.jpg"/></u></b></a></p>
    <p><a href="javascript:void(0);" onclick="toggleSwitch(2);"><b><u><img src="/include/images/boxen_buttons/cs-wc3ft.jpg"/></u></b></a></p>
    <p><a href="javascript:void(0);" onclick="toggleSwitch(3);"><b><u><img src="/include/images/boxen_buttons/cs_awp-off.jpg"/></u></b></a></p>
    <p><a href="javascript:void(0);" onclick="toggleSwitch(4);"><b><u><img src="/include/images/boxen_buttons/cs-buzzkill.jpg"/></u></b></a></p>
    <p><a href="javascript:void(0);" onclick="toggleSwitch(5);"><b><u><img src="/include/images/boxen_buttons/kampflager.jpg"/></u></b></a></p>
    </div>
    <br />
    <div id="link_1">{_boxes_server_cz}</div>
    <div id="link_2" style="display:none">{_boxes_server_wc3ft}</div>
    <div id="link_3" style="display:none">{_boxes_server_no_awe}</div>
    <div id="link_4" style="display:none">{_boxes_server_buzz}</div>
    <div id="link_5" style="display:none">{_boxes_server_awe}</div>


    PS: Deine Seite geht nicht!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  12. #42
    User Pic
    Sunshine Live Mitglied
    Registriert seit
    03.06.2009
    Beiträge
    1.029
    Beitragswertungen
    109 Beitragspunkte
    ZitatZitat geschrieben von Lord|Schirmer

    PS: Deine Seite geht nicht!


    Hay, ja unser Anbieter hat datenbank probleme...

    UNd das is nur seine Testpage frech er hat seine richtige page auf dem root liegen frech

    aber das mit der switchbox is gut da sitz ich schon seid 2wochen dran
    danke
    0 Mitglieder finden den Beitrag gut.
  13. #43
    User Pic
    whazza Mitglied
    Registriert seit
    18.10.2009
    Beiträge
    1.160
    Beitragswertungen
    35 Beitragspunkte
    klasse vielen dank so geht es!
    ez-skinz.com
    Unmögliches wird sofort erledigt, auf Wunsch wird auch gehext. Nur Wunder dauern etwas länger.
    0 Mitglieder finden den Beitrag gut.
  14. #44
    User Pic
    MagistYata Mitglied
    Registriert seit
    22.12.2007
    Beiträge
    861
    Beitragswertungen
    6 Beitragspunkte
    @Chapter:
    ZitatZitat
    ich versteh jetzt nicht ganz was du meinst. aber boxen kannst du doch ganz leicht mir {_boxes_DEINEBOX} einbinden...


    Ja das geht mit dem Code vom Lord wunderbar.
    Wovonich rede, ist das Tab Content Script von Dynamic Drive.
    Da wir eine Liga habe, würde ich nämlich gerne alles in einem Link anzeiegn lassen (Tabelle, Spieltage, Regeln, Teams usw) Dazu würde das Contentscript genau passen.
    Streß ist Lebensdiebstahl
    0 Mitglieder finden den Beitrag gut.
  15. #45
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    du willst also den tabcontent als contentbereich einbauen und alles mit tabs verlinken und anzeigen?? was mach das für einen sinn??
    dafür brauch kein script. du kannst doch einfach die links zur nächsten seite einbauen

    also einfach in die z.b. joinus

    <a href="?fightus">fightus</a>
    ins joinus.htm template. so kannst du die dateien untereinander verlinken und brauchst kein script...
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  16. #46
    User Pic
    Edeka-Ecky Mitglied
    Registriert seit
    19.11.2009
    Beiträge
    213
    Beitragswertungen
    0 Beitragspunkte
    ich habe das jetzt so:

    //Switchboxen fuer Ilch CMS v. 1.1//
    //Editiert by www.mohaa-gaming.de und www.dragondesigns.de//
    
    <script type="text/javascript">
        var boxl = 4;
        var chosboxl = 1;
        function toggleboxl (tshow) {
            tshow = isNaN(tshow) ? 1 : tshow;
            if (tshow < 1 || tshow > boxl) {
                tshow = (chosboxl < boxl) ? chosboxl + 1 : 1;
            }
            document.getElementById('bokx_'+chosboxl).style.display = 'none';
            document.getElementById('bokx_'+tshow).style.display = '';
            chosboxl = tshow;
        }
    </script>
    <div align="left">
    <a  href="javascript:void(0);" onclick="toggleboxl(1);"><img src="include/images/icons/boxen/lboard.png" border="0" alt="Last Leader-Board"></a>
    <a  href="javascript:void(0);" onclick="toggleboxl(2);"><img src="include/images/icons/boxen/regist.png" border="0" alt="Last Regist"></a>
    </div>
    <br />
    <div id="bokx_1">{_boxes_lastforum2}</div> 
    <div id="bokx_2" style="display:none">{_boxes_lastreg}</div>



    aber meine buttons werden untereinander angezeigt, ich möchte sie aber gerne nebeneinander haben. i-wie bin ich nicht wach genug das hinzubekommen wenn width einbaue passiert auch nichts
    0 Mitglieder finden den Beitrag gut.
  17. #47
    User Pic
    Sunshine Live Mitglied
    Registriert seit
    03.06.2009
    Beiträge
    1.029
    Beitragswertungen
    109 Beitragspunkte
    probiere es ma so
    <script type="text/javascript">
                var Last = 2;
                var chosenLast = 1;
                function toggleLast (toLast) {
                toLast = isNaN(toLast) ? 0 : toLast;
                if (toLast < 1 || toLast > Last) {
                toLast = (chosenLast < Last) ? chosenLast + 1 : 1;
                }
                document.getElementById('Last_'+chosenLast).style.display = 'none';
                document.getElementById('Last_'+toLast).style.display = '';
                chosenLast = toLast;
                }
             </script>
    
    <div align="center">
    <a href="javascript:void(0);" onclick="toggleLast(1);"><b><u><img src="include/images/icons/boxen/lboard.png"/></u></b></a></p> 
    <a href="javascript:void(0);" onclick="toggleLast(2);"><b><u><img src="include/images/icons/boxen/regist.png"/></u></b></a></p>
    </div>
    <br />
    <div id="Last_1">{_boxes_lastforum2}</div>
    <div id="Last_2" style="display:none";;>{_boxes_lastreg}</div>



    Zuletzt modifiziert von Sunshine Live am 02.05.2010 - 14:18:13
    0 Mitglieder finden den Beitrag gut.
  18. #48
    User Pic
    Edeka-Ecky Mitglied
    Registriert seit
    19.11.2009
    Beiträge
    213
    Beitragswertungen
    0 Beitragspunkte
    jetzt sind die buttons ganz weg
    0 Mitglieder finden den Beitrag gut.
  19. #49
    User Pic
    Sunshine Live Mitglied
    Registriert seit
    03.06.2009
    Beiträge
    1.029
    Beitragswertungen
    109 Beitragspunkte
    so sry jetze sollte es gehn
    oben den code geändert
    0 Mitglieder finden den Beitrag gut.
  20. #50
    User Pic
    Edeka-Ecky Mitglied
    Registriert seit
    19.11.2009
    Beiträge
    213
    Beitragswertungen
    0 Beitragspunkte
    hehe jetzt sind sie immer noch untereinander, haben durchgehend border und switchen nich mehr^^
    0 Mitglieder finden den Beitrag gut.
  21. #51
    User Pic
    Sunshine Live Mitglied
    Registriert seit
    03.06.2009
    Beiträge
    1.029
    Beitragswertungen
    109 Beitragspunkte
    ô0
    also so sieht meine switch box aus(code)
    <script type="text/javascript">
                var Last = 3;
                var chosenLast = 1;
                function toggleLast (toLast) {
                toLast = isNaN(toLast) ? 0 : toLast;
                if (toLast < 1 || toLast > Last) {
                toLast = (chosenLast < Last) ? chosenLast + 1 : 1;
                }
                document.getElementById('Last_'+chosenLast).style.display = 'none';
                document.getElementById('Last_'+toLast).style.display = '';
                chosenLast = toLast;
                }
             </script>
    
    <div align="center">
    <a href="javascript:void(0);" onclick="toggleLast(1);"><b><u><img src="include/images/switchbox/member.png"/></u></b></a></p>
    <a href="javascript:void(0);" onclick="toggleLast(2);"><b><u><img src="include/images/switchbox/birth.png"/></u></b></a></p>
    <a href="javascript:void(0);" onclick="toggleLast(3);"><b><u><img src="include/images/switchbox/partner.png"/></u></b></a></p>
    </div>
    <br />
    <div id="Last_1">{_boxes_random_user}</div>
    <div id="Last_2" style="display:none";;>{_boxes_geburtstag}</div>
    <div id="Last_3" style="display:none";;>{_boxes_allianz}</div>

    und hier die seite dazu
    externer Link
    und ganz unten rechts sind sogar 3 bilder neben einander der code is auch nit sehr viel änders bzw nur die pfade
    0 Mitglieder finden den Beitrag gut.
  22. #52
    User Pic
    Edeka-Ecky Mitglied
    Registriert seit
    19.11.2009
    Beiträge
    213
    Beitragswertungen
    0 Beitragspunkte
    hmm ich verstehe es nich bei mir siehts jetzt so aus:

    gesperrtes Bild

    aber ich sehe auch keine großen unterschiede bei dir:

    <b> ist für fett
    <u> ist für unterstreichen
    <p> ist für den absatz

    ber was mir auffällt, wenn ich auf einen button klicken kommt diese gepunktete umrandung über die ganze boxenbreite und nich nur um den button ansich.
    0 Mitglieder finden den Beitrag gut.
  23. #53
    User Pic
    Edeka-Ecky Mitglied
    Registriert seit
    19.11.2009
    Beiträge
    213
    Beitragswertungen
    0 Beitragspunkte
    kann es vllt an meiner style.css liegen?:

    body   
    { 
      margin : 0 auto;
      background-color: #D6D6D6 ;
      background-image :  url(images/bg2.jpg);
      background-repeat :  no-repeat;
      background-position:top center;
      background-attachment:fixed;
    }
    
    .news
    {padding-left:10px;
    }
    .abg
    {
    }
    
    td 
    {
      color: #161616;
      font-family: verdana; 
      font-size: 10px;
      text-align: center;
    
    }
    
    ad
    {
      color: #161616;
      font-family: verdana; 
      font-size: 9px;
      text-align: center;
    
    }
    
    a 
    { 
      color: #8C8D8F; 
      font-family: verdana; 
      font-size: 10px; 
      text-decoration: none;
    
    }
    
    a:hover 
    { 
      color: #527AF4;
      text-decoration: none;
    
    }
    .topbox 
    { 
      color: #ACA056; 
      font-family: verdana; 
      font-size: 10px;
      text-align:left;
      margin:0 auto;
      display:block;
    }
    a.topbox 
    { 
      color: #121212; 
      font-family: verdana; 
      font-size: 10px;
      text-align:left;
      margin:0 auto;
      display:block;
    }
    
    a.topbox:hover 
    {  
      color: #527AF4;
      font-family: verdana; 
      font-size: 10px;
      text-decoration: none;
    }
    .topbox2
    { 
      color: #121212; 
      font-family: verdana; 
      font-size: 10px;
      text-align:right;
      padding-right:5px;
      display:block;
    }
    a.topbox2 
    { 
      color: #121212; 
      font-family: verdana; 
      font-size: 10px;
      text-align:right;
      margin:0 auto;
      display:block;
    }
    a.topbox2:hover 
    {  
      color: #527AF4;
      font-family: verdana; 
      font-size: 10px;
      text-decoration: none;
    }
    a.box 
    { 
      color: #53A5FF; 
      font-family: verdana; 
      font-size: 10px;
      text-align:left;
      margin:0 auto;
    
    }
    a.box:hover 
    {  
      color: #527AF4;
      text-decoration: none;
    }
    
    .shoutbox{
      font-family: verdana; 
      font-size: 11px;
      color:#8C8C8C;
      text-align:left;
      margin:0 auto;
    }
    #login{
      font-family: verdana; 
      font-size: 11px;
      color:#FC8E00;
      text-align:left;
      margin:0 auto;
    }
    #login a{
      color:#FE6B01;
    }
    #login a:hover{
      color:#527AF4;
    }
    .Chead
    {
      color: #53A5FF;
      background-image :  url(images/head2.png);
      background-repeat :  repeat-x;
    }
    
    .Chead td, .Chead td strong, .Chead h4, .Chead td b
    {
      color: #7C766A;
      text-align: left;
    }
    
    .Callg
    {
    	background-color: #EFEFEF;
    	border:1px solid #DCDCDC;
    	text-align: left;
    }
    
    .Callg td
    {
      color: #121212;
      text-align: left;
    }
    
    .Cnorm 
    {
      background: #F1F1EE;
    }
    
    .Cbla
    {
    background: #E5E5E2
    }
    
    .Cmite
    {
      background-color: #E5E5E2;
    }
    .Cdark
    {
      background-image :  url(images/head.png);
      background-repeat :  repeat-x;
    }
    
    .Bhead
    {
    	color: #EEA200;
    	text-align: left;
    	padding-bottom:10px;
    }
    
    .navi
    {
    	color: #A2947C;
    	text-align: left;
    	padding-left:0px;
    }
    .navi_re
    {
    	color: #A2947C;
    	text-align: left;
    	padding-left:18px;
        padding-right:12px;
        width:190px;
    }
    .navtop
    {
    	color: #53A5FF;
    	text-align: center;
    	font-family: verdana; 
        font-size: 12px;
        text-decoration		: bold;
    }
    
    .navtop_re
    {
    	color: #53A5FF;
    	text-align: center;
    	padding-left:5px;
    	font-family: verdana; 
        font-size: 12px;
    		text-decoration		: bold;
    }
    .smalfont 
    { 
        color: #4B4B4B;
        font-size: 9px;
    	text-decoration: none;
    }
    
    .border 
    { 
        background-color: #D1D1CE;
    }
    
    hr 
    { 
        height: 0px; 
    	border-top-width: 1px; 
    }
    
    input, textarea, select
    { 
        color: #000000;  
        font: 10px verdana;  
        border-color: #D6D6D3;
      	border-width: 1px;
        border-style: solid;  
        font-weight: none;  
        text-decoration: none;
        background-color:#f0f0f0;
    }
    #newsticker { 
            padding-top: 0px; 
    		margin: 0 auto;
    		width:440px;
    		padding-left:90px;
    	
    }
    #log { 
            padding-top: 0px; 
    		margin-left: 0px;
            float:left;		
    }
    #search { 
            padding-top: 0px; 
    		margin: 0 auto;
            height:20px;
    }
    #banner { 
            margin:0 auto;
    		width:360px;
    		height:60px;
    }
    #copy { 
            margin:0 auto; 
    		padding-right:10px;
    		padding-top:5px;
    		list-style:none;
    		color: #8C8C8C;
            text-align: right;
    		font: 10px verdana;
    }
    #copy a { 
    		color: #FE7E00;
    		font: 10px verdana;
    }
    #copy a:hover{ 
    		color: #527AF4;
    		font: 10px verdana;
    }
    
    #menu {
            color: #D1D1CE;
    		}
    #menu ul { 
            padding-left: 0px; 
    		margin: 0 auto; 
    		list-style:none;
    }
    
    #menu a {
        display		        : block;
    	width				: 176px;
    	line-height			: 14px;
    	height              : 16px;
    	font-size			: 10px;
    	color				: #B9B9B9;
    	font-weight			: normal;
    	background			: url(images/menu.gif) no-repeat;
    	padding-bottom		: 0px;
    	text-indent			: 30px;
    }
    #menu a:hover {
    	color				: #527AF4;
    	text-indent			: 30px;
    	background-position	: 0 -16px;
    	text-decoration		: bold;
    }
    
    #menu_re {
            color: #8E8E8E;
    		}
    #menu_re ul { 
            padding-left: 0px; 
    		margin: 0 auto; 
    		list-style:none;
    }
    
    #menu_re a {
        display				: block;
    	font-size			: 10px;
    	color				: #53a5ff;
    	font-weight			: normal;
    	padding-bottom		: 2px;
    	text-align          : center;
    }
    #menu_re a:hover {
    	color				: #ED7205;
    	text-decoration		: bold;
    }
    
    #smallmenu { }
    #smallmenu li { font-size: 9px; }
    #smallmenu a { font-size: 9px; }
    0 Mitglieder finden den Beitrag gut.
  24. #54
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.635
    Beitragswertungen
    1193 Beitragspunkte
    Sollte funktionieren, sofern deine 3 Buttons insgesamt nicht zu breit sind für die Boxengröße!

    <script type="text/javascript">
                var Last = 3;
                var chosenLast = 1;
                function toggleLast (toLast) {
                toLast = isNaN(toLast) ? 0 : toLast;
                if (toLast < 1 || toLast > Last) {
                toLast = (chosenLast < Last) ? chosenLast + 1 : 1;
                }
                document.getElementById('Last_'+chosenLast).style.display = 'none';
                document.getElementById('Last_'+toLast).style.display = '';
                chosenLast = toLast;
                }
             </script>
     
    <div align="center">
    <a href="javascript:void(0);" onclick="toggleLast(1);"><b><u><img src="include/images/switchbox/member.png"/></u></b></a>&nbsp;<a href="javascript:void(0);" onclick="toggleLast(2);"><b><u><img src="include/images/switchbox/birth.png"/></u></b></a>&nbsp;<a href="javascript:void(0);" onclick="toggleLast(3);"><b><u><img src="include/images/switchbox/partner.png"/></u></b></a>
    </div>
    <br />
    <div id="Last_1">{_boxes_random_user}</div>
    <div id="Last_2" style="display:none";>{_boxes_geburtstag}</div>
    <div id="Last_3" style="display:none";>{_boxes_allianz}</div>



    Zuletzt modifiziert von Lord|Schirmer am 02.05.2010 - 21:57:10
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  25. #55
    User Pic
    Edeka-Ecky Mitglied
    Registriert seit
    19.11.2009
    Beiträge
    213
    Beitragswertungen
    0 Beitragspunkte
    ich habs genau so drin, aber siehe hier:

    elite-of-europe.de/index.php?startseite

    platz ist genug da aber er macht sie einfach untereinander. ich hatte das mit anderen boxen auch schon die hab ich dann einfach direkt in die index.htm itegriert, aber hier geht das nicht, er zeigt mir dann zwar die switchbox an aber dann sind nicht die inhalte zu sehen sondern:

    {boxes_lastreg} und {boxes_lastforum2}
    0 Mitglieder finden den Beitrag gut.
  26. #56
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.635
    Beitragswertungen
    1193 Beitragspunkte
    Wo, ich seh nichts!

    Probier mal das:
    <script type="text/javascript">
                var Last = 3;
                var chosenLast = 1;
                function toggleLast (toLast) {
                toLast = isNaN(toLast) ? 0 : toLast;
                if (toLast < 1 || toLast > Last) {
                toLast = (chosenLast < Last) ? chosenLast + 1 : 1;
                }
                document.getElementById('Last_'+chosenLast).style.display = 'none';
                document.getElementById('Last_'+toLast).style.display = '';
                chosenLast = toLast;
                }
             </script>
     
    <div align="center">
    <a href="javascript:void(0);" onclick="toggleLast(1);"><img style="padding-left: 4%; float: left;" src="include/images/switchbox/member.png"/></a>
    <a href="javascript:void(0);" onclick="toggleLast(2);"><img style="padding-left: 4%; float: left;" src="include/images/switchbox/birth.png"/></a>
    <a href="javascript:void(0);" onclick="toggleLast(3);"><img style="padding-left: 4%; float: left;" src="include/images/switchbox/partner.png"/></a>
    </div>
    <br />
    <div id="Last_1">{_boxes_random_user}</div>
    <div id="Last_2" style="display:none";>{_boxes_geburtstag}</div>
    <div id="Last_3" style="display:none";>{_boxes_allianz}</div>
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  27. #57
    User Pic
    Edeka-Ecky Mitglied
    Registriert seit
    19.11.2009
    Beiträge
    213
    Beitragswertungen
    0 Beitragspunkte
    oh das sieht schon ganz gut aus^^ sie sind jetzt schon mal nebeneinander. nur sind sie ein bisschen unterschiedlich von der höhe:

    aso sry hatte die Box wieder versteckt, nun kannst sie wieder sehen:

    elite-of-europe.de
    0 Mitglieder finden den Beitrag gut.
  28. #58
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.635
    Beitragswertungen
    1193 Beitragspunkte
    Das gibt es ja garnicht! Bei mir funktioniert es so:

    <script type="text/javascript">
                var Last = 3;
                var chosenLast = 1;
                function toggleLast (toLast) {
                toLast = isNaN(toLast) ? 0 : toLast;
                if (toLast < 1 || toLast > Last) {
                toLast = (chosenLast < Last) ? chosenLast + 1 : 1;
                }
                document.getElementById('Last_'+chosenLast).style.display = 'none';
                document.getElementById('Last_'+toLast).style.display = '';
                chosenLast = toLast;
                }
    </script>
    
    <div align="center">
    <a href="javascript:void(0);" onclick="toggleLast(1);"><img border="0" src="include/images/switchbox/member.png"/></a>
    <a href="javascript:void(0);" onclick="toggleLast(2);"><img border="0" src="include/images/switchbox/birth.png"/></a>
    <a href="javascript:void(0);" onclick="toggleLast(3);"><img border="0" src="include/images/switchbox/partner.png"/></a>
    <br />
    <div id="Last_1">{_boxes_random_user}</div>
    <div id="Last_2" style="display:none;">{_boxes_geburtstag}</div>
    <div id="Last_3" style="display:none;">{_boxes_allianz}</div>
    </div>
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  29. #59
    User Pic
    Edeka-Ecky Mitglied
    Registriert seit
    19.11.2009
    Beiträge
    213
    Beitragswertungen
    0 Beitragspunkte
    so nun hab ich´s^^ durch deinen code mit padding-left bin ich drauf gekommen mit padding-top zu arbeiten und es nur auf einen button anzuwenden^^

    vielen dank für deine geduld lord
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten