Hallo zusammen,
ich wollte mal kurz und knapp fragen wie man eine switch box erstellt. Zu sehen zum bsp. auf externer Link. Für Hilfe wäre ich sehr dankbar.
Lg Merlin
verwendete ilchClan Version: 1.1 N
betroffene Homepage: externer Link
Hier kann eine Notiz zum Merk-Eintrag hinzugefügt werden (optional)
Geschlossen |
<link rel="stylesheet" type="text/css" href="include/designs/DEINDESIGN/tabcontent.css" /> <script type="text/javascript" src="include/designs/DEINDESIGN/tabcontent.js"> /*********************************************** * Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ </script>
<ul id="countrytabs" class="shadetabs"> <li><a href="#" rel="country1" class="selected">Tab 1</a></li> <li><a href="#" rel="country2">Tab 2</a></li> <li><a href="#" rel="country3">Tab 3</a></li> <li><a href="#" rel="country4">Tab 4</a></li> </ul> <div style="border:1px solid gray; width:450px; margin-bottom: 1em; padding: 10px"> <div id="country1" class="tabcontent"> {_boxes_die gewünschte box} </div> <div id="country2" class="tabcontent"> {_boxes_die gewünschte box} </div> <div id="country3" class="tabcontent"> {_boxes_die gewünschte box} </div> <div id="country4" class="tabcontent"> {_boxes_die gewünschte box} </div> </div>
<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);">Link1</a> <a href="javascript:void(0);" onclick="toggleBox(2);">Link2</a> <a href="javascript:void(0);" onclick="toggleBox(3);">Link3</a> </div> <div id="Inhalt">Inhalt der Box 1</div> </div> '; echo ' <div id="Box_2" style="display:none"> <div id="Menu"> <a href="javascript:void(0);" onclick="toggleBox(1);">Link1</a> <a href="javascript:void(0);" onclick="toggleBox(2);">Link2</a> <a href="javascript:void(0);" onclick="toggleBox(3);">Link3</a> </div> <div id="Inhalt">Inhalt der Box 2</div> </div> '; echo ' <div id="Box_3" style="display:none"> <div id="Menu"> <a href="javascript:void(0);" onclick="toggleBox(1);">Link1</a> <a href="javascript:void(0);" onclick="toggleBox(2);">Link2</a> <a href="javascript:void(0);" onclick="toggleBox(3);">Link3</a> </div> <div id="Inhalt">Inhalt der Box 3</div> </div> '; ?>
echo' <div id="Box_1"> <div id="Menu"> <a href="javascript:void(0);" onclick="/gameserver(1);">gameserver</a> <a href="javascript:void(0);" onclick="toggleBox(2);">omember</a> <a href="javascript:void(0);" onclick="toggleBox(3);">online_statistik_avatar</a> </div> <div id="Inhalt">Inhalt der Box 1</div> </div> ';
<div id="Box_1"> <div id="Menu"> <a href="javascript:void(0);" onclick="/gameserver(1);">gameserver</a> <a href="javascript:void(0);" onclick="toggleBox(2);">omember</a> <a href="javascript:void(0);" onclick="toggleBox(3);">online_statistik_avatar</a> </div> <div id="Inhalt">{_boxes_lastforum}</div> </div>
echo' <div id="1"> <div id="Menu"> <a href="javascript:void(0);" onclick="toggleBox(1);">LastF</a> <a href="javascript:void(0);" onclick="toggleBox(2);">Cup</a> <a href="javascript:void(0);" onclick="toggleBox(3);">Liga</a> </div> <div id="1">{_boxes_lastforum}</div> <div id="2" style="display:none">{_boxes_online}</div> </div> ';
echo' <div id="1"> <div id="Menu"> <a href="javascript:void(0);" onclick="toggleBox(1);">LastF</a> <a href="javascript:void(0);" onclick="toggleBox(2);">Cup</a> <a href="javascript:void(0);" onclick="toggleBox(3);">Liga</a> </div> <div id="1">{_boxes_lastforum}</div> <div id="2" style="display:none">{_boxes_online}</div> </div> ';
echo' <div id="Menu"> <a href="javascript:void(0);" onclick="toggleBox(1);">Box1</a> <a href="javascript:void(0);" onclick="toggleBox(2);">Box2</a> <a href="javascript:void(0);" onclick="toggleBox(3);">Box3</a> </div> <div id="Box_1">{_boxes_1}</div> <div id="Box_2" style="display:none">{_boxes_2}</div> <div id="Box_3" style="display:none">{_boxes_3}</div> ';
echo' <div id="Menu"> <a href="javascript:void(0);" onclick="toggleBox(1);">Box1</a> <a href="javascript:void(0);" onclick="toggleBox(2);">Box2</a> <a href="javascript:void(0);" onclick="toggleBox(3);">Box3</a> </div> <div id="Box_1">{_boxes_1}</div> <div id="Box_2" style="display:none">{_boxes_2}</div> <div id="Box_3" style="display:none">{_boxes_3}</div> ';
<a href="javascript:void(0);" onclick="toggleBox(1);">Box1</a> <a href="javascript:void(0);" onclick="toggleBox(2);">Box2</a> <a href="javascript:void(0);" onclick="toggleBox(3);">Box3</a> </div> </div> <br /> <div id="boxx_1">{_boxes_lastregistuser}</div> <div id="boxx_2" style="display:none">{_boxes_lastwar}</div> <div id="boxx_3" style="display:none">{_boxes_shoutbox}</div> <div id="boxx_4" style="display:none">{_boxes_vote}</div>
<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);">Link1</a> <a href="javascript:void(0);" onclick="toggleBox(2);">Link2</a> <a href="javascript:void(0);" onclick="toggleBox(3);">Link3</a> </div> <div id="Inhalt">Inhalt der Box 1</div> </div> '; echo ' <div id="Box_2" style="display:none"> <div id="Menu"> <a href="javascript:void(0);" onclick="toggleBox(1);">Link1</a> <a href="javascript:void(0);" onclick="toggleBox(2);">Link2</a> <a href="javascript:void(0);" onclick="toggleBox(3);">Link3</a> </div> <div id="Inhalt">Inhalt der Box 2</div> </div> '; echo ' <div id="Box_3" style="display:none"> <div id="Menu"> <a href="javascript:void(0);" onclick="toggleBox(1);">Link1</a> <a href="javascript:void(0);" onclick="toggleBox(2);">Link2</a> <a href="javascript:void(0);" onclick="toggleBox(3);">Link3</a> </div> <div id="Inhalt">Inhalt der Box 3</div> </div> '; ?>
<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);"><u>Last Forum</u></a> <a href="javascript:void(0);" onclick="toggleBox(2);">Last News</a> <a href="javascript:void(0);" onclick="toggleBox(3);">Last Wars</a> </div> <div id="Inhalt">{_boxes_lastforum}</div> </div> '; echo ' <div id="Box_2" style="display:none"> <div id="Menu"> <a href="javascript:void(0);" onclick="toggleBox(1);">Last Forum</a> <a href="javascript:void(0);" onclick="toggleBox(2);"><u>Last News</u></a> <a href="javascript:void(0);" onclick="toggleBox(3);">Last Wars</a> </div> <div id="Inhalt">{_boxes_lastnews}</div> </div> '; echo ' <div id="Box_3" style="display:none"> <div id="Menu"> <a href="javascript:void(0);" onclick="toggleBox(1);">Last Forum</a> <a href="javascript:void(0);" onclick="toggleBox(2);">Last News</a> <a href="javascript:void(0);" onclick="toggleBox(3);"><u>Last Wars</u></a> </div> <div id="Inhalt">{_boxes_lastwars}</div> </div> '; ?>
<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.deine domain.de/include/designs/design/Bilder/buttonps.png" border="0" alt="Public Server"></a> <a href="javascript:void(0);" onclick="toggleBox(2);"><img src="http://www.deine domain.de/include/designs/design/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.deine domain.de/include/designs/design/Bilder/buttonps.png" border="0" alt="Public Server"></a> <a href="javascript:void(0);" onclick="toggleBox(2);"><img src="http://www.deine domain.de/include/designs/design/Bilder/buttonws.png" border="0" alt="War Server"></a> </div> <div id="Inhalt">{_boxes_warserver}</div> </div> '; ?>
Geschlossen | ||
Zurück zu Allgemein |