chefkoch: Speiseplan

Hallo!

habe einen tabellarischen Wochenspeiseplan. Um dem User die Info zu erleichtern, was es am aktuellen Tag zu essen gibt, möchte ich gerne eine Art "Heute auf der Karte"-Button, der beim Anklicken den aktuellen Tag in der Tabelle in einer anderen Fabre einfärbt. Geht das überhaupt?
Danke schonmal

  1. Hi,

    schau dir mal den unteren Code an ist ein Beispiel.
    Überprüfe doch welcher Tag ist und setze den hintergrund der Tabelle richtig.

    Gruss Matze
    PS. dafür ist Selfhtml da um selber nachzulesen wie es geht.

    <html><head><title>Test</title>
    </head><body>
    <script type="text/javascript">
    <!--
    var jetzt = new Date();
    var TagInWoche = jetzt.getDay();
    var Wochentag = new
    Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag");
    document.write('<table border bgcolor="#CCFFFF"><tr><td><b>');
    document.write(Wochentag[TagInWoche] + "</b></td></tr></table>");
    //-->
    </script>
    </body></html>

    1. @matze: Danke! Ich weiß übrigens die Vorzüge von selfhtml zu schätzen, aber wenn man so eine Programmierpfeife ist wie ich, ist man im Forum besser aufgehoben.

  2. Hi,

    mit Dom-Methoden fuer neuere Browser: kein Problem. Wenn Du auch Nc 4x beruecksichtigen moechtest wirds _erheblich_ aufwaendiger, da Du den table komplett neuschreiben muesstest, oder einen Layer darunter exact plazieren muesstest.

    Gruesse  Joachim

    kleiner Test (Achtung, funktioniert nur bis Mittwoch, musst den Rest ergaenzen...):

    <html>
    <head>
    <script language="javascript1.2" type="text/javascript">
    function setDay() {
     var aktDate =  new Date();
     var aktDay  =  aktDate.getDay();
     if (document.getElementById) document.getElementById("day" + aktDay).style.backgroundColor = "red";
    }
    </script>
    </head>
    <body>
    <br><a href="#" onclick="setDay(); return false;">Heute</a><br><br>
    <table cellspacing="0" cellpadding="0" border="0">
    <tr>
     <td id="day0">Sonntag</td>
    </tr>
    <tr>
     <td id="day1">Montag</td>
    </tr>
    <tr>
     <td id="day2">Dienstag</td>
    </tr>
    <tr>
     <td id="day3">Mittwoch</td>
    </tr>
    </table>
    </body>
    </html>

    1. Dankeschön! Werde es gleich mal testen.