Skift datoer fra Uge N til Uge (N+1)

HEJ

Fra min Server hentede php-side har jeg to Style-opsatte bokse og en SELECT. .

De 2 bokse er sat sammen så det virker som EEN tabel, men indeholder 2 tabeller-  EN fast og en som via en AJAX-funktion hentes fra Serveren. Den faste tabel repræsenterer 7 dage (lodret)  og den anden (den som hentes) har tidsintervaller fra klokken 00:00 -->  23:59 (reelt 00:00) for 7 dage  (8 med klokketider øverst - som overskrift).

Den første boks TABEL1  er 1x * 8y . Anden boks TABEL2 er 24x * 8y felter. Dette arrangement er for at kolonne 1 (= dage)  i TABEL1 må under ingen omstændigheder flyttes (den forbliver frosset på denne måde!), mens den anden må scrolles - afhængig af tidspunktet.

Over denne tabel er en SELECT-boks med 3 valg.  DENNE UGE , NÆSTE UGE og NÆSTE NÆSTE UGE ( ialt 3 valg).

Denne SELECT fyldes vi en PHP-rutine med NUVÆRENDE UGE-nummer og de næste 2 ugers uge-numre. DAGS-kolonnen i tabel1 fyldes via en PHP-rutine fra serveren med MANDAG og nuværende UGE-dato for mandag. Feltet under fyldes med TIRSDAG  og nuværende UGE-dato for Tirsdag ...... Resten af ugedagene fyldes på samme måde. (Man -> Søndag).

Når jeg SKIFTER UGE-nummer i SELECT'EN startes AJAX-rutinen (value-styret), som henter et STYLE-formatteret DATABASE-udtræk for valgte uge fra serveren og lægger dette udtræk ind i tabel 2. De 2 Tabel-felter er nøje styled, således at linierne virker som rette linier.  AJAX-scriptet fungerer optimalt og jeg får data for uge X vist korrekt. Ligeledes for Uge (X+1) og osse for Uge(x+2)

Det eneste som ikke skifter er datoerne i TABEL1.
Jeg må bruge JavaScript eller Jquery (at foretrække), og her trænger jeg noget hjælp.

Kan nogen give mig et hint !  (eller bedre et kode-forslag!)

Kristian

Koden ser sådan ud:




    <table class='pos1' width= 140px; cellpadding='0' cellspacing ='0' border='1'>
        <tbody>
            <TR style='height: 25px;'>
                <TD>&nbsp;</TD>
            </tr>   
            <TR style = "height: 25px;">
                <TD id='klok1'>
                <?php
                    $week_start->setISODate($year,$week_no,1);
                    echo 'Mandag '.$week_start->format('d-M');
                ?>
                </TD>
            </tr>   
            <TR style = "height: 25px;">
                <TD id='klok2'>
                <?php
                    $week_start->setISODate($year,$week_no,2);
                    echo 'Tirsdag '.$week_start->format('d-M');
                ?>
                </TD>
            </tr>   
            <TR style = "height: 25px;">
                <TD id='klok3'>
                <?php
                    $week_start->setISODate($year,$week_no,3);
                    echo 'Onsdag '.$week_start->format('d-M');
                ?>
                </TD>
            </tr>   
            <TR style = "height: 25px;">
                <TD id='klok4'>
                <?php
                    $week_start->setISODate($year,$week_no,4);
                    echo 'Torsdag '.$week_start->format('d-M');
                ?>       
                </TD>
            </tr>   
            <TR style = "height: 25px;">
                <TD id='klok5'>
                <?php
                    $week_start->setISODate($year,$week_no,5);
                    echo 'Fredag '.$week_start->format('d-M');
                ?>       
                </TD>
            </tr>   
            <TR style = "height: 25px;">
                <TD id='klok6'>
                <?php
                    $week_start->setISODate($year,$week_no,6);
                    echo 'Lordag '.$week_start->format('d-M');
                ?>
                </TD>
            </tr>   
            <TR style = "height: 25px;">
                <TD id='klok7'>
                <?php
                    $week_start->setISODate($year,$week_no,7);
                    echo 'Sondag '.$week_start->format('d-M');
                ?>
                </TD>
            </tr>   
        </tbody>
    </table>