ilch Forum » Allgemein » HTML, PHP, SQL,... » Latest News/Forum Box

Geschlossen
  1. Mi. 23.04.2008 21:30 Uhr #1
    User Pic
    naofireblade Mitglied
    Registriert seit
    24.01.2007
    Beiträge
    100
    Beitragswertungen
    0 Beitragspunkte
    Hallo an alle Coder hier.

    Ich versuche mir eine Box zu basteln, in der man unten waehlen kann zwischen Latest News und Latest Posts, wenn man also auf den Button fuer Latest News klickt stehen die dadrueber und wenn man auf Latest Posts klickt stehen die dadrueber, aber die News nicht mehr. Der Inhalt wechselt also.
    So Simpel die Box klingt habe ich bisher noch keine Loesung gefunden, einzig diese hier, wobei aber das eine nicht ausgeblendet wird, wenn das andere eingeblendet wird. Also wer ein bischen Ahnung von Javascript hat, kann das vlt auch so umbasteln das beim Klick auf Posts nicht nur die Latest Posts angezeigt sondern die Latest News ausgeblendet werde. 

    <script type="text/javascript">
    function show (blub) {
        if (document.getElementById) {
            if (document.getElementById(blub).style.display == "block") {
                document.getElementById(blub).style.display = "none";
            } else {
                document.getElementById(blub).style.display = "block";
            }
        }
    }
</script>


   <table id="lastnews" style="display:block">
       <tr><td>{_boxes_LASTNEWS}</td></tr>
   </table>
   <table id="lastforum" style="display:none">
       <tr><td>{_boxes_LASTFORUM}</td></tr>
   </table>
<div align="center">
<a href="javascript:show('lastnews')">News</a>
<a>&nbsp;/&nbsp;</a>
<a href="javascript:show('lastforum')">Posts</a>
</div>



    verwendete ilchClan Version: 1.1

    betroffene Homepage: externer Link


    Zuletzt modifiziert von naofireblade am 23.04.2008 - 21:37:33
    Webdesign und Ilch Module: externer Link
    0 Mitglieder finden den Beitrag gut.
  2. Do. 24.04.2008 09:03 Uhr #2
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    <script type="text/javascript">
    function toggle_lasts (blub) {
        var ln = document.getElementById('lastnews');
        var lf = document.getElementById('lastforum');
        if (lf.style.display == 'none') {
            ln.style.display = 'none';
            lf.style.display = '';
        } else {
            lf.style.display = 'none';
            ln.style.display = '';
        }
    }
</script>


<div id="lastnews">{_boxes_LASTNEWS}</div>
<div id="lastforum" style="display:none">{_boxes_LASTFORUM}</div>
<div align="center">
<a href="javascript:void(0);" onclick="toggle_lasts();">Toggle</a>
</div>
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  3. Do. 24.04.2008 09:34 Uhr #3
    User Pic
    SLJ Hall Of Fame
    Registriert seit
    18.05.2004
    Beiträge
    15.492
    Beitragswertungen
    3 Beitragspunkte
    Und wie sieht das aus wenn ich das für 4 boxen haben möchte ?
    externer Link
    Ilch 1.0.4 PHP 7.0 und PDO Fähig na klar lächeln
    0 Mitglieder finden den Beitrag gut.
  4. Do. 24.04.2008 09:43 Uhr #4
    User Pic
    naofireblade Mitglied
    Registriert seit
    24.01.2007
    Beiträge
    100
    Beitragswertungen
    0 Beitragspunkte
    Danke Mairu funktioniert soweit, aber ich hatte das eigentlich so gedacht, das eben 2 Links da sind. Einer fuer News und einer fuer Forum, wenn man auf News klickt und gerade drauf ist soll er auch da bleiben. Erweiterbar wir SLJ sagt waer dann auch nicht schlecht lachen.


    Zuletzt modifiziert von naofireblade am 24.04.2008 - 09:43:49
    Webdesign und Ilch Module: externer Link
    0 Mitglieder finden den Beitrag gut.
  5. Do. 24.04.2008 09:46 Uhr #5
    User Pic
    SLJ Hall Of Fame
    Registriert seit
    18.05.2004
    Beiträge
    15.492
    Beitragswertungen
    3 Beitragspunkte
    Vorteil bei mir du brauchst eh 4 links,... zunge
    externer Link
    Ilch 1.0.4 PHP 7.0 und PDO Fähig na klar lächeln
    0 Mitglieder finden den Beitrag gut.
  6. Do. 24.04.2008 09:46 Uhr #6
    User Pic
    naofireblade Mitglied
    Registriert seit
    24.01.2007
    Beiträge
    100
    Beitragswertungen
    0 Beitragspunkte
    Hab was gefunden, aber nun das Problem, dass am Anfang beide angezeigt werden oder mit einer Zusatzfunktion gar nichts. Bekommt das jemand so hin, dass die News am Anfang angezeigt werden?

    Code wo beides am Anfang steht 

    <script type="text/javascript">
var lastObject;
function show (id) {
if (lastObject) document.getElementById(lastObject).style.display = "none";
 if (document.getElementById) document.getElementById(id).style.display = "";
lastObject = id;
}
</script>


<div id="menu1">{_boxes_LASTNEWS}</div>
<div id="menu2">{_boxes_LASTFORUM}</div>
<a href="javascript:show('menu1')">News</a>
<a href="javascript:show('menu2')">Posts</a>


    Code mit hide() Funktion: 

    <script type="text/javascript">
var lastObject;
function show (id) {
if (lastObject) document.getElementById(lastObject).style.display = "none";
 if (document.getElementById) document.getElementById(id).style.display = "";
lastObject = id;
}
function hide(){
for (var i=1;i<4;i++){
document.getElementById('menu'+i).style.display = "none";
}
}
</script>


<body onload="hide()">
<div id="menu1">{_boxes_LASTNEWS}</div>
<div id="menu2">{_boxes_LASTFORUM}</div>
<a href="javascript:show('menu1')">News</a>
<a href="javascript:show('menu2')">Posts</a>
</body>



    Zuletzt modifiziert von naofireblade am 24.04.2008 - 09:47:48
    Webdesign und Ilch Module: externer Link
    0 Mitglieder finden den Beitrag gut.
  7. Do. 24.04.2008 10:07 Uhr #7
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    <script type="text/javascript">
    var boxes = 4;
    var chosenBox = 1;
    function toggleBoxes (toShow) {
        toShow = isNaN(toShow) ? 0 : toShow;
        if (toShow < 1 || toShow > boxes) {
            toShow = (chosenBox < boxes) ? chosenBox + 1 : 1;
        }
        document.getElementById('box_'+chosenBox).style.display = 'none';
        document.getElementById('box_'+toShow).style.display = '';
        chosenBox = toShow;
    }
</script>

<div id="box_1">1</div>
<div id="box_2" style="display:none">2</div>
<div id="box_3" style="display:none">3</div>
<div id="box_4" style="display:none">4</div>
<div align="center">
<a href="javascript:void(0);" onclick="toggleBoxes();">Toggle</a>
<a href="javascript:void(0);" onclick="toggleBoxes(1);">Show 1</a>
<a href="javascript:void(0);" onclick="toggleBoxes(3);">Show 3</a>
</div>


    Ist sicher nicht optimal, aber ich war jetzt nicht auf der Suche nach Perfektion zunge
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  8. Do. 24.04.2008 10:18 Uhr #8
    User Pic
    naofireblade Mitglied
    Registriert seit
    24.01.2007
    Beiträge
    100
    Beitragswertungen
    0 Beitragspunkte
    Genau danach hab ich gesucht lächeln

    Das fertige Produkt gibts hier: externer Link

    Danke!


    Zuletzt modifiziert von naofireblade am 24.04.2008 - 10:42:01
    Webdesign und Ilch Module: externer Link
    0 Mitglieder finden den Beitrag gut.
  9. Do. 24.04.2008 16:11 Uhr #9
    User Pic
    naofireblade Mitglied
    Registriert seit
    24.01.2007
    Beiträge
    100
    Beitragswertungen
    0 Beitragspunkte
    weiss jemand wie ich es hinbekomm, mit einem klick 2 div's anzeigen zu lassen? Also zB box_1 und box_1a durch einen klick auf Show 1
    Webdesign und Ilch Module: externer Link
    0 Mitglieder finden den Beitrag gut.
  10. Do. 24.04.2008 16:46 Uhr #10
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    <script type="text/javascript">
function Klappen(Id) {
var KlappText = document.getElementById('Lay'+Id);
var KlappBild = document.getElementById('Pic'+Id);
var jetec_Minus="inhalt/codeschnipsel/minus.gif", jetec_Plus="inhalt/codeschnipsel/plus.gif";
if (KlappText.style.display == 'none') {
KlappText.style.display = 'block';
KlappBild.src = jetec_Minus;
} else {
KlappText.style.display = 'none';
KlappBild.src = jetec_Plus;
}}
</script>



    Box1
    <div id="Lay1" style="display: none;"><hr>
    Hier der Text den man aus/ein-klappen kann.
    <br>Natürlich auch Grafiken oder alles andere.
    </div>

    Box2
    <div id="Lay1" style="display: none;"><hr>
    Hier der Text den man aus/ein-klappen kann.
    <br>Natürlich auch Grafiken oder alles andere.
    </div>

    link zum klappen
    <a href="javascript:Klappen(1)">

    jetzt klappen beide boxen gleichzeitig auf.
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  11. Do. 24.04.2008 17:23 Uhr #11
    User Pic
    naofireblade Mitglied
    Registriert seit
    24.01.2007
    Beiträge
    100
    Beitragswertungen
    0 Beitragspunkte
    hm klappt bei mir nicht, er zeigt nur die erste box an aber das ist jetzt ja auch wieder was ganz anderes als ich oben haben wollte. Das was mairu da gepostet hat is schon super, nur dass der code so abgeaendert werden muesste, dass 2 div's angezeigt werden.
    Bei dem script von Chapter ist das Problem, dass ich ja wieder alle div's untereinander hab wenn ich mehrere mit verschiedenen buttons oeffnen will. Das angezeigte div soll ja wechseln lachen.


    Zuletzt modifiziert von naofireblade am 24.04.2008 - 17:24:46
    Webdesign und Ilch Module: externer Link
    0 Mitglieder finden den Beitrag gut.
  12. Do. 24.04.2008 17:36 Uhr #12
    User Pic
    naofireblade Mitglied
    Registriert seit
    24.01.2007
    Beiträge
    100
    Beitragswertungen
    0 Beitragspunkte
    habs schon hinbekommen glücklich
    Webdesign und Ilch Module: externer Link
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten