Getallen kunnen kiezen in de tabel

[cengiz]

Beste mensen,
ik heb een tabel opgebouwd meet 50 getallen in en daaronder een tabel met 9 getallen.
Ik wil dat de mensen vb 5 getallen kunnen kiezen tussen 50 getallen en maar 2 getallen in 9. Wanneer ze aanklikken op de nummer, moet de achtergrondkleur van de nummer wijzigen. Is het mogelijk om iets te krijgen van jullie ? Omdat ik niet zo sterk ben in JavaScript woude ik mijn vraag hier stellen.

Hieronder de opbouw van mijn tabel;

echo '<table class="achtergrond">'; 
               echo '<tr>'; 
                 
                for($i=0;$i<$this->AantalRoosters;$i++){ 
                echo '<td>'; 
                echo '<table>'; 
                echo '<tr>'; 
                if($this->Random == true){ 
                        $f = 0; 
                        while ($f<=4) 
                        { 
                        $willekeurig=rand(1, 50); 
                         
                        if ($f==0) 
                        { 
                            $arrWillekeurigGetal[$f]=$willekeurig; 
                            $f++; 
                        } 
                        
                        elseif (!in_array($willekeurig, $arrWillekeurigGetal)) 
                        { 
                            $arrWillekeurigGetal[$f]=$willekeurig; 
                            $f++; 
                        } 
                     } 

                      
                     sort($arrWillekeurigGetal);} 
        echo '<td>'; 
           echo '<table>'; 
                         $getal=0; 
                         $c=0; 
                         
                         while ($getal<50) 
                         { 
                                $getal=$getal+1; 
                                 
                                if ($getal==0) 
                                { 
                                    echo '<tr>'; 
                                } 
                                    if ($getal==$arrWillekeurigGetal[$c]) 
                                    { 
                                        echo '<td class="gelijk">'.$getal.'</td>'; 
                                        $c++; 
                                    } 
                                    else 
                                    { 
                                        echo '<td class="standaard">'.$getal.'</td>'; 
                                    } 
                                if ($getal==50) 
                                { 
                                    echo '</tr>'; 
                                } 
                                elseif ($getal%5==0) 
                                { 
                             
                                        echo '</tr><tr>'; 
                                } 
                                } 
                                echo '</table>'; 
                        echo '</td>'; 
                        echo '</tr>'; 
                        echo '<tr>'; 
                        if(($this->Random)==true){ 
                        $f = 0; 
                        while ($f<=1) 
                        { 
                        $willekeurig=rand(1, 9); 
                         
                        if ($f==0) 
                        { 
                            $arrWillekeurigGetal[$f]=$willekeurig; 
                            $f++; 
                        } 
                   
                        elseif (!in_array($willekeurig, $arrWillekeurigGetal)) 
                        { 
                            $arrWillekeurigGetal[$f]=$willekeurig; 
                            $f++; 
                        } 
                     } 

                 
                     sort($arrWillekeurigGetal); 
                        } 
                     echo '<td><table>'; 
                     $getal=0; 
                     $c=0; 
                     while ($getal<9) 
                     { 
                         $getal=$getal+1; 
                          
                         if ($getal==0) 
                         { 
                             echo '<tr>'; 
                         } 
                             if ($getal==$arrWillekeurigGetal[$c]) 
                             { 
                                 echo '<td class="gelijk">'.$getal.'</td>'; 
                                 $c++; 
                             } 
                             else 
                             { 
                                 echo '<td class="standaard">'.$getal.'</td>'; 
                             } 

                         if ($getal==9) 
                         { 
                             echo '</tr>'; 
                         } 
                         elseif ($getal%3==0) 
                         { 
                             echo '</tr><tr>'; 
                         } 
                      } 
                       
                      echo '</table>'; 
                      echo '</tr>'; 
                      echo '</table>'; 
                      echo '</td>'; 
                    } 
                    echo '</tr>'; 
                    echo '<tr><td colspan="3">Totaal: <font color="#FF0000" size=/"20px/">'.$this->TotaalPrijs.'</font>&euro;</td></tr>'; 
                    echo '</table>';

 

[blackeagle67]

denk dat het mooiste is dat je een onclick op je td zet.

dus: onclick="javascriptfunctie(<?php echo $phpgetalhier ?>)"

en dan een javascript functie tussen script tags zet welke dan doet met de var wat jij wilt.

<script type="text/javascript">
$(document).ready(function() { //als pagina klaar is met laden

var var_tel_aantal_clicks_50 = 0;
var var_tel_aantal_clicks_9 = 0;

    $("td").click(function(event) { //bij klikken op td
        var id = event.target.id; //geeft je het id van de td

if(var_tel_aantal_clicks_50 < 10 || var_tel_aantal_clicks_9 < 3) //als bij tabel met 50 kleiner dan 10 en tabel met 9 kleiner dan 2 verander achtergrond
{
if(id.closest("table").attr("id") == "ID_VAN_TABEL") //als tabel is van tabel met 50 dan doe:
{
var_tel_aantal_clicks_50 = var_tel_aantal_clicks_50+1;
}
else if(id.closest("table").attr("id") == "ID_VAN_TABEL_MET_9")
{
var_tel_aantal_clicks_9 = var_tel_aantal_clicks_9+1;
}
id.css({'background-color':'KLEUR HIER'});
}
    });
});
</script>

LET OP ONGETEST!!!!

 

[That Guy]

Daar heb je dan wel jQuery of een of andere rare Javascript Library voor nodig, want BE's code gaat niet standalone werken.